@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/ui/dropdown-menu.js

@@ -1,207 +1,156 @@
 "use client";
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import * as t from "react";
-import { N as f, Q as b, U as h, V as g, W as y, X as w, Y as v, Z as x, _ as N, $ as C, a0 as P, a1 as _, a2 as j, a3 as z, a4 as G } from "../_chunks/primitives.js";
-import { IconChevronRight as T, IconCheck as U, IconCircle as A } from "@tabler/icons-react";
-import { cn as d } from "./lib/utils.js";
-import { tweens as M, springs as D } from "./lib/motion.js";
-import { Icon as R } from "./icon.js";
-import { A as S, m as I } from "../_chunks/framer.js";
-const k = t.createContext(!1), O = t.createContext(!1), L = ({
-  open: e,
-  defaultOpen: a = !1,
-  onOpenChange: o,
-  ...r
-}) => {
-  const [n, c] = t.useState(a), i = e !== void 0, l = i ? e : n, u = t.useCallback(
-    (p) => {
-      i || c(p), o?.(p);
-    },
-    [i, o]
-  );
-  return /* @__PURE__ */ s(k.Provider, { value: l, children: /* @__PURE__ */ s(_, { open: l, onOpenChange: u, ...r }) });
+import { Ct as e, Dt as t, Et as n, Ot as r, St as i, Tt as a, _t as o, bt as s, gt as c, ht as l, kt as u, vt as d, wt as f, xt as p, yt as m } from "../_chunks/primitives.js";
+import { a as h, c as g } from "../_chunks/framer.js";
+import { springs as _, tweens as v } from "./lib/motion.js";
+import { cn as y } from "./lib/utils.js";
+import { Icon as b } from "./icon.js";
+import * as x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconCheck as w, IconChevronRight as T, IconCircle as E } from "@tabler/icons-react";
+//#region src/ui/dropdown-menu.tsx
+var D = x.createContext(!1), O = x.createContext(!1), k = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
+	let [i, a] = x.useState(t), o = e !== void 0, s = o ? e : i, c = x.useCallback((e) => {
+		o || a(e), n?.(e);
+	}, [o, n]);
+	return /* @__PURE__ */ S(D.Provider, {
+		value: s,
+		children: /* @__PURE__ */ S(f, {
+			open: s,
+			onOpenChange: c,
+			...r
+		})
+	});
 };
-L.displayName = "DropdownMenu";
-const oe = P, re = j, te = h, Q = ({
-  open: e,
-  defaultOpen: a = !1,
-  onOpenChange: o,
-  ...r
-}) => {
-  const [n, c] = t.useState(a), i = e !== void 0, l = i ? e : n, u = t.useCallback(
-    (p) => {
-      i || c(p), o?.(p);
-    },
-    [i, o]
-  );
-  return /* @__PURE__ */ s(O.Provider, { value: l, children: /* @__PURE__ */ s(G, { open: l, onOpenChange: u, ...r }) });
+k.displayName = "DropdownMenu";
+var A = u, j = o, M = p, N = ({ open: e, defaultOpen: t = !1, onOpenChange: r, ...i }) => {
+	let [a, o] = x.useState(t), s = e !== void 0, c = s ? e : a, l = x.useCallback((e) => {
+		s || o(e), r?.(e);
+	}, [s, r]);
+	return /* @__PURE__ */ S(O.Provider, {
+		value: c,
+		children: /* @__PURE__ */ S(n, {
+			open: c,
+			onOpenChange: l,
+			...i
+		})
+	});
 };
-Q.displayName = "DropdownMenuSub";
-const ne = z, V = t.forwardRef(({ className: e, inset: a, children: o, ...r }, n) => /* @__PURE__ */ m(
-  f,
-  {
-    ref: n,
-    className: d(
-      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
-      a && "pl-ds-07",
-      e
-    ),
-    ...r,
-    children: [
-      o,
-      /* @__PURE__ */ s(R, { icon: T, size: "sm", className: "ml-auto" })
-    ]
-  }
-));
-V.displayName = f.displayName;
-const W = t.forwardRef(({ className: e, children: a, ...o }, r) => {
-  const n = t.useContext(O);
-  return /* @__PURE__ */ s(S, { children: n && /* @__PURE__ */ s(
-    b,
-    {
-      ref: r,
-      forceMount: !0,
-      asChild: !0,
-      ...o,
-      children: /* @__PURE__ */ s(
-        I.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...D.snappy, opacity: M.fade },
-          className: d(
-            "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
-            e
-          ),
-          children: a
-        }
-      )
-    }
-  ) });
+N.displayName = "DropdownMenuSub";
+var P = i, F = x.forwardRef(({ className: e, inset: t, children: n, ...i }, a) => /* @__PURE__ */ C(r, {
+	ref: a,
+	className: y("flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0", t && "pl-ds-07", e),
+	...i,
+	children: [n, /* @__PURE__ */ S(b, {
+		icon: T,
+		size: "sm",
+		className: "ml-auto"
+	})]
+}));
+F.displayName = r.displayName;
+var I = x.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ S(g, { children: x.useContext(O) && /* @__PURE__ */ S(t, {
+	ref: i,
+	forceMount: !0,
+	asChild: !0,
+	...r,
+	children: /* @__PURE__ */ S(h.div, {
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .95
+		},
+		transition: {
+			..._.snappy,
+			opacity: v.fade
+		},
+		className: y("z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", e),
+		children: n
+	})
+}) }));
+I.displayName = t.displayName;
+var L = x.forwardRef(({ className: e, sideOffset: t = 4, children: n, ...r }, i) => /* @__PURE__ */ S(g, { children: x.useContext(D) && /* @__PURE__ */ S(p, {
+	forceMount: !0,
+	children: /* @__PURE__ */ S(c, {
+		ref: i,
+		sideOffset: t,
+		forceMount: !0,
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ S(h.div, {
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .95
+			},
+			transition: {
+				..._.snappy,
+				opacity: v.fade
+			},
+			className: y("z-popover min-w-[8rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", e),
+			children: n
+		})
+	})
+}) }));
+L.displayName = c.displayName;
+var R = x.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ S(d, {
+	ref: r,
+	className: y("relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0", t && "pl-ds-07", e),
+	...n
+}));
+R.displayName = d.displayName;
+var z = x.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ C(l, {
+	ref: i,
+	className: y("relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
+	checked: n,
+	...r,
+	children: [/* @__PURE__ */ S("span", {
+		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
+		children: /* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(b, {
+			icon: w,
+			size: "sm"
+		}) })
+	}), t]
+}));
+z.displayName = l.displayName;
+var B = x.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ C(e, {
+	ref: i,
+	className: y("relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", t),
+	...r,
+	children: [/* @__PURE__ */ S("span", {
+		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
+		children: /* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(E, { className: "h-2 w-2 fill-current" }) })
+	}), n]
+}));
+B.displayName = e.displayName;
+var V = x.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ S(s, {
+	ref: r,
+	className: y("px-ds-03 py-ds-02b text-ds-md font-semibold", t && "pl-ds-07", e),
+	...n
+}));
+V.displayName = s.displayName;
+var H = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ S(a, {
+	ref: n,
+	className: y("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+	...t
+}));
+H.displayName = a.displayName;
+var U = ({ className: e, ...t }) => /* @__PURE__ */ S("span", {
+	className: y("ml-auto text-ds-sm text-surface-fg-subtle", e),
+	...t
 });
-W.displayName = b.displayName;
-const X = t.forwardRef(({ className: e, sideOffset: a = 4, children: o, ...r }, n) => {
-  const c = t.useContext(k);
-  return /* @__PURE__ */ s(S, { children: c && /* @__PURE__ */ s(h, { forceMount: !0, children: /* @__PURE__ */ s(
-    g,
-    {
-      ref: n,
-      sideOffset: a,
-      forceMount: !0,
-      asChild: !0,
-      ...r,
-      children: /* @__PURE__ */ s(
-        I.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...D.snappy, opacity: M.fade },
-          className: d(
-            "z-popover min-w-[8rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
-            e
-          ),
-          children: o
-        }
-      )
-    }
-  ) }) });
-});
-X.displayName = g.displayName;
-const Y = t.forwardRef(({ className: e, inset: a, ...o }, r) => /* @__PURE__ */ s(
-  y,
-  {
-    ref: r,
-    className: d(
-      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      a && "pl-ds-07",
-      e
-    ),
-    ...o
-  }
-));
-Y.displayName = y.displayName;
-const Z = t.forwardRef(({ className: e, children: a, checked: o, ...r }, n) => /* @__PURE__ */ m(
-  w,
-  {
-    ref: n,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      e
-    ),
-    checked: o,
-    ...r,
-    children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(v, { children: /* @__PURE__ */ s(R, { icon: U, size: "sm" }) }) }),
-      a
-    ]
-  }
-));
-Z.displayName = w.displayName;
-const $ = t.forwardRef(({ className: e, children: a, ...o }, r) => /* @__PURE__ */ m(
-  x,
-  {
-    ref: r,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      e
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(v, { children: /* @__PURE__ */ s(A, { className: "h-2 w-2 fill-current" }) }) }),
-      a
-    ]
-  }
-));
-$.displayName = x.displayName;
-const q = t.forwardRef(({ className: e, inset: a, ...o }, r) => /* @__PURE__ */ s(
-  N,
-  {
-    ref: r,
-    className: d(
-      "px-ds-03 py-ds-02b text-ds-md font-semibold",
-      a && "pl-ds-07",
-      e
-    ),
-    ...o
-  }
-));
-q.displayName = N.displayName;
-const B = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ s(
-  C,
-  {
-    ref: o,
-    className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
-    ...a
-  }
-));
-B.displayName = C.displayName;
-const E = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ s(
-  "span",
-  {
-    className: d("ml-auto text-ds-sm text-surface-fg-subtle", e),
-    ...a
-  }
-);
-E.displayName = "DropdownMenuShortcut";
-export {
-  L as DropdownMenu,
-  Z as DropdownMenuCheckboxItem,
-  X as DropdownMenuContent,
-  re as DropdownMenuGroup,
-  Y as DropdownMenuItem,
-  q as DropdownMenuLabel,
-  te as DropdownMenuPortal,
-  ne as DropdownMenuRadioGroup,
-  $ as DropdownMenuRadioItem,
-  B as DropdownMenuSeparator,
-  E as DropdownMenuShortcut,
-  Q as DropdownMenuSub,
-  W as DropdownMenuSubContent,
-  V as DropdownMenuSubTrigger,
-  oe as DropdownMenuTrigger
-};
+U.displayName = "DropdownMenuShortcut";
+//#endregion
+export { k as DropdownMenu, z as DropdownMenuCheckboxItem, L as DropdownMenuContent, j as DropdownMenuGroup, R as DropdownMenuItem, V as DropdownMenuLabel, M as DropdownMenuPortal, P as DropdownMenuRadioGroup, B as DropdownMenuRadioItem, H as DropdownMenuSeparator, U as DropdownMenuShortcut, N as DropdownMenuSub, I as DropdownMenuSubContent, F as DropdownMenuSubTrigger, A as DropdownMenuTrigger };