From 16a4114609f15947f6aa225864a20aba3c71af88 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Thu, 23 Apr 2026 18:56:48 +1000
Subject: [PATCH] feat: use new Mask component

---
 components/filedialog/FolderContents.qml | 7 ++-----
 modules/areapicker/Picker.qml            | 7 ++-----
 modules/dashboard/dash/User.qml          | 9 +++------
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/components/filedialog/FolderContents.qml b/components/filedialog/FolderContents.qml
index fee305e1..6238535d 100644
--- a/components/filedialog/FolderContents.qml
+++ b/components/filedialog/FolderContents.qml
@@ -1,13 +1,13 @@
 pragma ComponentBehavior: Bound
 
 import QtQuick
-import QtQuick.Effects
 import QtQuick.Layouts
 import Quickshell
 import Caelestia.Config
 import Caelestia.Models
 import qs.components
 import qs.components.controls
+import qs.components.effects
 import qs.components.filedialog
 import qs.components.images
 import qs.services
@@ -24,12 +24,9 @@ Item {
         color: Colours.tPalette.m3surfaceContainer
 
         layer.enabled: true
-        layer.effect: MultiEffect {
+        layer.effect: Mask {
             maskSource: mask
-            maskEnabled: true
             maskInverted: true
-            maskThresholdMin: 0.5
-            maskSpreadAtMin: 1
         }
     }
 
diff --git a/modules/areapicker/Picker.qml b/modules/areapicker/Picker.qml
index 1e6a612d..07777fba 100644
--- a/modules/areapicker/Picker.qml
+++ b/modules/areapicker/Picker.qml
@@ -1,12 +1,12 @@
 pragma ComponentBehavior: Bound
 
 import QtQuick
-import QtQuick.Effects
 import Quickshell
 import Quickshell.Io
 import Quickshell.Wayland
 import Caelestia
 import qs.components
+import qs.components.effects
 import qs.services
 
 MouseArea {
@@ -230,12 +230,9 @@ MouseArea {
         opacity: 0.3
 
         layer.enabled: true
-        layer.effect: MultiEffect {
+        layer.effect: Mask {
             maskSource: selectionWrapper
-            maskEnabled: true
             maskInverted: true
-            maskSpreadAtMin: 1
-            maskThresholdMin: 0.5
         }
     }
 
diff --git a/modules/dashboard/dash/User.qml b/modules/dashboard/dash/User.qml
index 52b4021d..0ea0dda1 100644
--- a/modules/dashboard/dash/User.qml
+++ b/modules/dashboard/dash/User.qml
@@ -1,6 +1,6 @@
+pragma ComponentBehavior: Bound
+
 import QtQuick
-import QtQuick.Layouts
-import QtQuick.Effects
 import M3Shapes
 import Caelestia.Config
 import qs.components
@@ -48,11 +48,8 @@ Item {
             anchors.fill: parent
             path: `${Paths.home}/.face`
             layer.enabled: true
-            layer.effect: MultiEffect {
-                maskEnabled: true
+            layer.effect: Mask {
                 maskSource: shape
-                maskThresholdMin: 0.5
-                maskSpreadAtMin: 1
             }
         }
     }