NIconButton and NToggle

Widgets/NIconButton.qml

@@ -0,0 +1,44 @@
+import QtQuick
+import Quickshell
+import Quickshell.Widgets
+import qs.Services
+import qs.Theme
+
+Rectangle {
+  id: root
+
+  // Local scale convenience with safe fallback
+  readonly property real scale: (typeof screen !== 'undefined'
+                                 && screen) ? Scaling.scale(screen) : 1.0
+
+  property real size: 32 * scale
+  property string icon
+  property bool enabled: true
+  property bool hovering: false
+
+  implicitWidth: size
+  implicitHeight: size
+  radius: width * 0.5
+
+  color: root.hovering ? Theme.accentPrimary : "transparent"
+
+  Text {
+    id: iconText
+    anchors.centerIn: parent
+    text: root.icon
+    font.family: "Material Symbols Outlined"
+    font.pixelSize: 24 * scale
+    color: root.hovering ? Theme.onAccent : Theme.textPrimary
+    horizontalAlignment: Text.AlignHCenter
+    verticalAlignment: Text.AlignVCenter
+    opacity: root.enabled ? 1.0 : 0.5
+  }
+
+  MouseArea {
+    anchors.fill: parent
+    cursorShape: Qt.PointingHandCursor
+    hoverEnabled: true
+    onEntered: hovering = true
+    onExited: hovering = false
+  }
+}

Widgets/NoctaliaIconButton.qml

@@ -1,45 +0,0 @@
-import QtQuick
-import Quickshell
-import Quickshell.Widgets
-import qs.Services
-import qs.Theme
-
-MouseArea {
-  id: root
-
-  // Local scale convenience with safe fallback
-  readonly property real scale: (typeof screen !== 'undefined'
-                                 && screen) ? Scaling.scale(screen) : 1.0
-
-  property string icon
-  property bool enabled: true
-  property bool hovering: false
-  property real size: 32
-
-  cursorShape: Qt.PointingHandCursor
-  implicitWidth: size
-  implicitHeight: size
-
-  hoverEnabled: true
-  onEntered: hovering = true
-  onExited: hovering = false
-
-  Rectangle {
-
-    anchors.fill: parent
-    radius: width * 0.5
-    color: root.hovering ? Theme.accentPrimary : "transparent"
-
-    Text {
-      id: iconText
-      anchors.centerIn: parent
-      text: root.icon
-      font.family: "Material Symbols Outlined"
-      font.pixelSize: 24 * scale
-      color: root.hovering ? Theme.onAccent : Theme.textPrimary
-      horizontalAlignment: Text.AlignHCenter
-      verticalAlignment: Text.AlignVCenter
-      opacity: root.enabled ? 1.0 : 0.5
-    }
-  }
-}