Initial commit

.stversions/widgets/IconButton~20250307-175400.qml

@@ -0,0 +1,42 @@
+import QtQuick
+import QtQuick.Effects
+import Quickshell.Widgets 
+import ".."
+
+Item { 
+  property string source; 
+  property var implicitSize; 
+  property var padding: 0; 
+  property var radius: 5;
+  signal clicked();
+
+  id: root; 
+  implicitWidth: implicitSize;
+  implicitHeight: implicitSize;
+
+  Rectangle {
+    id: iconBackground;
+    color: ShellGlobals.colors.innerHighlight;
+    border.color: ShellGlobals.colors.highlight; 
+    radius: root.radius; 
+    visible: iconButton.containsMouse;
+    anchors.fill: parent;
+  }
+
+  IconImage {
+    id: iconImage; 
+    source: root.source;
+
+    anchors {
+      fill: parent;
+      margins: padding;
+    }
+  }
+
+  MouseArea {
+    id: iconButton; 
+    hoverEnabled: true;
+    anchors.fill: parent;
+    onPressed: root.clicked(); 
+  }
+} 

.stversions/widgets/IconButton~20250509-203449.qml

@@ -0,0 +1,40 @@
+import QtQuick
+import Quickshell.Widgets
+import ".."
+
+Item {
+    id: root
+    property string source
+    property var implicitSize: 24 // Default size if not specified
+    property var padding: 0
+    property var radius: 5
+    signal clicked
+
+    implicitWidth: implicitSize
+    implicitHeight: implicitSize
+
+    Rectangle {
+        id: iconBackground
+        color: ShellGlobals.colors.accent
+        radius: root.radius
+        visible: iconButton.containsMouse
+        anchors.fill: parent
+    }
+
+    IconImage {
+        id: iconImage
+        source: root.source
+
+        anchors {
+            fill: parent
+            margins: root.padding
+        }
+    }
+
+    MouseArea {
+        id: iconButton
+        hoverEnabled: true
+        anchors.fill: parent
+        onPressed: root.clicked()
+    }
+}

.stversions/widgets/RoundSlider~20250509-203448.qml

@@ -0,0 +1,60 @@
+import QtQuick
+import QtQuick.Controls
+import Qt5Compat.GraphicalEffects
+import ".."
+
+Slider {
+    id: slider
+
+    background: Rectangle {
+        id: sliderContainer
+        width: slider.availableWidth
+        height: slider.implicitHeight
+        color: "white"
+        radius: 4
+
+        layer.enabled: true
+        layer.effect: OpacityMask {
+            source: Rectangle {
+                width: sliderContainer.width
+                height: sliderContainer.height
+                radius: sliderContainer.radius
+                color: "white"
+            }
+
+            maskSource: Rectangle {
+                width: sliderContainer.width
+                height: sliderContainer.height
+                radius: sliderContainer.radius
+                color: "black"
+            }
+        }
+
+        Rectangle {
+            id: handle
+            width: sliderContainer.width * (slider.value / slider.to)
+            height: sliderContainer.height
+            color: ShellGlobals.colors.accent
+        }
+    }
+
+    handle: Rectangle {
+        x: slider.leftPadding + slider.visualPosition * (slider.availableWidth - width)
+        y: slider.topPadding + slider.availableHeight / 2 - height / 2
+        width: 16
+        height: 16
+        radius: width / 2
+        color: slider.pressed ? ShellGlobals.colors.accent.darker(1.2) : ShellGlobals.colors.accent
+
+        layer.enabled: true
+        layer.effect: DropShadow {
+            horizontalOffset: 0
+            verticalOffset: 1
+            radius: 4.0
+            samples: 9
+            color: "#30000000"
+        }
+    }
+
+    //handle: Item {}
+}

.stversions/widgets/Separator~20250509-203449.qml

@@ -0,0 +1,9 @@
+import QtQuick
+import ".."
+
+Rectangle {
+    color: ShellGlobals.colors.accent
+    radius: 5
+    width: 7.5
+    height: 7.5
+}