enhance(ui): added selectors for hover and pressed to shadcn button and sidebarmenubutton (#5493)

* enhance(ui): added selectors for hover and pressed to shadcn button

* enhance(ui): added selectors for hover and pressed to shadcn sidebarmenubutton

Author: Noah-Hypernova

apps/frontend/components/ui/button.tsx

@@ -94,6 +94,19 @@ export const ButtonMeta: CodeComponentMeta<ButtonPropsWithMeta> = {
       type: "eventHandler",
       argTypes: [{ name: "event", type: "object" }],
     },
+    className: {
+      type: "class",
+      selectors: [
+        {
+          selector: ":hover",
+          label: "Hovered",
+        },
+        {
+          selector: ":active",
+          label: "Pressed",
+        },
+      ],
+    },
   },
 };
 

apps/frontend/components/ui/sidebar.tsx

@@ -737,6 +737,19 @@ const SidebarMenuButtonMeta: CodeComponentMeta<SidebarMenuButtonProps> = {
       type: "choice",
       options: ["default", "sm", "lg"],
     },
+    className: {
+      type: "class",
+      selectors: [
+        {
+          selector: ":hover",
+          label: "Hovered",
+        },
+        {
+          selector: ":active",
+          label: "Pressed",
+        },
+      ],
+    },
   },
 };