From f1e15b427c308cbf4ef30f38d6d989dc6e5cd2b3 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Sun, 31 Aug 2025 19:03:40 -0400
Subject: [PATCH 1/2] menu separator

---
 components/StyledMenuSeparator.qml | 9 +++++++++
 modules/storybook/Storybook.qml    | 4 +---
 2 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 components/StyledMenuSeparator.qml

diff --git a/components/StyledMenuSeparator.qml b/components/StyledMenuSeparator.qml
new file mode 100644
index 0000000..2759e47
--- /dev/null
+++ b/components/StyledMenuSeparator.qml
@@ -0,0 +1,9 @@
+import qs.config
+import QtQuick
+import QtQuick.Controls
+
+MenuSeparator {
+    palette.text: Theme.palette.basecontent
+    palette.highlight: Theme.palette.primary
+    palette.highlightedText: Theme.palette.primarycontent
+}
diff --git a/modules/storybook/Storybook.qml b/modules/storybook/Storybook.qml
index be143ed..50cc024 100644
--- a/modules/storybook/Storybook.qml
+++ b/modules/storybook/Storybook.qml
@@ -134,9 +134,7 @@ StyledWindow {
                         StyledMenuItem {
                             text: "Open..."
                         }
-                        StyledMenuItem {
-                            text: "Save"
-                        }
+                        StyledMenuSeparator {}
                         StyledMenuItem {
                             text: "Close"
                         }

From 2f575bc54182aa4b87def6149c49d0f39a1fda69 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Sun, 31 Aug 2025 20:39:16 -0400
Subject: [PATCH 2/2] focus and transition

---
 components/StyledMenu.qml | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/components/StyledMenu.qml b/components/StyledMenu.qml
index a9f48f7..24815b6 100644
--- a/components/StyledMenu.qml
+++ b/components/StyledMenu.qml
@@ -8,5 +8,21 @@ Menu {
     palette.window: Theme.palette.base100
     palette.base: Theme.palette.base100
 
+    focus: true
     closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
+
+    enter: Transition {
+        NumberAnimation {
+            property: "opacity"
+            from: 0.0
+            to: 1.0
+        }
+    }
+    exit: Transition {
+        NumberAnimation {
+            property: "opacity"
+            from: 1.0
+            to: 0.0
+        }
+    }
 }