1 files changed, 94 insertions, 0 deletions
diff --git a/modules/launcher/SchemeItem.qml b/modules/launcher/SchemeItem.qml
new file mode 100644
index 0000000..fa55a65
--- /dev/null
+++ b/modules/launcher/SchemeItem.qml
@@ -0,0 +1,94 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+
+Item {
+    id: root
+
+    required property var modelData
+    required property PersistentProperties visibilities
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    StateLayer {
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            Apps.launch(root.modelData);
+            root.visibilities.launcher = false;
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.leftMargin: Appearance.padding.larger
+        anchors.rightMargin: Appearance.padding.larger
+        anchors.margins: Appearance.padding.smaller
+
+        StyledRect {
+            id: preview
+
+            anchors.verticalCenter: parent.verticalCenter
+
+            border.width: 1
+            border.color: Qt.alpha(`#${root.modelData?.colours?.outline}`, 0.5)
+
+            color: `#${root.modelData?.colours?.surface}`
+            radius: Appearance.rounding.full
+            implicitWidth: parent.height * 0.8
+            implicitHeight: parent.height * 0.8
+
+            Item {
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                anchors.right: parent.right
+
+                implicitWidth: parent.implicitWidth / 2
+                clip: true
+
+                StyledRect {
+                    anchors.top: parent.top
+                    anchors.bottom: parent.bottom
+                    anchors.right: parent.right
+
+                    implicitWidth: preview.implicitWidth
+                    color: `#${root.modelData?.colours?.primary}`
+                    radius: Appearance.rounding.full
+                }
+            }
+        }
+
+        Column {
+            anchors.left: preview.right
+            anchors.leftMargin: Appearance.spacing.normal
+            anchors.verticalCenter: parent.verticalCenter
+
+            width: parent.width - preview.width
+            spacing: 0
+
+            StyledText {
+                id: name
+
+                text: root.modelData?.name ?? ""
+                font.pointSize: Appearance.font.size.normal
+            }
+
+            StyledText {
+                id: comment
+
+                text: root.modelData?.flavour ?? ""
+                font.pointSize: Appearance.font.size.small
+                color: Colours.palette.m3outline
+
+                elide: Text.ElideRight
+                width: parent.width - Appearance.rounding.normal * 2
+            }
+        }
+    }
+}