@definable/ui 0.1.32 → 0.1.35

package/dist/components/collapse.js

@@ -1,49 +1,49 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import * as h from "react";
-import { motion as o, AnimatePresence as f } from "framer-motion";
+import { motion as n, AnimatePresence as f } from "framer-motion";
 import { ChevronDown as p } from "lucide-react";
 import { cn as i } from "../lib/utils.js";
-function g({
-  title: a,
+function w({
+  title: o,
   children: r,
   defaultOpen: s = !1,
   className: l,
   titleClassName: m,
   contentClassName: c
 }) {
-  const [t, d] = h.useState(s);
-  return /* @__PURE__ */ n("div", { className: i("border rounded-lg", l), children: [
-    /* @__PURE__ */ n(
+  const [e, d] = h.useState(s);
+  return /* @__PURE__ */ a("div", { className: i("border rounded-lg", l), children: [
+    /* @__PURE__ */ a(
       "button",
       {
-        onClick: () => d(!t),
+        onClick: () => d(!e),
         className: "flex items-center justify-between w-full text-left",
         children: [
-          /* @__PURE__ */ e("h3", { className: i("text-sm font-sm", m), children: a }),
-          /* @__PURE__ */ e(
-            o.div,
+          /* @__PURE__ */ t("h3", { className: i("text-sm font-sm", m), children: o }),
+          /* @__PURE__ */ t(
+            n.div,
             {
-              animate: { rotate: t ? 180 : 0 },
+              animate: { rotate: e ? 180 : 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(p, { className: "h-5 w-5 text-muted-foreground" })
+              children: /* @__PURE__ */ t(p, { className: "h-5 w-5 text-tertiary" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(f, { initial: !1, children: t && /* @__PURE__ */ e(
-      o.div,
+    /* @__PURE__ */ t(f, { initial: !1, children: e && /* @__PURE__ */ t(
+      n.div,
       {
         initial: { height: 0, opacity: 0 },
         animate: { height: "auto", opacity: 1 },
         exit: { height: 0, opacity: 0 },
         transition: { duration: 0.2 },
         className: "overflow-hidden",
-        children: /* @__PURE__ */ e("div", { className: i("p-4 pt-0", c), children: r })
+        children: /* @__PURE__ */ t("div", { className: i("p-4 pt-0", c), children: r })
       }
     ) })
   ] });
 }
 export {
-  g as Collapse
+  w as Collapse
 };

package/dist/components/command-menu.js

@@ -1,60 +1,60 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { CommandDialog as l, Command as a, CommandInput as i, CommandList as u, CommandEmpty as h, CommandGroup as d, CommandItem as s, CommandSeparator as p } from "./command.js";
+import { CommandDialog as d, Command as a, CommandInput as i, CommandList as h, CommandEmpty as u, CommandGroup as c, CommandItem as l, CommandSeparator as p } from "./command.js";
 import { useEffect as f, useCallback as g, useState as x } from "react";
-import { Home as S, FileText as b, FolderOpen as N, Settings as y, Search as C } from "lucide-react";
-function w({ open: t, onOpenChange: o }) {
+import { Home as y, FileText as S, FolderOpen as b, Settings as N, Search as v } from "lucide-react";
+function C({ open: r, onOpenChange: o }) {
   f(() => {
-    const m = (c) => {
-      c.key === "k" && (c.metaKey || c.ctrlKey) && (c.preventDefault(), o(!t));
+    const m = (s) => {
+      s.key === "k" && (s.metaKey || s.ctrlKey) && (s.preventDefault(), o(!r));
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [t, o]);
-  const r = g((m) => {
+  }, [r, o]);
+  const t = g((m) => {
     o(!1), m();
   }, [o]);
-  return /* @__PURE__ */ e(l, { open: t, onOpenChange: o, children: /* @__PURE__ */ n(a, { className: "rounded-lg border shadow-md", children: [
+  return /* @__PURE__ */ e(d, { open: r, onOpenChange: o, children: /* @__PURE__ */ n(a, { className: "rounded-lg border shadow-md", children: [
     /* @__PURE__ */ e(i, { placeholder: "Type a command or search..." }),
-    /* @__PURE__ */ n(u, { children: [
-      /* @__PURE__ */ e(h, { children: "No results found." }),
-      /* @__PURE__ */ n(d, { heading: "Suggestions", children: [
+    /* @__PURE__ */ n(h, { children: [
+      /* @__PURE__ */ e(u, { children: "No results found." }),
+      /* @__PURE__ */ n(c, { heading: "Suggestions", children: [
         /* @__PURE__ */ n(
-          s,
+          l,
           {
-            onSelect: () => r(() => console.log("Home")),
+            onSelect: () => t(() => console.log("Home")),
             children: [
-              /* @__PURE__ */ e(S, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(y, { className: "mr-2 h-4 w-4" }),
               /* @__PURE__ */ e("span", { children: "Home" })
             ]
           }
         ),
         /* @__PURE__ */ n(
-          s,
+          l,
           {
-            onSelect: () => r(() => console.log("Documents")),
+            onSelect: () => t(() => console.log("Documents")),
             children: [
-              /* @__PURE__ */ e(b, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(S, { className: "mr-2 h-4 w-4" }),
               /* @__PURE__ */ e("span", { children: "Documents" })
             ]
           }
         ),
         /* @__PURE__ */ n(
-          s,
+          l,
           {
-            onSelect: () => r(() => console.log("Projects")),
+            onSelect: () => t(() => console.log("Projects")),
             children: [
-              /* @__PURE__ */ e(N, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(b, { className: "mr-2 h-4 w-4" }),
               /* @__PURE__ */ e("span", { children: "Projects" })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ e(p, {}),
-      /* @__PURE__ */ e(d, { heading: "Settings", children: /* @__PURE__ */ n(
-        s,
+      /* @__PURE__ */ e(c, { heading: "Settings", children: /* @__PURE__ */ n(
+        l,
         {
-          onSelect: () => r(() => console.log("Settings")),
+          onSelect: () => t(() => console.log("Settings")),
           children: [
-            /* @__PURE__ */ e(y, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e(N, { className: "mr-2 h-4 w-4" }),
             /* @__PURE__ */ e("span", { children: "Settings" })
           ]
         }
@@ -63,27 +63,27 @@ function w({ open: t, onOpenChange: o }) {
   ] }) });
 }
 function E() {
-  const [t, o] = x(!1);
+  const [r, o] = x(!1);
   return /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-2", children: [
     /* @__PURE__ */ n(
       "button",
       {
         onClick: () => o(!0),
-        className: "inline-flex items-center justify-center gap-1 rounded-md border border-input bg-secondary px-4 py-2 text-sm font-medium text-foreground hover:bg-accent hover:text-accent-foreground",
+        className: "inline-flex items-center justify-center gap-1 rounded-md border border-light bg-secondary px-4 py-2 text-sm font-medium text-primary hover:bg-hover hover:text-primary",
         children: [
-          /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(v, { className: "h-4 w-4" }),
           /* @__PURE__ */ e("span", { children: "Search..." }),
-          /* @__PURE__ */ n("kbd", { className: "pointer-events-none ml-1 inline-flex h-5 select-none items-center gap-1 rounded border border-input bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ n("kbd", { className: "pointer-events-none ml-1 inline-flex h-5 select-none items-center gap-1 rounded border border-light bg-hover px-1.5 font-mono text-[10px] font-medium text-tertiary", children: [
             /* @__PURE__ */ e("span", { className: "text-xs", children: "⌘" }),
             "K"
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e(w, { open: t, onOpenChange: o })
+    /* @__PURE__ */ e(C, { open: r, onOpenChange: o })
   ] });
 }
 export {
-  w as CommandMenu,
+  C as CommandMenu,
   E as CommandMenuDemo
 };

package/dist/components/command.js

@@ -1,115 +1,115 @@
-import { jsx as d, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import * as r from "react";
 import { Command as t } from "cmdk";
-import { Search as l } from "lucide-react";
+import { Search as i } from "lucide-react";
 import { cn as s } from "../lib/utils.js";
-const i = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const n = r.forwardRef(({ className: a, ...e }, d) => /* @__PURE__ */ o(
   t,
   {
-    ref: o,
+    ref: d,
     className: s(
-      "flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground",
-      e
+      "flex h-full w-full flex-col overflow-hidden rounded-lg bg-card text-primary",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-i.displayName = t.displayName;
+n.displayName = t.displayName;
 const b = ({
-  children: e,
-  open: a,
-  onOpenChange: o
-}) => /* @__PURE__ */ d(
+  children: a,
+  open: e,
+  onOpenChange: d
+}) => /* @__PURE__ */ o(
   "div",
   {
     className: s(
       "fixed inset-0 z-50 bg-secondary/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a ? "block" : "hidden"
+      e ? "block" : "hidden"
     ),
-    onClick: (n) => {
-      n.target === n.currentTarget && o(!1);
+    onClick: (m) => {
+      m.target === m.currentTarget && d(!1);
     },
-    children: /* @__PURE__ */ d(
+    children: /* @__PURE__ */ o(
       "div",
       {
-        className: "fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-lg border border-light bg-popover shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-        children: e
+        className: "fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-lg border border-light bg-card shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        children: a
       }
     )
   }
-), p = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ m("div", { className: "flex items-center border-b border-light px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ d(
+), p = r.forwardRef(({ className: a, ...e }, d) => /* @__PURE__ */ l("div", { className: "flex items-center border-b border-light px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ o(i, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ o(
     t.Input,
     {
-      ref: o,
+      ref: d,
       className: s(
-        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        e
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-tertiary disabled:cursor-not-allowed disabled:opacity-50",
+        a
       ),
-      ...a
+      ...e
     }
   )
 ] }));
 p.displayName = t.Input.displayName;
-const c = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const c = r.forwardRef(({ className: a, ...e }, d) => /* @__PURE__ */ o(
   t.List,
   {
-    ref: o,
-    className: s("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
-    ...a
+    ref: d,
+    className: s("max-h-[300px] overflow-y-auto overflow-x-hidden", a),
+    ...e
   }
 ));
 c.displayName = t.List.displayName;
-const f = r.forwardRef((e, a) => /* @__PURE__ */ d(
+const f = r.forwardRef((a, e) => /* @__PURE__ */ o(
   t.Empty,
   {
-    ref: a,
-    className: "py-6 text-center text-sm text-muted-foreground",
-    ...e
+    ref: e,
+    className: "py-6 text-center text-sm text-tertiary",
+    ...a
   }
 ));
 f.displayName = t.Empty.displayName;
-const u = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const u = r.forwardRef(({ className: a, ...e }, d) => /* @__PURE__ */ o(
   t.Group,
   {
-    ref: o,
+    ref: d,
     className: s(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      e
+      "overflow-hidden p-1 text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-tertiary",
+      a
     ),
-    ...a
+    ...e
   }
 ));
 u.displayName = t.Group.displayName;
-const x = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const y = r.forwardRef(({ className: a, ...e }, d) => /* @__PURE__ */ o(
   t.Separator,
   {
-    ref: o,
-    className: s("-mx-1 h-px bg-border", e),
-    ...a
+    ref: d,
+    className: s("-mx-1 h-px bg-light", a),
+    ...e
   }
 ));
-x.displayName = t.Separator.displayName;
-const g = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+y.displayName = t.Separator.displayName;
+const x = r.forwardRef(({ className: a, ...e }, d) => /* @__PURE__ */ o(
   t.Item,
   {
-    ref: o,
+    ref: d,
     className: s(
-      "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
+      "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none aria-selected:bg-hover aria-selected:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-g.displayName = t.Item.displayName;
+x.displayName = t.Item.displayName;
 export {
-  i as Command,
+  n as Command,
   b as CommandDialog,
   f as CommandEmpty,
   u as CommandGroup,
   p as CommandInput,
-  g as CommandItem,
+  x as CommandItem,
   c as CommandList,
-  x as CommandSeparator
+  y as CommandSeparator
 };

package/dist/components/confirmation-modal.js

@@ -1,41 +1,41 @@
-import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as d, Fragment as s } from "react/jsx-runtime";
 import { AlertTriangle as f } from "lucide-react";
-import { Modal as u } from "./modal.js";
-import { Button as o } from "./button.js";
+import { Modal as h } from "./modal.js";
+import { Button as a } from "./button.js";
 function C({
-  isOpen: a,
-  onClose: e,
-  onConfirm: i,
-  title: d,
-  description: t,
-  confirmText: m = "Confirm",
+  isOpen: n,
+  onClose: t,
+  onConfirm: o,
+  title: m,
+  description: e,
+  confirmText: l = "Confirm",
   cancelText: c = "Cancel",
-  type: n = "danger"
+  type: i = "danger"
 }) {
   return /* @__PURE__ */ r(
-    u,
+    h,
     {
-      isOpen: a,
-      onClose: e,
+      isOpen: n,
+      onClose: t,
       size: "md",
       zIndexClassName: "z-[1000]",
-      title: d,
-      description: t,
-      icon: /* @__PURE__ */ r(f, { className: `h-5 w-5 ${n === "danger" ? "text-destructive-foreground" : "text-primary-foreground"}` }),
-      footer: /* @__PURE__ */ l(s, { children: [
-        /* @__PURE__ */ r(o, { variant: "ghost", onClick: e, children: c }),
+      title: m,
+      description: e,
+      icon: /* @__PURE__ */ r(f, { className: "h-5 w-5 text-white" }),
+      footer: /* @__PURE__ */ d(s, { children: [
+        /* @__PURE__ */ r(a, { variant: "ghost", onClick: t, children: c }),
         /* @__PURE__ */ r(
-          o,
+          a,
           {
-            variant: n === "danger" ? "destructive" : "default",
+            variant: i === "danger" ? "destructive" : "default",
             onClick: () => {
-              i(), e();
+              o(), t();
             },
-            children: m
+            children: l
           }
         )
       ] }),
-      children: /* @__PURE__ */ r("div", { className: "p-4", children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: t }) })
+      children: /* @__PURE__ */ r("div", { className: "p-4", children: /* @__PURE__ */ r("p", { className: "text-sm text-tertiary", children: e }) })
     }
   );
 }

package/dist/components/context-menu.js

@@ -1,27 +1,27 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import i from "react";
+import d from "react";
 import * as t from "@radix-ui/react-context-menu";
 import { cn as s } from "../lib/utils.js";
-function y({
+function N({
   children: o,
   menuContent: a,
   className: n = "",
   disabled: r = !1,
-  onContextMenuOpen: d,
-  onContextMenuClose: c
+  onContextMenuOpen: i,
+  onContextMenuClose: m
 }) {
   return /* @__PURE__ */ l(
     t.Root,
     {
-      onOpenChange: (m) => {
-        m ? d == null || d() : c == null || c();
+      onOpenChange: (c) => {
+        c ? i == null || i() : m == null || m();
       },
       children: [
         /* @__PURE__ */ e(t.Trigger, { disabled: r, asChild: !0, className: s("block", n), children: /* @__PURE__ */ e("div", { children: o }) }),
         /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
           t.Content,
           {
-            className: "min-w-[220px] overflow-hidden rounded-md border bg-popover p-1 shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50",
+            className: "min-w-[220px] overflow-hidden rounded-md border bg-card p-1 shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50",
             children: a
           }
         ) })
@@ -29,33 +29,33 @@ function y({
     }
   );
 }
-const u = i.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e(
+const u = d.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e(
   t.Item,
   {
     ref: n,
     className: s(
-      "relative cursor-pointer flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative cursor-pointer flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-hover focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       o
     ),
     ...a
   }
 ));
 u.displayName = "ContextMenuItem";
-const f = i.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e(
+const p = d.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e(
   t.Separator,
   {
     ref: n,
-    className: s("-mx-1 my-1 h-px bg-border", o),
+    className: s("-mx-1 my-1 h-px bg-light", o),
     ...a
   }
 ));
-f.displayName = "ContextMenuSeparator";
-const C = t.Sub, p = i.forwardRef(({ className: o, inset: a, children: n, ...r }, d) => /* @__PURE__ */ l(
+p.displayName = "ContextMenuSeparator";
+const C = t.Sub, f = d.forwardRef(({ className: o, inset: a, children: n, ...r }, i) => /* @__PURE__ */ l(
   t.SubTrigger,
   {
-    ref: d,
+    ref: i,
     className: s(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-hover focus:text-primary data-[state=open]:bg-hover data-[state=open]:text-primary",
       a && "pl-8",
       o
     ),
@@ -81,25 +81,25 @@ const C = t.Sub, p = i.forwardRef(({ className: o, inset: a, children: n, ...r }
     ]
   }
 ));
-p.displayName = "ContextMenuSubTrigger";
-const h = i.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e(
+f.displayName = "ContextMenuSubTrigger";
+const h = d.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e(
   t.SubContent,
   {
     ref: n,
     className: s(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 shadow-md animate-in data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-card p-1 shadow-md animate-in data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       o
     ),
     ...a
   }
 ));
 h.displayName = "ContextMenuSubContent";
-const k = t.Group, R = t.RadioGroup, x = i.forwardRef(({ className: o, children: a, ...n }, r) => /* @__PURE__ */ l(
+const k = t.Group, R = t.RadioGroup, x = d.forwardRef(({ className: o, children: a, ...n }, r) => /* @__PURE__ */ l(
   t.RadioItem,
   {
     ref: r,
     className: s(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-hover focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       o
     ),
     ...n,
@@ -125,12 +125,12 @@ const k = t.Group, R = t.RadioGroup, x = i.forwardRef(({ className: o, children:
   }
 ));
 x.displayName = "ContextMenuRadioItem";
-const b = i.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */ e(
+const b = d.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */ e(
   t.Label,
   {
     ref: r,
     className: s(
-      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      "px-2 py-1.5 text-sm font-semibold text-primary",
       a && "pl-8",
       o
     ),
@@ -138,12 +138,12 @@ const b = i.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */
   }
 ));
 b.displayName = "ContextMenuLabel";
-const g = i.forwardRef(({ className: o, children: a, checked: n, ...r }, d) => /* @__PURE__ */ l(
+const w = d.forwardRef(({ className: o, children: a, checked: n, ...r }, i) => /* @__PURE__ */ l(
   t.CheckboxItem,
   {
-    ref: d,
+    ref: i,
     className: s(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-hover focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       o
     ),
     checked: n,
@@ -169,17 +169,17 @@ const g = i.forwardRef(({ className: o, children: a, checked: n, ...r }, d) => /
     ]
   }
 ));
-g.displayName = "ContextMenuCheckboxItem";
+w.displayName = "ContextMenuCheckboxItem";
 export {
-  y as ContextMenu,
-  g as ContextMenuCheckboxItem,
+  N as ContextMenu,
+  w as ContextMenuCheckboxItem,
   k as ContextMenuGroup,
   u as ContextMenuItem,
   b as ContextMenuLabel,
   R as ContextMenuRadioGroup,
   x as ContextMenuRadioItem,
-  f as ContextMenuSeparator,
+  p as ContextMenuSeparator,
   C as ContextMenuSub,
   h as ContextMenuSubContent,
-  p as ContextMenuSubTrigger
+  f as ContextMenuSubTrigger
 };