@devalok/shilp-sutra 0.34.0 → 0.34.1

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/number-input.js

@@ -1,96 +1,73 @@
 "use client";
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import * as w from "react";
-import { IconMinus as y, IconPlus as E } from "@tabler/icons-react";
-import { cn as j } from "./lib/utils.js";
-import { useFormField as D } from "./form.js";
-import { Icon as f } from "./icon.js";
-const M = w.forwardRef(
-  ({
-    value: r = 0,
-    onValueChange: n,
-    min: t = Number.MIN_SAFE_INTEGER,
-    max: o = Number.MAX_SAFE_INTEGER,
-    step: i = 1,
-    disabled: c = !1,
-    className: m,
-    "aria-label": b,
-    ...d
-  }, p) => {
-    const u = D(), h = b ?? (d.id || u.helperTextId ? void 0 : "Numeric value"), v = (s) => {
-      const e = s.target.value.trim();
-      if (e === "" || e === "-") {
-        n?.(t >= 0 ? t : 0);
-        return;
-      }
-      const l = Number(e);
-      if (Number.isNaN(l)) return;
-      const I = Math.min(Math.max(l, t), o);
-      n?.(I);
-    }, N = (s) => {
-      s.preventDefault();
-      const e = r + i;
-      e <= o && n?.(e);
-    }, x = (s) => {
-      s.preventDefault();
-      const e = r - i;
-      e >= t && n?.(e);
-    };
-    return /* @__PURE__ */ g(
-      "div",
-      {
-        className: j(
-          "flex items-center justify-between rounded-ds-full border border-surface-border-strong",
-          m
-        ),
-        children: [
-          /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              onClick: x,
-              disabled: c || r <= t,
-              "aria-label": "Decrease value",
-              title: "Decrease",
-              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,transform] duration-fast-01 ease-productive-standard",
-              children: /* @__PURE__ */ a(f, { icon: y, size: "sm" })
-            }
-          ),
-          /* @__PURE__ */ a(
-            "input",
-            {
-              ref: p,
-              type: "number",
-              value: r,
-              onChange: v,
-              min: t,
-              max: o,
-              step: i,
-              disabled: c,
-              "aria-label": h,
-              "aria-describedby": d["aria-describedby"] ?? u.helperTextId,
-              className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-              ...d
-            }
-          ),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              onClick: N,
-              disabled: c || r >= o,
-              "aria-label": "Increase value",
-              title: "Increase",
-              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,transform] duration-fast-01 ease-productive-standard",
-              children: /* @__PURE__ */ a(f, { icon: E, size: "sm" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-M.displayName = "NumberInput";
-export {
-  M as NumberInput
-};
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { useFormField as n } from "./form.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconMinus as o, IconPlus as s } from "@tabler/icons-react";
+//#region src/ui/number-input.tsx
+var c = r.forwardRef(({ value: r = 0, onValueChange: c, min: l = -(2 ** 53 - 1), max: u = 2 ** 53 - 1, step: d = 1, disabled: f = !1, className: p, "aria-label": m, ...h }, g) => {
+	let _ = n(), v = m ?? (h.id || _.helperTextId ? void 0 : "Numeric value"), y = (e) => {
+		let t = e.target.value.trim();
+		if (t === "" || t === "-") {
+			c?.(l >= 0 ? l : 0);
+			return;
+		}
+		let n = Number(t);
+		Number.isNaN(n) || c?.(Math.min(Math.max(n, l), u));
+	}, b = (e) => {
+		e.preventDefault();
+		let t = r + d;
+		t <= u && c?.(t);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("flex items-center justify-between rounded-ds-full border border-surface-border-strong", p),
+		children: [
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: (e) => {
+					e.preventDefault();
+					let t = r - d;
+					t >= l && c?.(t);
+				},
+				disabled: f || r <= l,
+				"aria-label": "Decrease value",
+				title: "Decrease",
+				className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,transform] duration-fast-01 ease-productive-standard",
+				children: /* @__PURE__ */ i(t, {
+					icon: o,
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ i("input", {
+				ref: g,
+				type: "number",
+				value: r,
+				onChange: y,
+				min: l,
+				max: u,
+				step: d,
+				disabled: f,
+				"aria-label": v,
+				"aria-describedby": h["aria-describedby"] ?? _.helperTextId,
+				className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+				...h
+			}),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: b,
+				disabled: f || r >= u,
+				"aria-label": "Increase value",
+				title: "Increase",
+				className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,transform] duration-fast-01 ease-productive-standard",
+				children: /* @__PURE__ */ i(t, {
+					icon: s,
+					size: "sm"
+				})
+			})
+		]
+	});
+});
+c.displayName = "NumberInput";
+//#endregion
+export { c as NumberInput };