@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/navigation-menu.js

@@ -1,198 +1,168 @@
 "use client";
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import * as a from "react";
-import { b9 as N, ba as h, bb as w, bc as x, bd as R, be as M, bf as O, bg as V } from "../_chunks/primitives.js";
-import { IconChevronDown as L } from "@tabler/icons-react";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../_chunks/primitives.js";
+import { a as c } from "../_chunks/framer.js";
+import { springs as l, tweens as u } from "./lib/motion.js";
 import { cn as d } from "./lib/utils.js";
-import { tweens as g, springs as I } from "./lib/motion.js";
-import { Icon as S } from "./icon.js";
-import { m as y } from "../_chunks/framer.js";
-const W = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__ */ v(
-  N,
-  {
-    ref: r,
-    className: d(
-      "relative z-raised flex max-w-max flex-1 items-center justify-center",
-      n
-    ),
-    ...t,
-    children: [
-      o,
-      /* @__PURE__ */ c(j, {})
-    ]
-  }
-));
-W.displayName = N.displayName;
-const z = a.forwardRef(({ className: n, ...o }, t) => /* @__PURE__ */ c(
-  h,
-  {
-    ref: t,
-    className: d(
-      "group flex flex-1 list-none items-center justify-center space-x-ds-02",
-      n
-    ),
-    ...o
-  }
-));
-z.displayName = h.displayName;
-const P = O, D = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__ */ v(
-  w,
-  {
-    ref: r,
-    className: d(
-      "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-raised-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled",
-      n
-    ),
-    ...t,
-    children: [
-      o,
-      " ",
-      /* @__PURE__ */ c(S, { icon: L, size: "sm", className: "relative top-[1px] ml-ds-02 transition-transform duration-moderate-02 group-data-[state=open]:rotate-180" })
-    ]
-  }
-));
-D.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 }
-}, E = a.forwardRef(({ className: n, ...o }, t) => {
-  const r = a.useRef(null), m = a.useCallback(
-    (s) => {
-      r.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
-    },
-    [t]
-  ), [i, l] = a.useState(null);
-  a.useEffect(() => {
-    const s = r.current;
-    if (!s) return;
-    const u = s.getAttribute("data-motion");
-    u && l(u);
-    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: d(
-        "left-0 top-0 w-full md:absolute md:w-auto",
-        n
-      ),
-      ...o,
-      children: /* @__PURE__ */ c(
-        y.div,
-        {
-          initial: e,
-          animate: p,
-          transition: { ...I.smooth, opacity: g.fade },
-          className: "w-full",
-          children: o.children
-        },
-        i
-      )
-    }
-  );
+import { Icon as f } from "./icon.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { IconChevronDown as g } from "@tabler/icons-react";
+//#region src/ui/navigation-menu.tsx
+var _ = p.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ h(i, {
+	ref: r,
+	className: d("relative z-raised flex max-w-max flex-1 items-center justify-center", e),
+	...n,
+	children: [t, /* @__PURE__ */ m(w, {})]
+}));
+_.displayName = i.displayName;
+var v = p.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ m(e, {
+	ref: r,
+	className: d("group flex flex-1 list-none items-center justify-center space-x-ds-02", t),
+	...n
+}));
+v.displayName = e.displayName;
+var y = a, b = p.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ h(o, {
+	ref: r,
+	className: d("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-raised-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled", e),
+	...n,
+	children: [
+		t,
+		" ",
+		/* @__PURE__ */ m(f, {
+			icon: g,
+			size: "sm",
+			className: "relative top-[1px] ml-ds-02 transition-transform duration-moderate-02 group-data-[state=open]:rotate-180"
+		})
+	]
+}));
+b.displayName = o.displayName;
+var x = {
+	"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
+	}
+}, S = p.forwardRef(({ className: e, ...t }, n) => {
+	let r = p.useRef(null), i = p.useCallback((e) => {
+		r.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+	}, [n]), [a, o] = p.useState(null);
+	p.useEffect(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = e.getAttribute("data-motion");
+		t && o(t);
+		let n = new MutationObserver((t) => {
+			for (let n of t) n.attributeName === "data-motion" && o(e.getAttribute("data-motion"));
+		});
+		return n.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-motion"]
+		}), () => n.disconnect();
+	}, []);
+	let f = a && a.startsWith("from-") ? x[a] : a && a.startsWith("to-") ? x.center : {
+		x: 0,
+		opacity: 0
+	}, h = a && a.startsWith("from-") ? x.center : a && a.startsWith("to-") ? x[a] : x.center;
+	return /* @__PURE__ */ m(s, {
+		ref: i,
+		className: d("left-0 top-0 w-full md:absolute md:w-auto", e),
+		...t,
+		children: /* @__PURE__ */ m(c.div, {
+			initial: f,
+			animate: h,
+			transition: {
+				...l.smooth,
+				opacity: u.fade
+			},
+			className: "w-full",
+			children: t.children
+		}, a)
+	});
 });
-E.displayName = x.displayName;
-const Q = V, j = a.forwardRef(({ className: n, ...o }, t) => {
-  const r = a.useRef(null), m = a.useCallback(
-    (e) => {
-      r.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
-    },
-    [t]
-  ), [i, l] = a.useState(!1);
-  return a.useEffect(() => {
-    const e = r.current;
-    if (!e) return;
-    const p = e.getAttribute("data-state");
-    l(p === "open");
-    const s = new MutationObserver((u) => {
-      for (const f of u)
-        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: d("absolute left-0 top-full flex justify-center"), children: [
-    /* @__PURE__ */ c(
-      R,
-      {
-        className: d(
-          "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-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]",
-          n
-        ),
-        ref: m,
-        ...o
-      }
-    ),
-    /* @__PURE__ */ c(
-      y.div,
-      {
-        "aria-hidden": !0,
-        className: "absolute inset-0 pointer-events-none",
-        initial: !1,
-        animate: i ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.95 },
-        transition: { ...I.smooth, opacity: g.fade }
-      }
-    )
-  ] });
+S.displayName = s.displayName;
+var C = n, w = p.forwardRef(({ className: e, ...n }, r) => {
+	let i = p.useRef(null), a = p.useCallback((e) => {
+		i.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+	}, [r]), [o, s] = p.useState(!1);
+	return p.useEffect(() => {
+		let e = i.current;
+		if (!e) return;
+		s(e.getAttribute("data-state") === "open");
+		let t = new MutationObserver((t) => {
+			for (let n of t) n.attributeName === "data-state" && s(e.getAttribute("data-state") === "open");
+		});
+		return t.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-state"]
+		}), () => t.disconnect();
+	}, []), /* @__PURE__ */ h("div", {
+		className: d("absolute left-0 top-full flex justify-center"),
+		children: [/* @__PURE__ */ m(t, {
+			className: d("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-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]", e),
+			ref: a,
+			...n
+		}), /* @__PURE__ */ m(c.div, {
+			"aria-hidden": !0,
+			className: "absolute inset-0 pointer-events-none",
+			initial: !1,
+			animate: o ? {
+				opacity: 1,
+				scale: 1
+			} : {
+				opacity: 0,
+				scale: .95
+			},
+			transition: {
+				...l.smooth,
+				opacity: u.fade
+			}
+		})]
+	});
 });
-j.displayName = R.displayName;
-const F = a.forwardRef(({ className: n, ...o }, t) => {
-  const r = a.useRef(null), m = a.useCallback(
-    (e) => {
-      r.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
-    },
-    [t]
-  ), [i, l] = a.useState(!1);
-  return a.useEffect(() => {
-    const e = r.current;
-    if (!e) return;
-    const p = e.getAttribute("data-state");
-    l(p === "visible");
-    const s = new MutationObserver((u) => {
-      for (const f of u)
-        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: d(
-        "top-full z-base flex h-ds-02b items-end justify-center overflow-hidden",
-        n
-      ),
-      ...o,
-      children: /* @__PURE__ */ c(
-        y.div,
-        {
-          layout: !0,
-          initial: !1,
-          animate: i ? { opacity: 1 } : { opacity: 0 },
-          transition: g.fade,
-          className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-surface-border shadow-raised-hover"
-        }
-      )
-    }
-  );
+w.displayName = t.displayName;
+var T = p.forwardRef(({ className: e, ...t }, n) => {
+	let i = p.useRef(null), a = p.useCallback((e) => {
+		i.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+	}, [n]), [o, s] = p.useState(!1);
+	return p.useEffect(() => {
+		let e = i.current;
+		if (!e) return;
+		s(e.getAttribute("data-state") === "visible");
+		let t = new MutationObserver((t) => {
+			for (let n of t) n.attributeName === "data-state" && s(e.getAttribute("data-state") === "visible");
+		});
+		return t.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-state"]
+		}), () => t.disconnect();
+	}, []), /* @__PURE__ */ m(r, {
+		ref: a,
+		className: d("top-full z-base flex h-ds-02b items-end justify-center overflow-hidden", e),
+		...t,
+		children: /* @__PURE__ */ m(c.div, {
+			layout: !0,
+			initial: !1,
+			animate: o ? { opacity: 1 } : { opacity: 0 },
+			transition: u.fade,
+			className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-surface-border shadow-raised-hover"
+		})
+	});
 });
-F.displayName = M.displayName;
-export {
-  W as NavigationMenu,
-  E as NavigationMenuContent,
-  F as NavigationMenuIndicator,
-  P as NavigationMenuItem,
-  Q as NavigationMenuLink,
-  z as NavigationMenuList,
-  D as NavigationMenuTrigger,
-  j as NavigationMenuViewport
-};
+T.displayName = r.displayName;
+//#endregion
+export { _ as NavigationMenu, S as NavigationMenuContent, T as NavigationMenuIndicator, y as NavigationMenuItem, C as NavigationMenuLink, v as NavigationMenuList, b as NavigationMenuTrigger, w as NavigationMenuViewport };

package/dist/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../src/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@primitives/react-navigation-menu'\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\n\nimport { cn } from './lib/utils'\nimport { springs, tweens } from './lib/motion'\nimport { Icon } from './icon'\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\n    className={cn(\n      'relative z-raised flex max-w-max flex-1 items-center justify-center',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <NavigationMenuViewport />\n  </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-1 list-none items-center justify-center space-x-ds-02',\n      className,\n    )}\n    {...props}\n  />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      '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-raised-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled',\n      className,\n    )}\n    {...props}\n  >\n    {children}{' '}\n    <Icon icon={IconChevronDown} size=\"sm\" className=\"relative top-[1px] ml-ds-02 transition-transform duration-moderate-02 group-data-[state=open]:rotate-180\" />\n  </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\n// ── NavigationMenuContent — directional slide using data-motion ──\n\nconst contentSlideVariants = {\n  'from-start': { x: '-13rem', opacity: 0 },\n  'from-end': { x: '13rem', opacity: 0 },\n  'to-start': { x: '-13rem', opacity: 0 },\n  'to-end': { x: '13rem', opacity: 0 },\n  center: { x: 0, opacity: 1 },\n} as const\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (innerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n    },\n    [ref],\n  )\n\n  const [motionDir, setMotionDir] = React.useState<string | null>(null)\n\n  // Observe data-motion attribute changes from Radix\n  React.useEffect(() => {\n    const el = innerRef.current\n    if (!el) return\n\n    // Read initial value\n    const initial = el.getAttribute('data-motion')\n    if (initial) setMotionDir(initial)\n\n    const observer = new MutationObserver((mutations) => {\n      for (const m of mutations) {\n        if (m.attributeName === 'data-motion') {\n          const val = el.getAttribute('data-motion')\n          setMotionDir(val)\n        }\n      }\n    })\n    observer.observe(el, { attributes: true, attributeFilter: ['data-motion'] })\n    return () => observer.disconnect()\n  }, [])\n\n  const initial = motionDir && motionDir.startsWith('from-')\n    ? contentSlideVariants[motionDir as keyof typeof contentSlideVariants]\n    : motionDir && motionDir.startsWith('to-')\n      ? contentSlideVariants.center\n      : { x: 0, opacity: 0 }\n\n  const animate = motionDir && motionDir.startsWith('from-')\n    ? contentSlideVariants.center\n    : motionDir && motionDir.startsWith('to-')\n      ? contentSlideVariants[motionDir as keyof typeof contentSlideVariants]\n      : contentSlideVariants.center\n\n  return (\n    <NavigationMenuPrimitive.Content\n      ref={composedRef}\n      className={cn(\n        'left-0 top-0 w-full md:absolute md:w-auto',\n        className,\n      )}\n      {...props}\n    >\n      <motion.div\n        key={motionDir}\n        initial={initial}\n        animate={animate}\n        transition={{ ...springs.smooth, opacity: tweens.fade }}\n        className=\"w-full\"\n      >\n        {props.children}\n      </motion.div>\n    </NavigationMenuPrimitive.Content>\n  )\n})\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\n// ── NavigationMenuViewport — scale + fade with layout for size changes ──\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (innerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n    },\n    [ref],\n  )\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    const el = innerRef.current\n    if (!el) return\n\n    const initial = el.getAttribute('data-state')\n    setIsOpen(initial === 'open')\n\n    const observer = new MutationObserver((mutations) => {\n      for (const m of mutations) {\n        if (m.attributeName === 'data-state') {\n          setIsOpen(el.getAttribute('data-state') === 'open')\n        }\n      }\n    })\n    observer.observe(el, { attributes: true, attributeFilter: ['data-state'] })\n    return () => observer.disconnect()\n  }, [])\n\n  return (\n    <div className={cn('absolute left-0 top-full flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        className={cn(\n          '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-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]',\n          className,\n        )}\n        ref={composedRef}\n        {...props}\n      />\n      {/* Overlay motion element for scale+fade animation */}\n      <motion.div\n        aria-hidden\n        className=\"absolute inset-0 pointer-events-none\"\n        initial={false}\n        animate={isOpen ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.95 }}\n        transition={{ ...springs.smooth, opacity: tweens.fade }}\n      />\n    </div>\n  )\n})\nNavigationMenuViewport.displayName =\n  NavigationMenuPrimitive.Viewport.displayName\n\n// ── NavigationMenuIndicator — fade + layout position sliding ──\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (innerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n    },\n    [ref],\n  )\n\n  const [isVisible, setIsVisible] = React.useState(false)\n\n  React.useEffect(() => {\n    const el = innerRef.current\n    if (!el) return\n\n    const initial = el.getAttribute('data-state')\n    setIsVisible(initial === 'visible')\n\n    const observer = new MutationObserver((mutations) => {\n      for (const m of mutations) {\n        if (m.attributeName === 'data-state') {\n          setIsVisible(el.getAttribute('data-state') === 'visible')\n        }\n      }\n    })\n    observer.observe(el, { attributes: true, attributeFilter: ['data-state'] })\n    return () => observer.disconnect()\n  }, [])\n\n  return (\n    <NavigationMenuPrimitive.Indicator\n      ref={composedRef}\n      className={cn(\n        'top-full z-base flex h-ds-02b items-end justify-center overflow-hidden',\n        className,\n      )}\n      {...props}\n    >\n      <motion.div\n        layout\n        initial={false}\n        animate={isVisible ? { opacity: 1 } : { opacity: 0 }}\n        transition={tweens.fade}\n        className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-surface-border shadow-raised-hover\"\n      />\n    </NavigationMenuPrimitive.Indicator>\n  )\n})\nNavigationMenuIndicator.displayName =\n  NavigationMenuPrimitive.Indicator.displayName\n\nexport type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\nexport type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,11 @@
 "use client";
+import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
+export type NumberInputState = 'default' | 'error' | 'warning' | 'success';
+declare const numberInputWrapperVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type NumberInputSize = NonNullable<VariantProps<typeof numberInputWrapperVariants>['size']>;
 /**
  * Props for NumberInput — a stepper control with "−" and "+" buttons flanking a numeric input,
  * clamped between `min` and `max`. The decrement/increment buttons are disabled when bounds are reached.
@@ -10,6 +16,11 @@ import * as React from 'react';
  * **Step:** The `step` prop controls how much each button press increments/decrements (default 1).
  * Direct text input is also clamped to `[min, max]` on change.
  *
+ * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)
+ *
+ * **Validation states:** `state="error"` colors the border red.
+ * Use with `<FormField>` to show helper text below the input.
+ *
  * @example
  * // Quantity selector with 1–99 range:
  * <NumberInput value={qty} onValueChange={setQty} min={1} max={99} />
@@ -33,7 +44,11 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     min?: number;
     max?: number;
     step?: number;
+    /** Size of the number input. Controls height, button sizes, text size. */
+    size?: NumberInputSize;
+    /** Validation state controlling border color. */
+    state?: NumberInputState;
 }
 declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
-export { NumberInput };
+export { NumberInput, numberInputWrapperVariants };
 //# sourceMappingURL=number-input.d.ts.map

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;AAM9B;;;;;;;;;;;;;;;;;;;;;;;;;;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,2FA8FhB,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;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAE1E,QAAA,MAAM,0BAA0B;;8EAa/B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAkClG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;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;IACb,0EAA0E;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,QAAA,MAAM,WAAW,2FAwHhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAA"}