1 files changed, 117 insertions, 0 deletions
diff --git a/raveos-hyprland-theme/theme-data/dms/Modules/Settings/Widgets/SettingsButtonGroupRow.qml b/raveos-hyprland-theme/theme-data/dms/Modules/Settings/Widgets/SettingsButtonGroupRow.qml
new file mode 100644
index 0000000..5e49936
--- /dev/null
+++ b/raveos-hyprland-theme/theme-data/dms/Modules/Settings/Widgets/SettingsButtonGroupRow.qml
@@ -0,0 +1,117 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+Item {
+    id: root
+
+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
+    property string tab: ""
+    property var tags: []
+    property string settingKey: ""
+
+    property string text: ""
+    property string description: ""
+
+    readonly property bool isHighlighted: settingKey !== "" && SettingsSearchService.highlightSection === settingKey
+
+    function findParentFlickable() {
+        let p = root.parent;
+        while (p) {
+            if (p.hasOwnProperty("contentY") && p.hasOwnProperty("contentItem"))
+                return p;
+            p = p.parent;
+        }
+        return null;
+    }
+
+    Component.onCompleted: {
+        if (!settingKey)
+            return;
+        let flickable = findParentFlickable();
+        if (flickable)
+            SettingsSearchService.registerCard(settingKey, root, flickable);
+    }
+
+    Component.onDestruction: {
+        if (settingKey)
+            SettingsSearchService.unregisterCard(settingKey);
+    }
+
+    Rectangle {
+        anchors.fill: parent
+        radius: Theme.cornerRadius
+        color: Theme.withAlpha(Theme.primary, root.isHighlighted ? 0.2 : 0)
+        visible: root.isHighlighted
+
+        Behavior on color {
+            ColorAnimation {
+                duration: Theme.shortDuration
+                easing.type: Theme.standardEasing
+            }
+        }
+    }
+
+    property alias model: buttonGroup.model
+    property alias currentIndex: buttonGroup.currentIndex
+    property alias selectionMode: buttonGroup.selectionMode
+    property alias buttonHeight: buttonGroup.buttonHeight
+    property alias minButtonWidth: buttonGroup.minButtonWidth
+    property alias buttonPadding: buttonGroup.buttonPadding
+    property alias checkIconSize: buttonGroup.checkIconSize
+    property alias textSize: buttonGroup.textSize
+    property alias spacing: buttonGroup.spacing
+    property alias checkEnabled: buttonGroup.checkEnabled
+
+    signal selectionChanged(int index, bool selected)
+
+    width: parent?.width ?? 0
+    height: 60
+
+    Row {
+        id: contentRow
+        width: parent.width - Theme.spacingM * 2
+        x: Theme.spacingM
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: Theme.spacingM
+
+        Column {
+            width: parent.width - buttonGroup.width - Theme.spacingM
+            anchors.verticalCenter: parent.verticalCenter
+            spacing: Theme.spacingXS
+
+            StyledText {
+                text: root.text
+                font.pixelSize: Theme.fontSizeMedium
+                font.weight: Font.Medium
+                color: Theme.surfaceText
+                elide: Text.ElideRight
+                width: parent.width
+                visible: root.text !== ""
+                horizontalAlignment: Text.AlignLeft
+            }
+
+            StyledText {
+                text: root.description
+                font.pixelSize: Theme.fontSizeSmall
+                color: Theme.surfaceVariantText
+                wrapMode: Text.WordWrap
+                width: parent.width
+                visible: root.description !== ""
+                horizontalAlignment: Text.AlignLeft
+            }
+        }
+
+        DankButtonGroup {
+            id: buttonGroup
+            anchors.verticalCenter: parent.verticalCenter
+            selectionMode: "single"
+            onSelectionChanged: (index, selected) => root.selectionChanged(index, selected)
+        }
+    }
+}