quickshell lets gooo

dots/quickshell/widgets/StateLayer.qml

@@ -0,0 +1,43 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+StyledRect {
+    id: root
+
+    readonly property alias hovered: mouse.hovered
+    readonly property alias pressed: mouse.pressed
+    property bool disabled
+
+    function onClicked(event: MouseEvent): void {
+    }
+
+    anchors.fill: parent
+
+    color: Colours.palette.m3onSurface
+    opacity: disabled ? 0 : mouse.pressed ? 0.1 : mouse.hovered ? 0.08 : 0
+
+    MouseArea {
+        id: mouse
+
+        property bool hovered
+
+        anchors.fill: parent
+        cursorShape: root.disabled ? undefined : Qt.PointingHandCursor
+        hoverEnabled: true
+
+        onEntered: hovered = true
+        onExited: hovered = false
+
+        onClicked: event => !root.disabled && root.onClicked(event)
+    }
+
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Appearance.anim.durations.small
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+}