@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/menubar.js

@@ -1,213 +1,135 @@
 "use client";
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import * as t from "react";
-import { aV as p, aW as f, aX as b, aY as g, aZ as y, a_ as h, a$ as N, b0 as x, b1 as v, b2 as M, b3 as w, b4 as R, b5 as k, b6 as _, b7 as j, b8 as z } from "../_chunks/primitives.js";
-import { IconChevronRight as G, IconCheck as P, IconCircle as T } from "@tabler/icons-react";
-import { cn as n } from "./lib/utils.js";
-import { tweens as O, springs as A } from "./lib/motion.js";
-import { Icon as C } from "./icon.js";
-import { A as L, m as U } from "../_chunks/framer.js";
-const S = t.createContext(!1), V = (e) => /* @__PURE__ */ r(j, { ...e });
-V.displayName = "MenubarMenu";
-const te = k, ne = y, W = ({
-  open: e,
-  defaultOpen: s = !1,
-  onOpenChange: a,
-  ...o
-}) => {
-  const [d, c] = t.useState(s), i = e !== void 0, u = i ? e : d, I = t.useCallback(
-    (m) => {
-      i || c(m), a?.(m);
-    },
-    [i, a]
-  );
-  return /* @__PURE__ */ r(S.Provider, { value: u, children: /* @__PURE__ */ r(z, { open: u, onOpenChange: I, ...o }) });
+import { C as e, S as t, _ as n, b as r, d as i, f as a, g as o, h as s, l as c, m as l, p as u, u as d, v as f, w as p, x as m, y as h } from "../_chunks/primitives.js";
+import { a as g, c as _ } from "../_chunks/framer.js";
+import { springs as v, tweens as y } from "./lib/motion.js";
+import { cn as b } from "./lib/utils.js";
+import { Icon as x } from "./icon.js";
+import * as S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { IconCheck as T, IconChevronRight as E, IconCircle as D } from "@tabler/icons-react";
+//#region src/ui/menubar.tsx
+var O = S.createContext(!1), k = (e) => /* @__PURE__ */ C(s, { ...e });
+k.displayName = "MenubarMenu";
+var A = i, j = o, M = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
+	let [i, a] = S.useState(t), o = e !== void 0, s = o ? e : i, c = S.useCallback((e) => {
+		o || a(e), n?.(e);
+	}, [o, n]);
+	return /* @__PURE__ */ C(O.Provider, {
+		value: s,
+		children: /* @__PURE__ */ C(m, {
+			open: s,
+			onOpenChange: c,
+			...r
+		})
+	});
 };
-W.displayName = "MenubarSub";
-const de = _, X = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
-  p,
-  {
-    ref: a,
-    className: n(
-      "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-raised",
-      e
-    ),
-    ...s
-  }
-));
-X.displayName = p.displayName;
-const Y = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
-  f,
-  {
-    ref: a,
-    className: n(
-      "flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-none transition-colors hover:bg-surface-raised-hover focus-visible:bg-surface-raised-hover data-[state=open]:bg-surface-raised-hover",
-      e
-    ),
-    ...s
-  }
-));
-Y.displayName = f.displayName;
-const Z = t.forwardRef(({ className: e, inset: s, children: a, ...o }, d) => /* @__PURE__ */ l(
-  b,
-  {
-    ref: d,
-    className: n(
-      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none 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",
-      s && "pl-ds-07",
-      e
-    ),
-    ...o,
-    children: [
-      a,
-      /* @__PURE__ */ r(C, { icon: G, size: "sm", className: "ml-auto" })
-    ]
-  }
-));
-Z.displayName = b.displayName;
-const $ = t.forwardRef(({ className: e, children: s, ...a }, o) => {
-  const d = t.useContext(S);
-  return /* @__PURE__ */ r(L, { children: d && /* @__PURE__ */ r(
-    g,
-    {
-      ref: o,
-      forceMount: !0,
-      asChild: !0,
-      ...a,
-      children: /* @__PURE__ */ r(
-        U.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...A.snappy, opacity: O.fade },
-          className: n(
-            "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: s
-        }
-      )
-    }
-  ) });
+M.displayName = "MenubarSub";
+var N = n, P = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(h, {
+	ref: n,
+	className: b("flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-raised", e),
+	...t
+}));
+P.displayName = h.displayName;
+var F = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(p, {
+	ref: n,
+	className: b("flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-hidden transition-colors hover:bg-surface-raised-hover focus-visible:bg-surface-raised-hover data-[state=open]:bg-surface-raised-hover", e),
+	...t
+}));
+F.displayName = p.displayName;
+var I = S.forwardRef(({ className: t, inset: n, children: r, ...i }, a) => /* @__PURE__ */ w(e, {
+	ref: a,
+	className: b("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", n && "pl-ds-07", t),
+	...i,
+	children: [r, /* @__PURE__ */ C(x, {
+		icon: E,
+		size: "sm",
+		className: "ml-auto"
+	})]
+}));
+I.displayName = e.displayName;
+var L = S.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ C(_, { children: S.useContext(O) && /* @__PURE__ */ C(t, {
+	ref: i,
+	forceMount: !0,
+	asChild: !0,
+	...r,
+	children: /* @__PURE__ */ C(g.div, {
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .95
+		},
+		transition: {
+			...v.snappy,
+			opacity: y.fade
+		},
+		className: b("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
+	})
+}) }));
+L.displayName = t.displayName;
+var R = S.forwardRef(({ className: e, align: t = "start", alignOffset: n = -4, sideOffset: r = 8, children: i, ...a }, s) => /* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(d, {
+	ref: s,
+	align: t,
+	alignOffset: n,
+	sideOffset: r,
+	className: b("z-popover min-w-[12rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", "data-[state=open]:animate-popover-in data-[state=closed]:animate-popover-out", e),
+	...a,
+	children: i
+}) }));
+R.displayName = d.displayName;
+var z = S.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ C(a, {
+	ref: r,
+	className: b("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 focus:bg-surface-raised focus:text-surface-fg 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
+}));
+z.displayName = a.displayName;
+var B = S.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ w(c, {
+	ref: i,
+	className: b("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 focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
+	checked: n,
+	...r,
+	children: [/* @__PURE__ */ C("span", {
+		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
+		children: /* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(x, {
+			icon: T,
+			size: "sm"
+		}) })
+	}), t]
+}));
+B.displayName = c.displayName;
+var V = S.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ w(f, {
+	ref: r,
+	className: b("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 focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
+	...n,
+	children: [/* @__PURE__ */ C("span", {
+		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
+		children: /* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(D, { className: "h-2 w-2 fill-current" }) })
+	}), t]
+}));
+V.displayName = f.displayName;
+var H = S.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ C(l, {
+	ref: r,
+	className: b("px-ds-03 py-ds-02b text-ds-md font-semibold", t && "pl-ds-07", e),
+	...n
+}));
+H.displayName = l.displayName;
+var U = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(r, {
+	ref: n,
+	className: b("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+	...t
+}));
+U.displayName = r.displayName;
+var W = ({ className: e, ...t }) => /* @__PURE__ */ C("span", {
+	className: b("ml-auto text-ds-sm text-surface-fg-subtle", e),
+	...t
 });
-$.displayName = g.displayName;
-const q = t.forwardRef(
-  ({ className: e, align: s = "start", alignOffset: a = -4, sideOffset: o = 8, children: d, ...c }, i) => /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
-    h,
-    {
-      ref: i,
-      align: s,
-      alignOffset: a,
-      sideOffset: o,
-      className: n(
-        "z-popover min-w-[12rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
-        "data-[state=open]:animate-popover-in data-[state=closed]:animate-popover-out",
-        e
-      ),
-      ...c,
-      children: d
-    }
-  ) })
-);
-q.displayName = h.displayName;
-const B = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ r(
-  N,
-  {
-    ref: o,
-    className: n(
-      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      s && "pl-ds-07",
-      e
-    ),
-    ...a
-  }
-));
-B.displayName = N.displayName;
-const D = t.forwardRef(({ className: e, children: s, checked: a, ...o }, d) => /* @__PURE__ */ l(
-  x,
-  {
-    ref: d,
-    className: n(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      e
-    ),
-    checked: a,
-    ...o,
-    children: [
-      /* @__PURE__ */ r("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(C, { icon: P, size: "sm" }) }) }),
-      s
-    ]
-  }
-));
-D.displayName = x.displayName;
-const E = t.forwardRef(({ className: e, children: s, ...a }, o) => /* @__PURE__ */ l(
-  M,
-  {
-    ref: o,
-    className: n(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      e
-    ),
-    ...a,
-    children: [
-      /* @__PURE__ */ r("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(T, { className: "h-2 w-2 fill-current" }) }) }),
-      s
-    ]
-  }
-));
-E.displayName = M.displayName;
-const F = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ r(
-  w,
-  {
-    ref: o,
-    className: n(
-      "px-ds-03 py-ds-02b text-ds-md font-semibold",
-      s && "pl-ds-07",
-      e
-    ),
-    ...a
-  }
-));
-F.displayName = w.displayName;
-const H = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
-  R,
-  {
-    ref: a,
-    className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
-    ...s
-  }
-));
-H.displayName = R.displayName;
-const J = ({
-  className: e,
-  ...s
-}) => /* @__PURE__ */ r(
-  "span",
-  {
-    className: n(
-      "ml-auto text-ds-sm text-surface-fg-subtle",
-      e
-    ),
-    ...s
-  }
-);
-J.displayName = "MenubarShortcut";
-export {
-  X as Menubar,
-  D as MenubarCheckboxItem,
-  q as MenubarContent,
-  te as MenubarGroup,
-  B as MenubarItem,
-  F as MenubarLabel,
-  V as MenubarMenu,
-  ne as MenubarPortal,
-  de as MenubarRadioGroup,
-  E as MenubarRadioItem,
-  H as MenubarSeparator,
-  J as MenubarShortcut,
-  W as MenubarSub,
-  $ as MenubarSubContent,
-  Z as MenubarSubTrigger,
-  Y as MenubarTrigger
-};
+W.displayName = "MenubarShortcut";
+//#endregion
+export { P as Menubar, B as MenubarCheckboxItem, R as MenubarContent, A as MenubarGroup, z as MenubarItem, H as MenubarLabel, k as MenubarMenu, j as MenubarPortal, N as MenubarRadioGroup, V as MenubarRadioItem, U as MenubarSeparator, W as MenubarShortcut, M as MenubarSub, L as MenubarSubContent, I as MenubarSubTrigger, F as MenubarTrigger };