@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/esm/packages/ui/src/components/command.js

@@ -1,67 +1,67 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { Command as n } from "cmdk";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Command as o } from "cmdk";
 import { SearchIcon as i } from "lucide-react";
-import { cn as a } from "../lib/utils.js";
+import { cn as t } from "../lib/utils.js";
 import { Dialog as l, DialogHeader as u, DialogTitle as p, DialogDescription as g, DialogContent as f } from "./dialog.js";
 function h({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    n,
+  return /* @__PURE__ */ e(
+    o,
     {
       "data-slot": "command",
-      className: a(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        e
+      className: t(
+        "ds:bg-popover ds:text-popover-foreground ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden ds:rounded-md",
+        d
       ),
-      ...t
+      ...s
     }
   );
 }
 function y({
-  title: e = "Command Palette",
-  description: t = "Search for a command to run...",
-  children: r,
-  className: m,
-  showCloseButton: s = !0,
+  title: d = "Command Palette",
+  description: s = "Search for a command to run...",
+  children: n,
+  className: r,
+  showCloseButton: m = !0,
   ...c
 }) {
-  return /* @__PURE__ */ d(l, { ...c, children: [
-    /* @__PURE__ */ d(u, { className: "sr-only", children: [
-      /* @__PURE__ */ o(p, { children: e }),
-      /* @__PURE__ */ o(g, { children: t })
+  return /* @__PURE__ */ a(l, { ...c, children: [
+    /* @__PURE__ */ a(u, { className: "ds:sr-only", children: [
+      /* @__PURE__ */ e(p, { children: d }),
+      /* @__PURE__ */ e(g, { children: s })
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ e(
       f,
       {
-        className: a("overflow-hidden p-0", m),
-        showCloseButton: s,
-        children: /* @__PURE__ */ o(h, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: r })
+        className: t("ds:overflow-hidden ds:p-0", r),
+        showCloseButton: m,
+        children: /* @__PURE__ */ e(h, { className: "ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:**:data-[slot=command-input-wrapper]:h-12 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:font-medium ds:[&_[cmdk-group]]:px-2 ds:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 ds:[&_[cmdk-input-wrapper]_svg]:h-5 ds:[&_[cmdk-input-wrapper]_svg]:w-5 ds:[&_[cmdk-input]]:h-12 ds:[&_[cmdk-item]]:px-2 ds:[&_[cmdk-item]]:py-3 ds:[&_[cmdk-item]_svg]:h-5 ds:[&_[cmdk-item]_svg]:w-5", children: n })
       }
     )
   ] });
 }
 function C({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
+      className: "ds:flex ds:h-9 ds:items-center ds:gap-2 ds:border-b ds:px-3",
       children: [
-        /* @__PURE__ */ o(i, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ o(
-          n.Input,
+        /* @__PURE__ */ e(i, { className: "ds:size-4 ds:shrink-0 ds:opacity-50" }),
+        /* @__PURE__ */ e(
+          o.Input,
           {
             "data-slot": "command-input",
-            className: a(
-              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-              e
+            className: t(
+              "ds:placeholder:text-muted-foreground ds:flex ds:h-10 ds:w-full ds:rounded-md ds:bg-transparent ds:py-3 ds:text-sm ds:outline-hidden ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+              d
             ),
-            ...t
+            ...s
           }
         )
       ]
@@ -69,91 +69,91 @@ function C({
   );
 }
 function N({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    n.List,
+  return /* @__PURE__ */ e(
+    o.List,
     {
       "data-slot": "command-list",
-      className: a(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        e
+      className: t(
+        "ds:max-h-[300px] ds:scroll-py-1 ds:overflow-x-hidden ds:overflow-y-auto",
+        d
       ),
-      ...t
+      ...s
     }
   );
 }
 function b({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ o(
-    n.Empty,
+  return /* @__PURE__ */ e(
+    o.Empty,
     {
       "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...e
+      className: "ds:py-6 ds:text-center ds:text-sm",
+      ...d
     }
   );
 }
 function D({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    n.Group,
+  return /* @__PURE__ */ e(
+    o.Group,
     {
       "data-slot": "command-group",
-      className: a(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        e
+      className: t(
+        "ds:text-foreground ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:overflow-hidden ds:p-1 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:py-1.5 ds:[&_[cmdk-group-heading]]:text-xs ds:[&_[cmdk-group-heading]]:font-medium",
+        d
       ),
-      ...t
+      ...s
     }
   );
 }
 function I({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    n.Separator,
+  return /* @__PURE__ */ e(
+    o.Separator,
     {
       "data-slot": "command-separator",
-      className: a("bg-border -mx-1 h-px", e),
-      ...t
+      className: t("ds:bg-border ds:-mx-1 ds:h-px", d),
+      ...s
     }
   );
 }
 function S({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ o(
-    n.Item,
+  return /* @__PURE__ */ e(
+    o.Item,
     {
       "data-slot": "command-item",
-      className: a(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+      className: t(
+        "ds:data-[selected=true]:bg-accent ds:data-[selected=true]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
+        d
       ),
-      ...t
+      ...s
     }
   );
 }
 function z({
-  className: e,
-  ...t
+  className: d,
+  ...s
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "span",
     {
       "data-slot": "command-shortcut",
-      className: a(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        e
+      className: t(
+        "ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest",
+        d
       ),
-      ...t
+      ...s
     }
   );
 }

package/dist/esm/packages/ui/src/components/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sources":["../../../../../../../../packages/ui/src/components/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@dsui/ui/components/dialog\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}
+{"version":3,"file":"command.js","sources":["../../../../../../../../packages/ui/src/components/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@dsui/ui/components/dialog\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"ds:bg-popover ds:text-popover-foreground ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden ds:rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"ds:sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"ds:overflow-hidden ds:p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:**:data-[slot=command-input-wrapper]:h-12 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:font-medium ds:[&_[cmdk-group]]:px-2 ds:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 ds:[&_[cmdk-input-wrapper]_svg]:h-5 ds:[&_[cmdk-input-wrapper]_svg]:w-5 ds:[&_[cmdk-input]]:h-12 ds:[&_[cmdk-item]]:px-2 ds:[&_[cmdk-item]]:py-3 ds:[&_[cmdk-item]_svg]:h-5 ds:[&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"ds:flex ds:h-9 ds:items-center ds:gap-2 ds:border-b ds:px-3\"\n    >\n      <SearchIcon className=\"ds:size-4 ds:shrink-0 ds:opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"ds:placeholder:text-muted-foreground ds:flex ds:h-10 ds:w-full ds:rounded-md ds:bg-transparent ds:py-3 ds:text-sm ds:outline-hidden ds:disabled:cursor-not-allowed ds:disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"ds:max-h-[300px] ds:scroll-py-1 ds:overflow-x-hidden ds:overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"ds:py-6 ds:text-center ds:text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"ds:text-foreground ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:overflow-hidden ds:p-1 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:py-1.5 ds:[&_[cmdk-group-heading]]:text-xs ds:[&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"ds:bg-border ds:-mx-1 ds:h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"ds:data-[selected=true]:bg-accent ds:data-[selected=true]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}

package/dist/esm/packages/ui/src/components/context-menu.js

@@ -1,37 +1,37 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-context-menu";
-import { ChevronRightIcon as d, CircleIcon as u, CheckIcon as c } from "lucide-react";
-import { cn as s } from "../lib/utils.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as d from "@radix-ui/react-context-menu";
+import { ChevronRightIcon as i, CircleIcon as u, CheckIcon as c } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
 function x({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "context-menu", ...t });
+  return /* @__PURE__ */ e(d.Root, { "data-slot": "context-menu", ...t });
 }
 function p({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "context-menu-trigger", ...t });
+  return /* @__PURE__ */ e(d.Trigger, { "data-slot": "context-menu-trigger", ...t });
 }
 function g({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Group, { "data-slot": "context-menu-group", ...t });
+  return /* @__PURE__ */ e(d.Group, { "data-slot": "context-menu-group", ...t });
 }
 function v({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "context-menu-portal", ...t });
+  return /* @__PURE__ */ e(d.Portal, { "data-slot": "context-menu-portal", ...t });
 }
 function b({
   ...t
 }) {
-  return /* @__PURE__ */ e(o.Sub, { "data-slot": "context-menu-sub", ...t });
+  return /* @__PURE__ */ e(d.Sub, { "data-slot": "context-menu-sub", ...t });
 }
 function h({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    o.RadioGroup,
+    d.RadioGroup,
     {
       "data-slot": "context-menu-radio-group",
       ...t
@@ -40,168 +40,168 @@ function h({
 }
 function C({
   className: t,
-  inset: n,
-  children: a,
-  ...r
+  inset: s,
+  children: n,
+  ...a
 }) {
-  return /* @__PURE__ */ i(
-    o.SubTrigger,
+  return /* @__PURE__ */ r(
+    d.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
-      "data-inset": n,
-      className: s(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 gap-2",
+      "data-inset": s,
+      className: o(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[state=open]:bg-accent ds:data-[state=open]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:flex ds:cursor-default ds:items-center ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4 ds:gap-2",
         t
       ),
-      ...r,
+      ...a,
       children: [
-        a,
-        /* @__PURE__ */ e(d, { className: "ml-auto" })
+        n,
+        /* @__PURE__ */ e(i, { className: "ds:ml-auto" })
       ]
     }
   );
 }
 function z({
   className: t,
-  ...n
+  ...s
 }) {
   return /* @__PURE__ */ e(
-    o.SubContent,
+    d.SubContent,
     {
       "data-slot": "context-menu-sub-content",
-      className: s(
-        "bg-popover text-popover-foreground 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] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+      className: o(
+        "ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-hidden ds:rounded-md ds:border ds:p-1 ds:shadow-lg",
         t
       ),
-      ...n
+      ...s
     }
   );
 }
 function M({
   className: t,
-  ...n
+  ...s
 }) {
-  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
-    o.Content,
+  return /* @__PURE__ */ e(d.Portal, { children: /* @__PURE__ */ e(
+    d.Content,
     {
       "data-slot": "context-menu-content",
       updatePositionStrategy: "always",
-      className: s(
-        "bg-popover text-popover-foreground 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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+      className: o(
+        "ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:max-h-(--radix-context-menu-content-available-height) ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-x-hidden ds:overflow-y-auto ds:rounded-md ds:border ds:p-1 ds:shadow-md",
         t
       ),
-      ...n
+      ...s
     }
   ) });
 }
 function y({
   className: t,
-  inset: n,
-  variant: a = "default",
-  ...r
+  inset: s,
+  variant: n = "default",
+  ...a
 }) {
   return /* @__PURE__ */ e(
-    o.Item,
+    d.Item,
     {
       "data-slot": "context-menu-item",
-      "data-inset": n,
-      "data-variant": a,
-      className: s(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "data-inset": s,
+      "data-variant": n,
+      className: o(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[variant=destructive]:text-destructive ds:data-[variant=destructive]:focus:bg-destructive/10 ds:dark:data-[variant=destructive]:focus:bg-destructive/20 ds:data-[variant=destructive]:focus:text-destructive ds:data-[variant=destructive]:*:[svg]:!text-destructive ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
 function N({
   className: t,
-  children: n,
-  checked: a,
-  ...r
+  children: s,
+  checked: n,
+  ...a
 }) {
-  return /* @__PURE__ */ i(
-    o.CheckboxItem,
+  return /* @__PURE__ */ r(
+    d.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
-      className: s(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      className: o(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
         t
       ),
-      checked: a,
-      ...r,
+      checked: n,
+      ...a,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(c, { className: "size-4" }) }) }),
-        n
+        /* @__PURE__ */ e("span", { className: "ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center", children: /* @__PURE__ */ e(d.ItemIndicator, { children: /* @__PURE__ */ e(c, { className: "ds:size-4" }) }) }),
+        s
       ]
     }
   );
 }
 function _({
   className: t,
-  children: n,
-  ...a
+  children: s,
+  ...n
 }) {
-  return /* @__PURE__ */ i(
-    o.RadioItem,
+  return /* @__PURE__ */ r(
+    d.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
-      className: s(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      className: o(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
         t
       ),
-      ...a,
+      ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "size-2 fill-current" }) }) }),
-        n
+        /* @__PURE__ */ e("span", { className: "ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center", children: /* @__PURE__ */ e(d.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "ds:size-2 ds:fill-current" }) }) }),
+        s
       ]
     }
   );
 }
 function I({
   className: t,
-  inset: n,
-  ...a
+  inset: s,
+  ...n
 }) {
   return /* @__PURE__ */ e(
-    o.Label,
+    d.Label,
     {
       "data-slot": "context-menu-label",
-      "data-inset": n,
-      className: s(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+      "data-inset": s,
+      className: o(
+        "ds:text-foreground ds:px-2 ds:py-1.5 ds:text-sm ds:font-medium ds:data-[inset]:pl-8",
         t
       ),
-      ...a
+      ...n
     }
   );
 }
 function k({
   className: t,
-  ...n
+  ...s
 }) {
   return /* @__PURE__ */ e(
-    o.Separator,
+    d.Separator,
     {
       "data-slot": "context-menu-separator",
-      className: s("bg-border -mx-1 my-1 h-px", t),
-      ...n
+      className: o("ds:bg-border ds:-mx-1 ds:my-1 ds:h-px", t),
+      ...s
     }
   );
 }
 function S({
   className: t,
-  ...n
+  ...s
 }) {
   return /* @__PURE__ */ e(
     "span",
     {
       "data-slot": "context-menu-shortcut",
-      className: s(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+      className: o(
+        "ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest",
         t
       ),
-      ...n
+      ...s
     }
   );
 }

package/dist/esm/packages/ui/src/components/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../../../../../packages/ui/src/components/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction ContextMenu({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return (\n    <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n  );\n}\n\nfunction ContextMenuGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  );\n}\n\nfunction ContextMenuPortal({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return (\n    <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n  );\n}\n\nfunction ContextMenuSub({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 gap-2\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction ContextMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground 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] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        updatePositionStrategy=\"always\"\n        className={cn(\n          \"bg-popover text-popover-foreground 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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","jsx","ContextMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","CheckIcon","ContextMenuRadioItem","CircleIcon","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"context-menu.js","sources":["../../../../../../../../packages/ui/src/components/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction ContextMenu({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return (\n    <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n  );\n}\n\nfunction ContextMenuGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  );\n}\n\nfunction ContextMenuPortal({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return (\n    <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n  );\n}\n\nfunction ContextMenuSub({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[state=open]:bg-accent ds:data-[state=open]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:flex ds:cursor-default ds:items-center ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4 ds:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ds:ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction ContextMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        \"ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-hidden ds:rounded-md ds:border ds:p-1 ds:shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        updatePositionStrategy=\"always\"\n        className={cn(\n          \"ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:max-h-(--radix-context-menu-content-available-height) ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-x-hidden ds:overflow-y-auto ds:rounded-md ds:border ds:p-1 ds:shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[variant=destructive]:text-destructive ds:data-[variant=destructive]:focus:bg-destructive/10 ds:dark:data-[variant=destructive]:focus:bg-destructive/20 ds:data-[variant=destructive]:focus:text-destructive ds:data-[variant=destructive]:*:[svg]:!text-destructive ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"ds:size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"ds:size-2 ds:fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"ds:text-foreground ds:px-2 ds:py-1.5 ds:text-sm ds:font-medium ds:data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"ds:bg-border ds:-mx-1 ds:my-1 ds:h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        \"ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","jsx","ContextMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","CheckIcon","ContextMenuRadioItem","CircleIcon","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}