@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/ui/menubar.js

@@ -1,131 +1,175 @@
 "use client";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import * as r from "react";
-import { aY as l, aZ as m, a_ as c, a$ as p, b0 as b, b1 as u, b2 as f, b3 as y, b4 as x, b5 as g, b6 as N, b7 as h, b8 as v, b9 as M, ba as R, bb as I } from "../_chunks/primitives.js";
-import { IconChevronRight as S, IconCheck as C, IconCircle as z } from "@tabler/icons-react";
-import { c as d } from "../_chunks/utils.js";
-const F = M, H = v, J = b, K = I, O = R, k = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
-  l,
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as o from "react";
+import { aP as p, aQ as f, aR as b, aS as y, aT as g, aU as N, aV as x, aW as h, aX as v, aY as M, aZ as w, a_ as R, a$ as T, b0 as _, b1 as j, b2 as G } from "../_chunks/primitives.js";
+import { IconChevronRight as z, IconCheck as A, IconCircle as L } from "@tabler/icons-react";
+import { c as n } from "../_chunks/utils.js";
+import { t as S, s as C } from "../_chunks/motion2.js";
+import { A as U, m as I } from "../_chunks/motion.js";
+const k = o.createContext(!1), Q = (e) => /* @__PURE__ */ t(j, { ...e });
+Q.displayName = "MenubarMenu";
+const te = T, re = g, V = ({
+  open: e,
+  defaultOpen: a = !1,
+  onOpenChange: s,
+  ...r
+}) => {
+  const [d, i] = o.useState(a), c = e !== void 0, u = c ? e : d, P = o.useCallback(
+    (m) => {
+      c || i(m), s == null || s(m);
+    },
+    [c, s]
+  );
+  return /* @__PURE__ */ t(k.Provider, { value: u, children: /* @__PURE__ */ t(G, { open: u, onOpenChange: P, ...r }) });
+};
+V.displayName = "MenubarSub";
+const oe = _, W = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  p,
   {
     ref: s,
-    className: d(
-      "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-border bg-layer-01 p-ds-02 shadow-01",
+    className: n(
+      "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 shadow-01",
       e
     ),
     ...a
   }
 ));
-k.displayName = l.displayName;
-const _ = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
-  m,
+W.displayName = p.displayName;
+const X = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  f,
   {
     ref: s,
-    className: d(
-      "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-field focus-visible:bg-field data-[state=open]:bg-field",
+    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-3 focus-visible:bg-surface-3 data-[state=open]:bg-surface-3",
       e
     ),
     ...a
   }
 ));
-_.displayName = m.displayName;
-const j = r.forwardRef(({ className: e, inset: a, children: s, ...o }, n) => /* @__PURE__ */ i(
-  c,
+X.displayName = f.displayName;
+const Y = o.forwardRef(({ className: e, inset: a, children: s, ...r }, d) => /* @__PURE__ */ l(
+  b,
   {
-    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-none focus:bg-layer-02 data-[state=open]:bg-layer-02 [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
+    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-2 data-[state=open]:bg-surface-2 [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
       a && "pl-ds-07",
       e
     ),
-    ...o,
+    ...r,
     children: [
       s,
-      /* @__PURE__ */ t(S, { className: "ml-auto" })
+      /* @__PURE__ */ t(z, { className: "ml-auto" })
     ]
   }
 ));
-j.displayName = c.displayName;
-const G = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
-  p,
-  {
-    ref: s,
-    className: d(
-      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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",
-      e
-    ),
-    ...a
-  }
-));
-G.displayName = p.displayName;
-const T = r.forwardRef(
-  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: o = 8, ...n }, w) => /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
-    u,
+Y.displayName = b.displayName;
+const Z = o.forwardRef(({ className: e, children: a, ...s }, r) => {
+  const d = o.useContext(k);
+  return /* @__PURE__ */ t(U, { children: d && /* @__PURE__ */ t(
+    y,
+    {
+      ref: r,
+      forceMount: !0,
+      asChild: !0,
+      ...s,
+      children: /* @__PURE__ */ t(
+        I.div,
+        {
+          initial: { opacity: 0, scale: 0.95 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.95 },
+          transition: { ...C.snappy, opacity: S.fade },
+          className: n(
+            "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 text-surface-fg shadow-03",
+            e
+          ),
+          children: a
+        }
+      )
+    }
+  ) });
+});
+Z.displayName = y.displayName;
+const $ = o.forwardRef(
+  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: r = 8, children: d, ...i }, c) => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
+    N,
     {
-      ref: w,
+      ref: c,
       align: a,
       alignOffset: s,
-      sideOffset: o,
-      className: d(
-        "z-popover min-w-[12rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
-        "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",
-        e
-      ),
-      ...n
+      sideOffset: r,
+      asChild: !0,
+      ...i,
+      children: /* @__PURE__ */ t(
+        I.div,
+        {
+          initial: { opacity: 0, scale: 0.95 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.95 },
+          transition: { ...C.snappy, opacity: S.fade },
+          className: n(
+            "z-popover min-w-[12rem] rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 text-surface-fg shadow-03",
+            e
+          ),
+          children: d
+        }
+      )
     }
   ) })
 );
-T.displayName = u.displayName;
-const L = r.forwardRef(({ className: e, inset: a, ...s }, o) => /* @__PURE__ */ t(
-  f,
+$.displayName = N.displayName;
+const q = o.forwardRef(({ className: e, inset: a, ...s }, r) => /* @__PURE__ */ t(
+  x,
   {
-    ref: o,
-    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-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38] [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+    ref: r,
+    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-2 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",
       a && "pl-ds-07",
       e
     ),
     ...s
   }
 ));
-L.displayName = f.displayName;
-const P = r.forwardRef(({ className: e, children: a, checked: s, ...o }, n) => /* @__PURE__ */ i(
-  y,
+q.displayName = x.displayName;
+const B = o.forwardRef(({ className: e, children: a, checked: s, ...r }, d) => /* @__PURE__ */ l(
+  h,
   {
-    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-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
+    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-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     checked: s,
-    ...o,
+    ...r,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(C, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(A, { className: "h-ico-sm w-ico-sm" }) }) }),
       a
     ]
   }
 ));
-P.displayName = y.displayName;
-const Y = r.forwardRef(({ className: e, children: a, ...s }, o) => /* @__PURE__ */ i(
-  g,
+B.displayName = h.displayName;
+const D = o.forwardRef(({ className: e, children: a, ...s }, r) => /* @__PURE__ */ l(
+  M,
   {
-    ref: o,
-    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-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
+    ref: r,
+    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-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     ...s,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(z, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(L, { className: "h-2 w-2 fill-current" }) }) }),
       a
     ]
   }
 ));
-Y.displayName = g.displayName;
-const Z = r.forwardRef(({ className: e, inset: a, ...s }, o) => /* @__PURE__ */ t(
-  N,
+D.displayName = M.displayName;
+const E = o.forwardRef(({ className: e, inset: a, ...s }, r) => /* @__PURE__ */ t(
+  w,
   {
-    ref: o,
-    className: d(
+    ref: r,
+    className: n(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
       a && "pl-ds-07",
       e
@@ -133,45 +177,45 @@ const Z = r.forwardRef(({ className: e, inset: a, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-Z.displayName = N.displayName;
-const $ = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
-  h,
+E.displayName = w.displayName;
+const F = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  R,
   {
     ref: s,
-    className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
+    className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
     ...a
   }
 ));
-$.displayName = h.displayName;
-const q = ({
+F.displayName = R.displayName;
+const H = ({
   className: e,
   ...a
 }) => /* @__PURE__ */ t(
   "span",
   {
-    className: d(
-      "ml-auto text-ds-sm text-text-placeholder",
+    className: n(
+      "ml-auto text-ds-sm text-surface-fg-subtle",
       e
     ),
     ...a
   }
 );
-q.displayName = "MenubarShortcut";
+H.displayName = "MenubarShortcut";
 export {
-  k as Menubar,
-  P as MenubarCheckboxItem,
-  T as MenubarContent,
-  H as MenubarGroup,
-  L as MenubarItem,
-  Z as MenubarLabel,
-  F as MenubarMenu,
-  J as MenubarPortal,
-  O as MenubarRadioGroup,
-  Y as MenubarRadioItem,
-  $ as MenubarSeparator,
-  q as MenubarShortcut,
-  K as MenubarSub,
-  G as MenubarSubContent,
-  j as MenubarSubTrigger,
-  _ as MenubarTrigger
+  W as Menubar,
+  B as MenubarCheckboxItem,
+  $ as MenubarContent,
+  te as MenubarGroup,
+  q as MenubarItem,
+  E as MenubarLabel,
+  Q as MenubarMenu,
+  re as MenubarPortal,
+  oe as MenubarRadioGroup,
+  D as MenubarRadioItem,
+  F as MenubarSeparator,
+  H as MenubarShortcut,
+  V as MenubarSub,
+  Z as MenubarSubContent,
+  Y as MenubarSubTrigger,
+  X as MenubarTrigger
 };

package/dist/ui/navigation-menu.d.ts

@@ -9,5 +9,7 @@ declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<Naviga
 declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
+export type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;
 export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAA;AAK5E,QAAA,MAAM,cAAc,iKAelB,CAAA;AAGF,QAAA,MAAM,kBAAkB,+KAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,uHAA+B,CAAA;AAEvD,QAAA,MAAM,qBAAqB,oLAkBzB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAYzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,2HAA+B,CAAA;AAEvD,QAAA,MAAM,sBAAsB,+KAc1B,CAAA;AAIF,QAAA,MAAM,uBAAuB,gLAc3B,CAAA;AAIF,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAA;AAO5E,QAAA,MAAM,cAAc,iKAelB,CAAA;AAGF,QAAA,MAAM,kBAAkB,+KAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,uHAA+B,CAAA;AAEvD,QAAA,MAAM,qBAAqB,oLAkBzB,CAAA;AAaF,QAAA,MAAM,qBAAqB,8KAqEzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,2HAA+B,CAAA;AAIvD,QAAA,MAAM,sBAAsB,+KA0D1B,CAAA;AAMF,QAAA,MAAM,uBAAuB,gLAoD3B,CAAA;AAIF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AACrG,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AAE/G,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAA"}

package/dist/ui/navigation-menu.js

@@ -1,51 +1,53 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import * as s from "react";
-import { bc as r, bd as m, be as l, bf as f, bg as c, bh as u, bi as v, bj as g } from "../_chunks/primitives.js";
-import { IconChevronDown as N } from "@tabler/icons-react";
-import { c as i } from "../_chunks/utils.js";
-const b = s.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ d(
-  r,
+import { jsxs as v, jsx as c } from "react/jsx-runtime";
+import * as a from "react";
+import { b3 as N, b4 as h, b5 as w, b6 as x, b7 as R, b8 as M, b9 as O, ba as V } from "../_chunks/primitives.js";
+import { IconChevronDown as E } from "@tabler/icons-react";
+import { c as u } from "../_chunks/utils.js";
+import { t as y, s as j } from "../_chunks/motion2.js";
+import { m as g } from "../_chunks/motion.js";
+const L = a.forwardRef(({ className: r, children: n, ...t }, o) => /* @__PURE__ */ v(
+  N,
   {
-    ref: n,
-    className: i(
+    ref: o,
+    className: u(
       "relative z-raised flex max-w-max flex-1 items-center justify-center",
-      a
+      r
     ),
     ...t,
     children: [
-      e,
-      /* @__PURE__ */ o(p, {})
+      n,
+      /* @__PURE__ */ c(I, {})
     ]
   }
 ));
-b.displayName = r.displayName;
-const h = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
-  m,
+L.displayName = N.displayName;
+const S = a.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ c(
+  h,
   {
     ref: t,
-    className: i(
+    className: u(
       "group flex flex-1 list-none items-center justify-center space-x-ds-02",
-      a
+      r
     ),
-    ...e
+    ...n
   }
 ));
-h.displayName = m.displayName;
-const z = v, w = s.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ d(
-  l,
+S.displayName = h.displayName;
+const J = O, W = a.forwardRef(({ className: r, children: n, ...t }, o) => /* @__PURE__ */ v(
+  w,
   {
-    ref: n,
-    className: i(
-      "group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-ds-md bg-transparent px-ds-05 py-ds-03 text-ds-md font-medium transition-colors hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none disabled:opacity-[0.38]",
-      a
+    ref: o,
+    className: u(
+      "group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-ds-md bg-transparent px-ds-05 py-ds-03 text-ds-md font-medium transition-colors hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled",
+      r
     ),
     ...t,
     children: [
-      e,
+      n,
       " ",
-      /* @__PURE__ */ o(
-        N,
+      /* @__PURE__ */ c(
+        E,
         {
           className: "relative top-[1px] ml-ds-02 h-ico-sm w-ico-sm transition-transform duration-moderate-02 group-data-[state=open]:rotate-180",
           "aria-hidden": "true"
@@ -54,51 +56,152 @@ const z = v, w = s.forwardRef(({ className: a, children: e, ...t }, n) => /* @__
     ]
   }
 ));
-w.displayName = l.displayName;
-const y = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
-  f,
-  {
-    ref: t,
-    className: i(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
-      a
-    ),
-    ...e
-  }
-));
-y.displayName = f.displayName;
-const L = g, p = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { className: i("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ o(
-  c,
-  {
-    className: i(
-      "origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-ds-lg border border-border bg-layer-01 shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-      a
-    ),
-    ref: t,
-    ...e
-  }
-) }));
-p.displayName = c.displayName;
-const x = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
-  u,
-  {
-    ref: t,
-    className: i(
-      "top-full z-base flex h-ds-02b items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      a
+W.displayName = w.displayName;
+const b = {
+  "from-start": { x: "-13rem", opacity: 0 },
+  "from-end": { x: "13rem", opacity: 0 },
+  "to-start": { x: "-13rem", opacity: 0 },
+  "to-end": { x: "13rem", opacity: 0 },
+  center: { x: 0, opacity: 1 }
+}, D = a.forwardRef(({ className: r, ...n }, t) => {
+  const o = a.useRef(null), m = a.useCallback(
+    (s) => {
+      o.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
+    },
+    [t]
+  ), [i, l] = a.useState(null);
+  a.useEffect(() => {
+    const s = o.current;
+    if (!s) return;
+    const d = s.getAttribute("data-motion");
+    d && l(d);
+    const f = new MutationObserver((A) => {
+      for (const C of A)
+        if (C.attributeName === "data-motion") {
+          const k = s.getAttribute("data-motion");
+          l(k);
+        }
+    });
+    return f.observe(s, { attributes: !0, attributeFilter: ["data-motion"] }), () => f.disconnect();
+  }, []);
+  const e = i && i.startsWith("from-") ? b[i] : i && i.startsWith("to-") ? b.center : { x: 0, opacity: 0 }, p = i && i.startsWith("from-") ? b.center : i && i.startsWith("to-") ? b[i] : b.center;
+  return /* @__PURE__ */ c(
+    x,
+    {
+      ref: m,
+      className: u(
+        "left-0 top-0 w-full md:absolute md:w-auto",
+        r
+      ),
+      ...n,
+      children: /* @__PURE__ */ c(
+        g.div,
+        {
+          initial: e,
+          animate: p,
+          transition: { ...j.smooth, opacity: y.fade },
+          style: { width: "100%" },
+          children: n.children
+        },
+        i
+      )
+    }
+  );
+});
+D.displayName = x.displayName;
+const K = V, I = a.forwardRef(({ className: r, ...n }, t) => {
+  const o = a.useRef(null), m = a.useCallback(
+    (e) => {
+      o.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+    },
+    [t]
+  ), [i, l] = a.useState(!1);
+  return a.useEffect(() => {
+    const e = o.current;
+    if (!e) return;
+    const p = e.getAttribute("data-state");
+    l(p === "open");
+    const s = new MutationObserver((d) => {
+      for (const f of d)
+        f.attributeName === "data-state" && l(e.getAttribute("data-state") === "open");
+    });
+    return s.observe(e, { attributes: !0, attributeFilter: ["data-state"] }), () => s.disconnect();
+  }, []), /* @__PURE__ */ v("div", { className: u("absolute left-0 top-full flex justify-center"), children: [
+    /* @__PURE__ */ c(
+      R,
+      {
+        className: u(
+          "origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-1 shadow-03 md:w-[var(--radix-navigation-menu-viewport-width)]",
+          r
+        ),
+        ref: m,
+        ...n
+      }
     ),
-    ...e,
-    children: /* @__PURE__ */ o("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-02" })
-  }
-));
-x.displayName = u.displayName;
+    /* @__PURE__ */ c(
+      g.div,
+      {
+        "aria-hidden": !0,
+        style: {
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        initial: !1,
+        animate: i ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.95 },
+        transition: { ...j.smooth, opacity: y.fade }
+      }
+    )
+  ] });
+});
+I.displayName = R.displayName;
+const F = a.forwardRef(({ className: r, ...n }, t) => {
+  const o = a.useRef(null), m = a.useCallback(
+    (e) => {
+      o.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+    },
+    [t]
+  ), [i, l] = a.useState(!1);
+  return a.useEffect(() => {
+    const e = o.current;
+    if (!e) return;
+    const p = e.getAttribute("data-state");
+    l(p === "visible");
+    const s = new MutationObserver((d) => {
+      for (const f of d)
+        f.attributeName === "data-state" && l(e.getAttribute("data-state") === "visible");
+    });
+    return s.observe(e, { attributes: !0, attributeFilter: ["data-state"] }), () => s.disconnect();
+  }, []), /* @__PURE__ */ c(
+    M,
+    {
+      ref: m,
+      className: u(
+        "top-full z-base flex h-ds-02b items-end justify-center overflow-hidden",
+        r
+      ),
+      ...n,
+      children: /* @__PURE__ */ c(
+        g.div,
+        {
+          layout: !0,
+          initial: !1,
+          animate: i ? { opacity: 1 } : { opacity: 0 },
+          transition: y.fade,
+          className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-surface-border shadow-02"
+        }
+      )
+    }
+  );
+});
+F.displayName = M.displayName;
 export {
-  b as NavigationMenu,
-  y as NavigationMenuContent,
-  x as NavigationMenuIndicator,
-  z as NavigationMenuItem,
-  L as NavigationMenuLink,
-  h as NavigationMenuList,
-  w as NavigationMenuTrigger,
-  p as NavigationMenuViewport
+  L as NavigationMenu,
+  D as NavigationMenuContent,
+  F as NavigationMenuIndicator,
+  J as NavigationMenuItem,
+  K as NavigationMenuLink,
+  S as NavigationMenuList,
+  W as NavigationMenuTrigger,
+  I as NavigationMenuViewport
 };

package/dist/ui/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACjI,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,2FAuFhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACjI,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,2FA4FhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}