@sth87/shadcn-design-system 0.0.1

package/dist/esm/components/Checkbox/Checkbox.js

@@ -0,0 +1,79 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import u, { useState as R } from "react";
+import { Checkbox as D } from "@dsui/ui/components/checkbox";
+import { cn as r, Label as L } from "@dsui/ui/index";
+import { Tooltip as g } from "../Tooltip/Tooltip.js";
+import { Info as b } from "lucide-react";
+import { AnimatePresence as V } from "motion/react";
+import { ConfettiPiece as $ } from "../../utils/css.js";
+const q = u.forwardRef(
+  (C, N) => {
+    const {
+      label: n,
+      infoTooltip: a,
+      helperText: l,
+      state: c,
+      variant: w = "default",
+      size: v = "default",
+      color: k,
+      labelPosition: t = "right",
+      labelAlignment: m = "center",
+      icon: y,
+      animation: T,
+      id: I,
+      ...d
+    } = C, [j, f] = R(!1), z = u.useId(), i = I || z, A = {
+      default: "text-muted-foreground",
+      success: "text-success",
+      warning: "text-warning",
+      error: "text-error"
+    }, P = (s) => {
+      s && (f(!0), setTimeout(() => f(!1), 800));
+    }, h = t === "top" || t === "bottom", S = h ? "flex-col" : "flex-row", _ = h ? "gap-1.5" : "gap-2", F = m === "start" ? "items-start" : m === "center" ? "items-center" : "items-end", p = "flex gap-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-70";
+    return /* @__PURE__ */ o("div", { className: r("flex flex-col gap-1.5 relative", {}), children: [
+      /* @__PURE__ */ o("div", { className: r("flex", S, _, F), children: [
+        (t === "top" || t === "left") && n && /* @__PURE__ */ o("label", { htmlFor: i, className: p, children: [
+          n,
+          a && /* @__PURE__ */ e(g, { content: a, children: /* @__PURE__ */ e(b, { className: "size-3.5 min-w-3.5" }) })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "relative inline-flex", children: [
+          /* @__PURE__ */ e(
+            D,
+            {
+              ref: N,
+              id: i,
+              ...d,
+              variant: w,
+              size: v,
+              color: k,
+              icon: y,
+              onCheckedChange: (s) => {
+                T && P(!!s), d?.onCheckedChange?.(s);
+              }
+            }
+          ),
+          /* @__PURE__ */ e(V, { children: j && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0", children: [...Array(12)].map((s, x) => /* @__PURE__ */ e($, { index: x }, x)) }) })
+        ] }),
+        (t === "bottom" || t === "right") && n && /* @__PURE__ */ o(L, { htmlFor: i, className: p, children: [
+          n,
+          a && /* @__PURE__ */ e(g, { content: a, children: /* @__PURE__ */ e(b, { className: "size-3.5 min-w-3.5" }) })
+        ] })
+      ] }),
+      l && /* @__PURE__ */ e("div", { className: "flex items-center justify-between text-xs gap-2", children: l && /* @__PURE__ */ e(
+        "p",
+        {
+          className: r(
+            "text-xs",
+            c ? A?.[c] : ""
+          ),
+          children: l
+        }
+      ) })
+    ] });
+  }
+);
+q.displayName = "Checkbox";
+export {
+  q as default
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Checkbox as SCheckbox } from \"@dsui/ui/components/checkbox\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { Label } from \"../Label\";\nimport { Info } from \"lucide-react\";\nimport { AnimatePresence } from \"motion/react\";\nimport { ConfettiPiece } from \"@/utils/css\";\n\nexport type CheckboxProps = React.ComponentProps<typeof SCheckbox> & {\n  label?: React.ReactNode;\n  labelPosition?: \"top\" | \"left\" | \"right\" | \"bottom\";\n  labelAlignment?: \"start\" | \"center\" | \"end\";\n  infoTooltip?: React.ReactNode;\n  helperText?: React.ReactNode;\n  state?: \"default\" | \"error\" | \"success\" | \"warning\";\n  icon?: React.ReactNode;\n  animation?: \"confetti\" | undefined;\n};\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref) => {\n    const {\n      label,\n      infoTooltip,\n      helperText,\n      state,\n      variant = \"default\",\n      size = \"default\",\n      color,\n      labelPosition = \"right\",\n      labelAlignment = \"center\",\n      icon,\n      animation,\n      id,\n      ...rest\n    } = props;\n    const [showConfetti, setShowConfetti] = useState(false);\n    const generatedId = React.useId();\n    const inputId = id || generatedId;\n\n    // State\n    const helperTextStyles = {\n      default: \"text-muted-foreground\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      error: \"text-error\",\n    };\n\n    const handleCheckedChange = (checked: boolean) => {\n      if (checked) {\n        setShowConfetti(true);\n        setTimeout(() => setShowConfetti(false), 800);\n      }\n    };\n\n    const isVertical = labelPosition === \"top\" || labelPosition === \"bottom\";\n    const flexDirection = isVertical ? \"flex-col\" : \"flex-row\";\n    const gapClass = isVertical ? \"gap-1.5\" : \"gap-2\";\n\n    const alignmentClass =\n      labelAlignment === \"start\"\n        ? \"items-start\"\n        : labelAlignment === \"center\"\n          ? \"items-center\"\n          : \"items-end\";\n\n    const labelClass =\n      \"flex gap-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\";\n\n    return (\n      <div className={cn(\"flex flex-col gap-1.5 relative\", {})}>\n        <div className={cn(\"flex\", flexDirection, gapClass, alignmentClass)}>\n          {(labelPosition === \"top\" || labelPosition === \"left\") && label && (\n            <label htmlFor={inputId} className={labelClass}>\n              {label}\n              {infoTooltip && (\n                <Tooltip content={infoTooltip}>\n                  <Info className=\"size-3.5 min-w-3.5\" />\n                </Tooltip>\n              )}\n            </label>\n          )}\n\n          <div className=\"relative inline-flex\">\n            <SCheckbox\n              ref={ref}\n              id={inputId}\n              {...rest}\n              variant={variant}\n              size={size}\n              color={color}\n              icon={icon}\n              onCheckedChange={(checked) => {\n                if (animation) handleCheckedChange(!!checked);\n                rest?.onCheckedChange?.(checked);\n              }}\n            />\n\n            <AnimatePresence>\n              {showConfetti && (\n                <div className=\"pointer-events-none absolute inset-0\">\n                  {[...Array(12)].map((_, i) => (\n                    <ConfettiPiece key={i} index={i} />\n                  ))}\n                </div>\n              )}\n            </AnimatePresence>\n          </div>\n\n          {(labelPosition === \"bottom\" || labelPosition === \"right\") &&\n            label && (\n              <Label htmlFor={inputId} className={labelClass}>\n                {label}\n                {infoTooltip && (\n                  <Tooltip content={infoTooltip}>\n                    <Info className=\"size-3.5 min-w-3.5\" />\n                  </Tooltip>\n                )}\n              </Label>\n            )}\n        </div>\n\n        {helperText && (\n          <div className=\"flex items-center justify-between text-xs gap-2\">\n            {helperText && (\n              <p\n                className={cn(\n                  \"text-xs\",\n                  state ? helperTextStyles?.[state] : \"\",\n                )}\n              >\n                {helperText}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","label","infoTooltip","helperText","state","variant","size","color","labelPosition","labelAlignment","icon","animation","id","rest","showConfetti","setShowConfetti","useState","generatedId","inputId","helperTextStyles","handleCheckedChange","checked","isVertical","flexDirection","gapClass","alignmentClass","labelClass","cn","jsxs","Tooltip","jsx","Info","SCheckbox","AnimatePresence","_","i","ConfettiPiece","Label"],"mappings":"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"}

package/dist/esm/components/Collapsible/Collapsible.js

@@ -0,0 +1,107 @@
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import a from "react";
+import { Collapsible as x, CollapsibleTrigger as S, CollapsibleContent as z } from "@dsui/ui/components/collapsible";
+import { CollapsibleContent as A, CollapsibleTrigger as B } from "@dsui/ui/components/collapsible";
+import { cn as e } from "@dsui/ui/lib/utils";
+import { ChevronDown as y } from "lucide-react";
+const I = a.forwardRef((N, s) => {
+  const {
+    trigger: l,
+    content: i,
+    showIcon: c = !0,
+    iconPosition: p = "right",
+    iconRotation: d = !0,
+    triggerClassName: v,
+    contentClassName: O,
+    variant: w = "default",
+    className: g,
+    open: n,
+    defaultOpen: j,
+    onOpenChange: R,
+    children: m,
+    ...f
+  } = N, [o, b] = a.useState(j ?? !1);
+  a.useEffect(() => {
+    n !== void 0 && b(n);
+  }, [n]);
+  const h = (u) => {
+    b(u), R?.(u);
+  }, r = {
+    default: {
+      root: "rounded-lg border bg-card",
+      trigger: "px-4 py-3 hover:bg-accent/50",
+      content: "px-4 py-3 border-t"
+    },
+    bordered: {
+      root: "rounded-lg border-2",
+      trigger: "px-4 py-3 font-semibold hover:bg-accent",
+      content: "px-4 py-3 border-t-2"
+    },
+    ghost: {
+      root: "",
+      trigger: "px-2 py-2 hover:bg-accent/30 rounded-md",
+      content: "px-2 py-2"
+    }
+  }[w];
+  return m && !l && !i ? /* @__PURE__ */ t(
+    x,
+    {
+      ref: s,
+      open: o,
+      onOpenChange: h,
+      className: e(r.root, g),
+      ...f,
+      children: m
+    }
+  ) : /* @__PURE__ */ C(
+    x,
+    {
+      ref: s,
+      open: o,
+      onOpenChange: h,
+      className: e(r.root, g),
+      ...f,
+      children: [
+        /* @__PURE__ */ C(
+          S,
+          {
+            className: e(
+              "flex w-full items-center justify-between transition-colors",
+              r.trigger,
+              v
+            ),
+            children: [
+              p === "left" && c && /* @__PURE__ */ t(
+                y,
+                {
+                  className: e(
+                    "size-4 transition-transform duration-200",
+                    d && o && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "flex-1 text-left", children: l }),
+              p === "right" && c && /* @__PURE__ */ t(
+                y,
+                {
+                  className: e(
+                    "size-4 transition-transform duration-200",
+                    d && o && "rotate-180"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(z, { className: e(r.content, O), children: i })
+      ]
+    }
+  );
+});
+I.displayName = "Collapsible";
+export {
+  A as CollapsibleContent,
+  B as CollapsibleTrigger,
+  I as default
+};
+//# sourceMappingURL=Collapsible.js.map

package/dist/esm/components/Collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Collapsible as SCollapsible,\n  CollapsibleTrigger,\n  CollapsibleContent,\n} from \"@dsui/ui/components/collapsible\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { ChevronDown } from \"lucide-react\";\n\nexport type CollapsibleProps = Omit<\n  React.ComponentProps<typeof SCollapsible>,\n  \"children\" | \"content\"\n> & {\n  trigger?: React.ReactNode;\n  content?: React.ReactNode;\n  showIcon?: boolean;\n  iconPosition?: \"left\" | \"right\";\n  iconRotation?: boolean;\n  triggerClassName?: string;\n  contentClassName?: string;\n  variant?: \"default\" | \"bordered\" | \"ghost\";\n  children?: React.ReactNode;\n};\n\nconst Collapsible = React.forwardRef<\n  React.ElementRef<typeof SCollapsible>,\n  CollapsibleProps\n>((props, ref) => {\n  const {\n    trigger,\n    content,\n    showIcon = true,\n    iconPosition = \"right\",\n    iconRotation = true,\n    triggerClassName,\n    contentClassName,\n    variant = \"default\",\n    className,\n    open,\n    defaultOpen,\n    onOpenChange,\n    children,\n    ...rest\n  } = props;\n\n  const [isOpen, setIsOpen] = React.useState(defaultOpen ?? false);\n\n  React.useEffect(() => {\n    if (open !== undefined) {\n      setIsOpen(open);\n    }\n  }, [open]);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    setIsOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n\n  const variantStyles = {\n    default: {\n      root: \"rounded-lg border bg-card\",\n      trigger: \"px-4 py-3 hover:bg-accent/50\",\n      content: \"px-4 py-3 border-t\",\n    },\n    bordered: {\n      root: \"rounded-lg border-2\",\n      trigger: \"px-4 py-3 font-semibold hover:bg-accent\",\n      content: \"px-4 py-3 border-t-2\",\n    },\n    ghost: {\n      root: \"\",\n      trigger: \"px-2 py-2 hover:bg-accent/30 rounded-md\",\n      content: \"px-2 py-2\",\n    },\n  };\n\n  const styles = variantStyles[variant];\n\n  // If children are provided, use them directly (custom implementation)\n  if (children && !trigger && !content) {\n    return (\n      <SCollapsible\n        ref={ref}\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        className={cn(styles.root, className)}\n        {...rest}\n      >\n        {children}\n      </SCollapsible>\n    );\n  }\n\n  // Default implementation with trigger and content\n  return (\n    <SCollapsible\n      ref={ref}\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      className={cn(styles.root, className)}\n      {...rest}\n    >\n      <CollapsibleTrigger\n        className={cn(\n          \"flex w-full items-center justify-between transition-colors\",\n          styles.trigger,\n          triggerClassName,\n        )}\n      >\n        {iconPosition === \"left\" && showIcon && (\n          <ChevronDown\n            className={cn(\n              \"size-4 transition-transform duration-200\",\n              iconRotation && isOpen && \"rotate-180\",\n            )}\n          />\n        )}\n        <span className=\"flex-1 text-left\">{trigger}</span>\n        {iconPosition === \"right\" && showIcon && (\n          <ChevronDown\n            className={cn(\n              \"size-4 transition-transform duration-200\",\n              iconRotation && isOpen && \"rotate-180\",\n            )}\n          />\n        )}\n      </CollapsibleTrigger>\n      <CollapsibleContent className={cn(styles.content, contentClassName)}>\n        {content}\n      </CollapsibleContent>\n    </SCollapsible>\n  );\n});\n\nCollapsible.displayName = \"Collapsible\";\n\nexport default Collapsible;\nexport { CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","React","props","ref","trigger","content","showIcon","iconPosition","iconRotation","triggerClassName","contentClassName","variant","className","open","defaultOpen","onOpenChange","children","rest","isOpen","setIsOpen","handleOpenChange","newOpen","styles","jsx","SCollapsible","cn","jsxs","CollapsibleTrigger","ChevronDown","CollapsibleContent"],"mappings":";;;;;;AAwBA,MAAMA,IAAcC,EAAM,WAGxB,CAACC,GAAOC,MAAQ;AAChB,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,cAAAC,IAAe;AAAA,IACf,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GAEE,CAACgB,GAAQC,CAAS,IAAIlB,EAAM,SAASa,KAAe,EAAK;AAE/Db,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAIY,MAAS,UACXM,EAAUN,CAAI;AAAA,EAElB,GAAG,CAACA,CAAI,CAAC;AAET,QAAMO,IAAmB,CAACC,MAAqB;AAC7C,IAAAF,EAAUE,CAAO,GACjBN,IAAeM,CAAO;AAAA,EACxB,GAoBMC,IAlBgB;AAAA,IACpB,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX,EAG2BX,CAAO;AAGpC,SAAIK,KAAY,CAACZ,KAAW,CAACC,IAEzB,gBAAAkB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,MAAMe;AAAA,MACN,cAAcE;AAAA,MACd,WAAWK,EAAGH,EAAO,MAAMV,CAAS;AAAA,MACnC,GAAGK;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA,IAOL,gBAAAU;AAAA,IAACF;AAAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,MAAMe;AAAA,MACN,cAAcE;AAAA,MACd,WAAWK,EAAGH,EAAO,MAAMV,CAAS;AAAA,MACnC,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACAH,EAAO;AAAA,cACPb;AAAA,YAAA;AAAA,YAGD,UAAA;AAAA,cAAAF,MAAiB,UAAUD,KAC1B,gBAAAiB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,WAAWH;AAAA,oBACT;AAAA,oBACAjB,KAAgBU,KAAU;AAAA,kBAAA;AAAA,gBAC5B;AAAA,cAAA;AAAA,cAGJ,gBAAAK,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAnB,GAAQ;AAAA,cAC3CG,MAAiB,WAAWD,KAC3B,gBAAAiB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,WAAWH;AAAA,oBACT;AAAA,oBACAjB,KAAgBU,KAAU;AAAA,kBAAA;AAAA,gBAC5B;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,gBAAAK,EAACM,KAAmB,WAAWJ,EAAGH,EAAO,SAASZ,CAAgB,GAC/D,UAAAL,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDL,EAAY,cAAc;"}

package/dist/esm/components/Command/Command.js

@@ -0,0 +1,113 @@
+import { jsxs as o, jsx as r, Fragment as c } from "react/jsx-runtime";
+import R from "react";
+import { Command as _, CommandInput as B, CommandList as D, CommandEmpty as E, CommandDialog as F, CommandSeparator as G, CommandGroup as L, CommandItem as f, CommandShortcut as u } from "@dsui/ui/components/command";
+import { cn as P } from "@dsui/ui/lib/utils";
+const C = R.forwardRef((N, g) => {
+  const {
+    className: s,
+    children: w,
+    items: l,
+    search: n,
+    open: m,
+    defaultOpen: t,
+    onOpenChange: h,
+    modal: i = !1,
+    title: v = "Command Palette",
+    description: y = "Search for a command to run...",
+    showCloseButton: S = !0,
+    ...p
+  } = N, x = (k) => k.map((a, d) => {
+    switch (a.type) {
+      case "item":
+        return /* @__PURE__ */ r(
+          f,
+          {
+            disabled: a.disabled,
+            className: a.className,
+            onSelect: a.onClick,
+            children: a.children ? a.children : /* @__PURE__ */ o(c, { children: [
+              a.icon && /* @__PURE__ */ r(a.icon, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ r("span", { children: a.label }),
+              a.shortcut && /* @__PURE__ */ r(u, { children: a.shortcut })
+            ] })
+          },
+          d
+        );
+      case "group":
+        return /* @__PURE__ */ r(
+          L,
+          {
+            heading: a.heading,
+            className: a.className,
+            children: a.items.map((e, O) => /* @__PURE__ */ r(
+              f,
+              {
+                disabled: e.disabled,
+                className: e.className,
+                onSelect: e.onClick,
+                children: e.children ? e.children : /* @__PURE__ */ o(c, { children: [
+                  e.icon && /* @__PURE__ */ r(e.icon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ r("span", { children: e.label }),
+                  e.shortcut && /* @__PURE__ */ r(u, { children: e.shortcut })
+                ] })
+              },
+              O
+            ))
+          },
+          d
+        );
+      case "separator":
+        return /* @__PURE__ */ r(G, {}, d);
+      default:
+        return null;
+    }
+  }), j = /* @__PURE__ */ o(
+    _,
+    {
+      ref: g,
+      className: P(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        s
+      ),
+      ...p,
+      children: [
+        n && /* @__PURE__ */ r(
+          B,
+          {
+            placeholder: typeof n == "string" ? n : "Type a command or search..."
+          }
+        ),
+        /* @__PURE__ */ r(D, { children: l ? /* @__PURE__ */ o(c, { children: [
+          /* @__PURE__ */ r(E, { children: "No results found." }),
+          x(l)
+        ] }) : w })
+      ]
+    }
+  );
+  return i && (m !== void 0 || h || t !== void 0) ? /* @__PURE__ */ r(
+    F,
+    {
+      open: m,
+      defaultOpen: t,
+      onOpenChange: h,
+      modal: i,
+      title: v,
+      description: y,
+      showCloseButton: S,
+      children: /* @__PURE__ */ r(
+        C,
+        {
+          className: s,
+          items: l,
+          search: n,
+          ...p
+        }
+      )
+    }
+  ) : j;
+});
+C.displayName = "Command";
+export {
+  C as default
+};
+//# sourceMappingURL=Command.js.map

package/dist/esm/components/Command/Command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sources":["../../../../src/components/Command/Command.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Command as SCommand,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandSeparator,\n  CommandItem,\n  CommandShortcut,\n} from \"@dsui/ui/components/command\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nexport interface CommandItem {\n  readonly type: \"item\";\n  label?: string;\n  icon?: React.ComponentType<{ className?: string }>;\n  shortcut?: string;\n  disabled?: boolean;\n  className?: string;\n  onClick?: () => void;\n  children?: React.ReactNode;\n}\n\nexport interface CommandGroup {\n  readonly type: \"group\";\n  heading: string;\n  className?: string;\n  items: CommandItem[];\n}\n\nexport interface CommandSeparator {\n  readonly type: \"separator\";\n}\n\nexport type CommandItemType = CommandItem | CommandGroup | CommandSeparator;\n\nexport interface CommandProps {\n  className?: string;\n  children?: React.ReactNode;\n  items?: CommandItemType[];\n  search?: boolean | string;\n\n  // Dialog mode props\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n  title?: string;\n  description?: string;\n  showCloseButton?: boolean;\n}\n\nconst Command = React.forwardRef<HTMLDivElement, CommandProps>((props, ref) => {\n  const {\n    className,\n    children,\n    items,\n    search,\n    open,\n    defaultOpen,\n    onOpenChange,\n    modal = false,\n    title = \"Command Palette\",\n    description = \"Search for a command to run...\",\n    showCloseButton = true,\n    ...rest\n  } = props;\n\n  const renderItems = (items: CommandItemType[]) => {\n    return items.map((item, index) => {\n      switch (item.type) {\n        case \"item\":\n          return (\n            <CommandItem\n              key={index}\n              disabled={item.disabled}\n              className={item.className}\n              onSelect={item.onClick}\n            >\n              {item.children ? (\n                item.children\n              ) : (\n                <>\n                  {item.icon && <item.icon className=\"mr-2 h-4 w-4\" />}\n                  <span>{item.label}</span>\n                  {item.shortcut && (\n                    <CommandShortcut>{item.shortcut}</CommandShortcut>\n                  )}\n                </>\n              )}\n            </CommandItem>\n          );\n        case \"group\":\n          return (\n            <CommandGroup\n              key={index}\n              heading={item.heading}\n              className={item.className}\n            >\n              {item.items.map((subItem, subIndex) => (\n                <CommandItem\n                  key={subIndex}\n                  disabled={subItem.disabled}\n                  className={subItem.className}\n                  onSelect={subItem.onClick}\n                >\n                  {subItem.children ? (\n                    subItem.children\n                  ) : (\n                    <>\n                      {subItem.icon && (\n                        <subItem.icon className=\"mr-2 h-4 w-4\" />\n                      )}\n                      <span>{subItem.label}</span>\n                      {subItem.shortcut && (\n                        <CommandShortcut>{subItem.shortcut}</CommandShortcut>\n                      )}\n                    </>\n                  )}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          );\n        case \"separator\":\n          return <CommandSeparator key={index} />;\n        default:\n          return null;\n      }\n    });\n  };\n\n  const commandContent = (\n    <SCommand\n      ref={ref}\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\n      {...rest}\n    >\n      {search && (\n        <CommandInput\n          placeholder={\n            typeof search === \"string\" ? search : \"Type a command or search...\"\n          }\n        />\n      )}\n      <CommandList>\n        {items ? (\n          <>\n            <CommandEmpty>No results found.</CommandEmpty>\n            {renderItems(items)}\n          </>\n        ) : (\n          children\n        )}\n      </CommandList>\n    </SCommand>\n  );\n\n  // If dialog props are provided, render as dialog\n  if (\n    modal &&\n    (open !== undefined || onOpenChange || defaultOpen !== undefined)\n  ) {\n    return (\n      <CommandDialog\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        modal={modal}\n        title={title}\n        description={description}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className={className}\n          items={items}\n          search={search}\n          {...rest}\n        />\n      </CommandDialog>\n    );\n  }\n\n  // Otherwise, render as regular command\n  return commandContent;\n});\n\nCommand.displayName = \"Command\";\n\nexport default Command;\n"],"names":["Command","React","props","ref","className","children","items","search","open","defaultOpen","onOpenChange","modal","title","description","showCloseButton","rest","renderItems","item","index","jsx","CommandItem","jsxs","Fragment","CommandShortcut","CommandGroup","subItem","subIndex","CommandSeparator","commandContent","SCommand","cn","CommandInput","CommandList","CommandEmpty","CommandDialog"],"mappings":";;;;AAsDA,MAAMA,IAAUC,EAAM,WAAyC,CAACC,GAAOC,MAAQ;AAC7E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACDb,GAEEc,IAAc,CAACV,MACZA,EAAM,IAAI,CAACW,GAAMC,MAAU;AAChC,YAAQD,EAAK,MAAA;AAAA,MACX,KAAK;AACH,eACE,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,UAAUH,EAAK;AAAA,YACf,WAAWA,EAAK;AAAA,YAChB,UAAUA,EAAK;AAAA,YAEd,UAAAA,EAAK,WACJA,EAAK,WAEL,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,cAAAL,EAAK,QAAQ,gBAAAE,EAACF,EAAK,MAAL,EAAU,WAAU,gBAAe;AAAA,cAClD,gBAAAE,EAAC,QAAA,EAAM,UAAAF,EAAK,MAAA,CAAM;AAAA,cACjBA,EAAK,YACJ,gBAAAE,EAACI,GAAA,EAAiB,YAAK,SAAA,CAAS;AAAA,YAAA,EAAA,CAEpC;AAAA,UAAA;AAAA,UAdGL;AAAA,QAAA;AAAA,MAkBX,KAAK;AACH,eACE,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,SAASP,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,YAEf,UAAAA,EAAK,MAAM,IAAI,CAACQ,GAASC,MACxB,gBAAAP;AAAA,cAACC;AAAA,cAAA;AAAA,gBAEC,UAAUK,EAAQ;AAAA,gBAClB,WAAWA,EAAQ;AAAA,gBACnB,UAAUA,EAAQ;AAAA,gBAEjB,UAAAA,EAAQ,WACPA,EAAQ,WAER,gBAAAJ,EAAAC,GAAA,EACG,UAAA;AAAA,kBAAAG,EAAQ,QACP,gBAAAN,EAACM,EAAQ,MAAR,EAAa,WAAU,gBAAe;AAAA,kBAEzC,gBAAAN,EAAC,QAAA,EAAM,UAAAM,EAAQ,MAAA,CAAM;AAAA,kBACpBA,EAAQ,YACP,gBAAAN,EAACI,GAAA,EAAiB,YAAQ,SAAA,CAAS;AAAA,gBAAA,EAAA,CAEvC;AAAA,cAAA;AAAA,cAhBGG;AAAA,YAAA,CAmBR;AAAA,UAAA;AAAA,UAzBIR;AAAA,QAAA;AAAA,MA4BX,KAAK;AACH,eAAO,gBAAAC,EAACQ,OAAsBT,CAAO;AAAA,MACvC;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,CAAC,GAGGU,IACJ,gBAAAP;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,KAAA1B;AAAA,MACA,WAAW2B;AAAA,QACT;AAAA,QACA1B;AAAA,MAAA;AAAA,MAED,GAAGW;AAAA,MAEH,UAAA;AAAA,QAAAR,KACC,gBAAAY;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,aACE,OAAOxB,KAAW,WAAWA,IAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAI5C,gBAAAY,EAACa,GAAA,EACE,UAAA1B,IACC,gBAAAe,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAH,EAACc,KAAa,UAAA,oBAAA,CAAiB;AAAA,UAC9BjB,EAAYV,CAAK;AAAA,QAAA,EAAA,CACpB,IAEAD,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKJ,SACEM,MACCH,MAAS,UAAaE,KAAgBD,MAAgB,UAGrD,gBAAAU;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAK;AAAA,QAACnB;AAAA,QAAA;AAAA,UACC,WAAAI;AAAA,UACA,OAAAE;AAAA,UACA,QAAAC;AAAA,UACC,GAAGQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAMCa;AACT,CAAC;AAED5B,EAAQ,cAAc;"}

package/dist/esm/components/Command/index.js

@@ -0,0 +1,16 @@
+import m from "./Command.js";
+import { CommandShortcut as o, CommandItem as t, CommandSeparator as a, CommandGroup as n, CommandEmpty as r, CommandList as p, CommandInput as d, CommandDialog as C } from "@dsui/ui/components/command";
+const u = Object.assign(m, {
+  Dialog: C,
+  Input: d,
+  List: p,
+  Empty: r,
+  Group: n,
+  Separator: a,
+  Item: t,
+  Shortcut: o
+});
+export {
+  u as Command
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Command/index.ts"],"sourcesContent":["import CommandWrapper, {\n  type CommandProps,\n  type CommandItemType,\n} from \"./Command\";\nimport {\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandSeparator,\n  CommandItem,\n  CommandShortcut,\n} from \"@dsui/ui/components/command\";\n\nconst Command = Object.assign(CommandWrapper, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n});\n\nexport { Command };\nexport type { CommandProps, CommandItemType };\n"],"names":["Command","CommandWrapper","CommandDialog","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";;AAeA,MAAMA,IAAU,OAAO,OAAOC,GAAgB;AAAA,EAC5C,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,WAAWC;AAAA,EACX,MAAMC;AAAA,EACN,UAAUC;AACZ,CAAC;"}

package/dist/esm/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,131 @@
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import y from "react";
+import { ContextMenu as C, ContextMenuTrigger as v, ContextMenuContent as S, ContextMenuSub as I, ContextMenuSubTrigger as R, ContextMenuSubContent as w, ContextMenuItem as j, ContextMenuShortcut as c, ContextMenuRadioGroup as E, ContextMenuRadioItem as G, ContextMenuCheckboxItem as T, ContextMenuGroup as _, ContextMenuLabel as b, ContextMenuSeparator as L } from "@dsui/ui/components/context-menu";
+import { cn as s } from "@dsui/ui/lib/utils";
+const O = y.forwardRef(
+  (x, p) => {
+    const {
+      onOpenChange: o,
+      modal: d = !1,
+      children: t,
+      trigger: u,
+      content: h,
+      items: l,
+      className: N,
+      contentClassName: k,
+      triggerClassName: i
+    } = x;
+    if (t)
+      return /* @__PURE__ */ n(C, { onOpenChange: o, modal: d, children: t });
+    const r = (f) => f.map((e) => {
+      switch (e.type) {
+        case "separator":
+          return /* @__PURE__ */ n(L, {}, e.key);
+        case "label":
+          return /* @__PURE__ */ n(
+            b,
+            {
+              inset: e.inset,
+              className: e.className,
+              children: e.label
+            },
+            e.key
+          );
+        case "group":
+          return /* @__PURE__ */ a(_, { children: [
+            e.label && /* @__PURE__ */ n(b, { children: e.label }),
+            r(e.children)
+          ] }, e.key);
+        case "checkbox":
+          return /* @__PURE__ */ a(
+            T,
+            {
+              checked: e.checked,
+              disabled: e.disabled,
+              className: e.className,
+              onCheckedChange: e.onCheckedChange,
+              children: [
+                e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                e.label,
+                e.shortcut && /* @__PURE__ */ n(c, { children: e.shortcut })
+              ]
+            },
+            e.key
+          );
+        case "radio":
+          return /* @__PURE__ */ n(
+            E,
+            {
+              value: e.value || e.group,
+              children: /* @__PURE__ */ a(
+                G,
+                {
+                  value: e.value || e.key,
+                  disabled: e.disabled,
+                  onClick: e.onClick,
+                  className: e.className,
+                  children: [
+                    e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                    e.label,
+                    e.shortcut && /* @__PURE__ */ n(c, { children: e.shortcut })
+                  ]
+                }
+              )
+            },
+            e.key
+          );
+        default:
+          return e.children && e.children.length > 0 ? /* @__PURE__ */ a(I, { children: [
+            /* @__PURE__ */ a(
+              R,
+              {
+                disabled: e.disabled,
+                className: s(
+                  e.disabled ? "opacity-50 cursor-not-allowed" : "",
+                  e.className
+                ),
+                children: [
+                  e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                  e.label
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(w, { children: r(e.children) })
+          ] }, e.key) : /* @__PURE__ */ a(
+            j,
+            {
+              disabled: e.disabled,
+              variant: e.variant,
+              onClick: e.onClick,
+              className: e.className,
+              children: [
+                e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                e.label,
+                e.shortcut && /* @__PURE__ */ n(c, { children: e.shortcut })
+              ]
+            },
+            e.key
+          );
+      }
+    }), M = u ? /* @__PURE__ */ n(v, { asChild: !0, className: s(i), children: u }) : null, g = h || l ? /* @__PURE__ */ a(
+      S,
+      {
+        ref: p,
+        className: s(N, k),
+        children: [
+          h,
+          l && r(l)
+        ]
+      }
+    ) : null;
+    return /* @__PURE__ */ a(C, { onOpenChange: o, modal: d, children: [
+      M,
+      g
+    ] });
+  }
+);
+O.displayName = "ContextMenu";
+export {
+  O as default
+};
+//# sourceMappingURL=ContextMenu.js.map

package/dist/esm/components/ContextMenu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ContextMenu as SContextMenu,\n  ContextMenuTrigger as SContextMenuTrigger,\n  ContextMenuContent as SContextMenuContent,\n  ContextMenuItem as SContextMenuItem,\n  ContextMenuCheckboxItem as SContextMenuCheckboxItem,\n  ContextMenuRadioItem as SContextMenuRadioItem,\n  ContextMenuRadioGroup as SContextMenuRadioGroup,\n  ContextMenuLabel as SContextMenuLabel,\n  ContextMenuSeparator as SContextMenuSeparator,\n  ContextMenuGroup as SContextMenuGroup,\n  ContextMenuSub as SContextMenuSub,\n  ContextMenuSubTrigger as SContextMenuSubTrigger,\n  ContextMenuSubContent as SContextMenuSubContent,\n  ContextMenuShortcut as SContextMenuShortcut,\n} from \"@dsui/ui/components/context-menu\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nexport type ContextMenuItem =\n  | {\n      key: string;\n      label?: string;\n      icon?: React.ReactNode;\n      shortcut?: string;\n      children?: ContextMenuItem[];\n      type?: \"item\";\n      checked?: boolean;\n      disabled?: boolean;\n      variant?: \"default\" | \"destructive\";\n      onClick?: () => void;\n      className?: string;\n    }\n  | {\n      key: string;\n      type: \"checkbox\";\n      label?: string;\n      icon?: React.ReactNode;\n      shortcut?: string;\n      checked?: boolean;\n      disabled?: boolean;\n      onCheckedChange?: (checked: boolean) => void;\n      className?: string;\n    }\n  | {\n      key: string;\n      type: \"radio\";\n      label?: string;\n      icon?: React.ReactNode;\n      shortcut?: string;\n      group: string;\n      value?: string;\n      disabled?: boolean;\n      onClick?: () => void;\n      className?: string;\n    }\n  | {\n      key: string;\n      type: \"separator\";\n    }\n  | {\n      key: string;\n      type: \"group\";\n      label?: string;\n      children: ContextMenuItem[];\n      disabled?: boolean;\n    }\n  | {\n      key: string;\n      type: \"label\";\n      label: string;\n      inset?: boolean;\n      className?: string;\n    };\n\nexport interface ContextMenuProps {\n  // Core props\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n\n  // Content\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n  content?: React.ReactNode;\n  items?: ContextMenuItem[];\n\n  // Styling\n  className?: string;\n  contentClassName?: string;\n  triggerClassName?: string;\n}\n\nconst ContextMenu = React.forwardRef<HTMLDivElement, ContextMenuProps>(\n  (props, ref) => {\n    const {\n      onOpenChange,\n      modal = false,\n      children,\n      trigger,\n      content,\n      items,\n      className,\n      contentClassName,\n      triggerClassName,\n    } = props;\n\n    // If children are provided (compound pattern), render them directly\n    if (children) {\n      return (\n        <SContextMenu onOpenChange={onOpenChange} modal={modal}>\n          {children}\n        </SContextMenu>\n      );\n    }\n\n    // Render items if provided\n    const renderItems = (menuItems: ContextMenuItem[]): React.ReactNode => {\n      return menuItems.map((item) => {\n        switch (item.type) {\n          case \"separator\":\n            return <SContextMenuSeparator key={item.key} />;\n\n          case \"label\":\n            return (\n              <SContextMenuLabel\n                key={item.key}\n                inset={item.inset}\n                className={item.className}\n              >\n                {item.label}\n              </SContextMenuLabel>\n            );\n\n          case \"group\":\n            return (\n              <SContextMenuGroup key={item.key}>\n                {item.label && (\n                  <SContextMenuLabel>{item.label}</SContextMenuLabel>\n                )}\n                {renderItems(item.children)}\n              </SContextMenuGroup>\n            );\n\n          case \"checkbox\":\n            return (\n              <SContextMenuCheckboxItem\n                key={item.key}\n                checked={item.checked}\n                disabled={item.disabled}\n                className={item.className}\n                onCheckedChange={item.onCheckedChange}\n              >\n                {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                {item.label}\n                {item.shortcut && (\n                  <SContextMenuShortcut>{item.shortcut}</SContextMenuShortcut>\n                )}\n              </SContextMenuCheckboxItem>\n            );\n\n          case \"radio\":\n            return (\n              <SContextMenuRadioGroup\n                key={item.key}\n                value={item.value || item.group}\n              >\n                <SContextMenuRadioItem\n                  value={item.value || item.key}\n                  disabled={item.disabled}\n                  onClick={item.onClick}\n                  className={item.className}\n                >\n                  {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                  {item.label}\n                  {item.shortcut && (\n                    <SContextMenuShortcut>{item.shortcut}</SContextMenuShortcut>\n                  )}\n                </SContextMenuRadioItem>\n              </SContextMenuRadioGroup>\n            );\n\n          default: {\n            // item or undefined type\n            if (item.children && item.children.length > 0) {\n              // Submenu\n              return (\n                <SContextMenuSub key={item.key}>\n                  <SContextMenuSubTrigger\n                    disabled={item.disabled}\n                    className={cn(\n                      item.disabled ? \"opacity-50 cursor-not-allowed\" : \"\",\n                      item.className,\n                    )}\n                  >\n                    {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                    {item.label}\n                  </SContextMenuSubTrigger>\n                  <SContextMenuSubContent>\n                    {renderItems(item.children)}\n                  </SContextMenuSubContent>\n                </SContextMenuSub>\n              );\n            } else {\n              // Regular item\n              return (\n                <SContextMenuItem\n                  key={item.key}\n                  disabled={item.disabled}\n                  variant={item.variant}\n                  onClick={item.onClick}\n                  className={item.className}\n                >\n                  {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                  {item.label}\n                  {item.shortcut && (\n                    <SContextMenuShortcut>{item.shortcut}</SContextMenuShortcut>\n                  )}\n                </SContextMenuItem>\n              );\n            }\n          }\n        }\n      });\n    };\n\n    // Props-based pattern with trigger and items\n    const triggerElement = trigger ? (\n      <SContextMenuTrigger asChild className={cn(triggerClassName)}>\n        {trigger}\n      </SContextMenuTrigger>\n    ) : null;\n\n    const contentElement =\n      content || items ? (\n        <SContextMenuContent\n          ref={ref}\n          className={cn(className, contentClassName)}\n        >\n          {content}\n          {items && renderItems(items)}\n        </SContextMenuContent>\n      ) : null;\n\n    return (\n      <SContextMenu onOpenChange={onOpenChange} modal={modal}>\n        {triggerElement}\n        {contentElement}\n      </SContextMenu>\n    );\n  },\n);\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport default ContextMenu;\n"],"names":["ContextMenu","React","props","ref","onOpenChange","modal","children","trigger","content","items","className","contentClassName","triggerClassName","jsx","SContextMenu","renderItems","menuItems","item","SContextMenuSeparator","SContextMenuLabel","SContextMenuGroup","jsxs","SContextMenuCheckboxItem","SContextMenuShortcut","SContextMenuRadioGroup","SContextMenuRadioItem","SContextMenuSub","SContextMenuSubTrigger","cn","SContextMenuSubContent","SContextMenuItem","triggerElement","SContextMenuTrigger","contentElement","SContextMenuContent"],"mappings":"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"}

package/dist/esm/components/ContextMenu/index.js

@@ -0,0 +1,24 @@
+import t from "./ContextMenu.js";
+import { ContextMenuSubContent as e, ContextMenuSubTrigger as n, ContextMenuSub as o, ContextMenuShortcut as u, ContextMenuSeparator as r, ContextMenuRadioItem as C, ContextMenuRadioGroup as x, ContextMenuCheckboxItem as M, ContextMenuItem as a, ContextMenuLabel as b, ContextMenuGroup as i, ContextMenuContent as m, ContextMenuTrigger as S, ContextMenuPortal as g, ContextMenu as p } from "@dsui/ui/components/context-menu";
+const R = Object.assign(t, {
+  // Primitives
+  Root: p,
+  Portal: g,
+  Trigger: S,
+  Content: m,
+  Group: i,
+  Label: b,
+  Item: a,
+  CheckboxItem: M,
+  RadioGroup: x,
+  RadioItem: C,
+  Separator: r,
+  Shortcut: u,
+  Sub: o,
+  SubTrigger: n,
+  SubContent: e
+});
+export {
+  R as ContextMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ContextMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/ContextMenu/index.ts"],"sourcesContent":["import ContextMenuWrapper, { type ContextMenuProps } from \"./ContextMenu\";\nimport {\n  ContextMenu as ContextMenuPrimitive,\n  ContextMenuPortal,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuLabel,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubTrigger,\n  ContextMenuSubContent,\n} from \"@dsui/ui/components/context-menu\";\n\nconst ContextMenu = Object.assign(ContextMenuWrapper, {\n  // Primitives\n  Root: ContextMenuPrimitive,\n  Portal: ContextMenuPortal,\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Group: ContextMenuGroup,\n  Label: ContextMenuLabel,\n  Item: ContextMenuItem,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioGroup: ContextMenuRadioGroup,\n  RadioItem: ContextMenuRadioItem,\n  Separator: ContextMenuSeparator,\n  Shortcut: ContextMenuShortcut,\n  Sub: ContextMenuSub,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n});\n\nexport { ContextMenu };\nexport type { ContextMenuProps };\nexport type { ContextMenuItem } from \"./ContextMenu\";\n"],"names":["ContextMenu","ContextMenuWrapper","ContextMenuPrimitive","ContextMenuPortal","ContextMenuTrigger","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","ContextMenuItem","ContextMenuCheckboxItem","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut","ContextMenuSub","ContextMenuSubTrigger","ContextMenuSubContent"],"mappings":";;AAmBA,MAAMA,IAAc,OAAO,OAAOC,GAAoB;AAAA;AAAA,EAEpD,MAAMC;AAAAA,EACN,QAAQC;AAAA,EACR,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,cAAcC;AAAA,EACd,YAAYC;AAAA,EACZ,WAAWC;AAAA,EACX,WAAWC;AAAA,EACX,UAAUC;AAAA,EACV,KAAKC;AAAA,EACL,YAAYC;AAAA,EACZ,YAAYC;AACd,CAAC;"}