bouncy button group for toggles

.config/quickshell/modules/sidebarRight/quickToggles/QuickToggleButton.qml

@@ -3,17 +3,34 @@ import "root:/modules/common/widgets"
 import "root:/modules/common/functions/color_utils.js" as ColorUtils
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Layouts
 import Quickshell.Io
 
 RippleButton {
     id: button
+    rippleEnabled: false
     property string buttonIcon
+    property int clickIndex: parent?.clickIndex ?? -1
     toggled: false
-    buttonRadius: Appearance?.rounding?.full ?? 9999
+    buttonRadius: Appearance?.rounding?.full
+    buttonRadiusPressed: Appearance?.rounding?.small
 
-    implicitWidth: 40
+    Layout.fillWidth: (clickIndex - 1 <= parent.children.indexOf(button) && parent.children.indexOf(button) <= clickIndex + 1)
+    implicitWidth: button.down ? 60 : 40
     implicitHeight: 40
 
+    Behavior on implicitWidth {
+        animation: Appearance.animation.clickBounce.numberAnimation.createObject(this)
+    }
+
+    onDownChanged: {
+        if (button.down) {
+            if (button.parent.clickIndex !== undefined) {
+                button.parent.clickIndex = parent.children.indexOf(button)
+            }
+        }
+    }
+
     contentItem: MaterialSymbol {
         anchors.centerIn: parent
         iconSize: Appearance.font.pixelSize.larger