@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/alert.js

@@ -1,101 +1,179 @@
 "use client";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { IconInfoCircle as i, IconAlertCircle as y, IconAlertTriangle as C, IconCircleCheck as A, IconX as k } from "@tabler/icons-react";
+import { a as e, c as t } from "../_chunks/framer.js";
+import { motionProps as n, springs as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import { Icon as o } from "./icon.js";
 import * as s from "react";
-import { a as V } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import { springs as S, motionProps as j } from "./lib/motion.js";
-import { Icon as l } from "./icon.js";
-import { A as R, m as E } from "../_chunks/framer.js";
-const P = V(
-  "relative flex rounded-ds-lg border",
-  {
-    variants: {
-      variant: {
-        subtle: "",
-        filled: "",
-        outline: ""
-      },
-      color: {
-        info: "",
-        success: "",
-        warning: "",
-        error: "",
-        neutral: ""
-      },
-      size: {
-        sm: "gap-ds-03 p-ds-03",
-        md: "gap-ds-04 p-ds-05",
-        lg: "gap-ds-05 p-ds-07"
-      }
-    },
-    compoundVariants: [
-      // subtle (surface bg) — default, matches previous behavior
-      { variant: "subtle", color: "info", className: "bg-info-3 border-info-7 text-info-11" },
-      { variant: "subtle", color: "success", className: "bg-success-3 border-success-7 text-success-11" },
-      { variant: "subtle", color: "warning", className: "bg-warning-3 border-warning-7 text-warning-11" },
-      { variant: "subtle", color: "error", className: "bg-error-3 border-error-7 text-error-11" },
-      { variant: "subtle", color: "neutral", className: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" },
-      // filled (solid bg, white text)
-      { variant: "filled", color: "info", className: "bg-info-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "success", className: "bg-success-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "warning", className: "bg-warning-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "error", className: "bg-error-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "neutral", className: "bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted" },
-      // outline (transparent bg, colored border)
-      { variant: "outline", color: "info", className: "bg-transparent border-info-7 text-info-11" },
-      { variant: "outline", color: "success", className: "bg-transparent border-success-7 text-success-11" },
-      { variant: "outline", color: "warning", className: "bg-transparent border-warning-7 text-warning-11" },
-      { variant: "outline", color: "error", className: "bg-transparent border-error-7 text-error-11" },
-      { variant: "outline", color: "neutral", className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" }
-    ],
-    defaultVariants: { variant: "subtle", color: "info", size: "md" }
-  }
-), T = {
-  info: i,
-  success: A,
-  warning: C,
-  error: y,
-  neutral: i
-}, D = s.forwardRef(
-  ({ className: d, variant: m = "subtle", color: a = "info", size: e = "md", title: n, onDismiss: o, children: f, ...g }, u) => {
-    const b = T[a ?? "info"], [x, v] = s.useState(!0), p = s.useCallback(() => {
-      v(!1);
-    }, []), N = e === "sm" ? "sm" : e === "lg" ? "lg" : "md", h = e === "sm" ? "xs" : "sm", w = e === "sm" ? "text-ds-xs" : "text-ds-md", I = e === "sm" ? "text-ds-sm" : e === "lg" ? "text-ds-lg" : "text-ds-md";
-    return /* @__PURE__ */ r(R, { onExitComplete: o, children: x && /* @__PURE__ */ c(
-      E.div,
-      {
-        ref: u,
-        initial: { opacity: 1, y: 0 },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: -8 },
-        transition: S.snappy,
-        className: t(P({ variant: m, color: a, size: e }), d),
-        role: "alert",
-        ...j(g),
-        children: [
-          /* @__PURE__ */ r(l, { icon: b, size: N, className: "mt-ds-01 shrink-0" }),
-          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
-            n && /* @__PURE__ */ r("p", { className: t(I, "font-semibold mb-ds-01"), children: n }),
-            /* @__PURE__ */ r("div", { className: t(w, "text-surface-fg-muted"), children: f })
-          ] }),
-          o && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: p,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-              "aria-label": "Dismiss",
-              children: /* @__PURE__ */ r(l, { icon: k, size: h })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-D.displayName = "Alert";
-export {
-  D as Alert,
-  P as alertVariants
-};
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { IconAlertCircle as u, IconAlertTriangle as d, IconCircleCheck as f, IconInfoCircle as p, IconX as m } from "@tabler/icons-react";
+//#region src/ui/alert.tsx
+var h = i("relative flex rounded-ds-lg border", {
+	variants: {
+		variant: {
+			subtle: "",
+			filled: "",
+			outline: ""
+		},
+		color: {
+			info: "",
+			success: "",
+			warning: "",
+			error: "",
+			neutral: ""
+		},
+		size: {
+			sm: "gap-ds-03 p-ds-03",
+			md: "gap-ds-04 p-ds-05",
+			lg: "gap-ds-05 p-ds-07"
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "subtle",
+			color: "info",
+			className: "bg-info-3 border-info-7 text-info-11"
+		},
+		{
+			variant: "subtle",
+			color: "success",
+			className: "bg-success-3 border-success-7 text-success-11"
+		},
+		{
+			variant: "subtle",
+			color: "warning",
+			className: "bg-warning-3 border-warning-7 text-warning-11"
+		},
+		{
+			variant: "subtle",
+			color: "error",
+			className: "bg-error-3 border-error-7 text-error-11"
+		},
+		{
+			variant: "subtle",
+			color: "neutral",
+			className: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
+		},
+		{
+			variant: "filled",
+			color: "info",
+			className: "bg-info-9 text-accent-fg border-transparent [&>svg]:text-accent-fg"
+		},
+		{
+			variant: "filled",
+			color: "success",
+			className: "bg-success-9 text-accent-fg border-transparent [&>svg]:text-accent-fg"
+		},
+		{
+			variant: "filled",
+			color: "warning",
+			className: "bg-warning-9 text-accent-fg border-transparent [&>svg]:text-accent-fg"
+		},
+		{
+			variant: "filled",
+			color: "error",
+			className: "bg-error-9 text-accent-fg border-transparent [&>svg]:text-accent-fg"
+		},
+		{
+			variant: "filled",
+			color: "neutral",
+			className: "bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted"
+		},
+		{
+			variant: "outline",
+			color: "info",
+			className: "bg-transparent border-info-7 text-info-11"
+		},
+		{
+			variant: "outline",
+			color: "success",
+			className: "bg-transparent border-success-7 text-success-11"
+		},
+		{
+			variant: "outline",
+			color: "warning",
+			className: "bg-transparent border-warning-7 text-warning-11"
+		},
+		{
+			variant: "outline",
+			color: "error",
+			className: "bg-transparent border-error-7 text-error-11"
+		},
+		{
+			variant: "outline",
+			color: "neutral",
+			className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
+		}
+	],
+	defaultVariants: {
+		variant: "subtle",
+		color: "info",
+		size: "md"
+	}
+}), g = {
+	info: p,
+	success: f,
+	warning: d,
+	error: u,
+	neutral: p
+}, _ = s.forwardRef(({ className: i, variant: u = "subtle", color: d = "info", size: f = "md", title: p, onDismiss: _, children: v, ...y }, b) => {
+	let x = g[d ?? "info"], [S, C] = s.useState(!0), w = s.useCallback(() => {
+		C(!1);
+	}, []), T = f === "sm" ? "sm" : f === "lg" ? "lg" : "md", E = f === "sm" ? "xs" : "sm", D = f === "sm" ? "text-ds-xs" : "text-ds-md", O = f === "sm" ? "text-ds-sm" : f === "lg" ? "text-ds-lg" : "text-ds-md";
+	return /* @__PURE__ */ c(t, {
+		onExitComplete: _,
+		children: S && /* @__PURE__ */ l(e.div, {
+			ref: b,
+			initial: {
+				opacity: 1,
+				y: 0
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: -8
+			},
+			transition: r.snappy,
+			className: a(h({
+				variant: u,
+				color: d,
+				size: f
+			}), i),
+			role: "alert",
+			...n(y),
+			children: [
+				/* @__PURE__ */ c(o, {
+					icon: x,
+					size: T,
+					className: "mt-ds-01 shrink-0"
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex-1 min-w-0",
+					children: [p && /* @__PURE__ */ c("p", {
+						className: a(O, "font-semibold mb-ds-01"),
+						children: p
+					}), /* @__PURE__ */ c("div", {
+						className: a(D, "text-surface-fg-muted"),
+						children: v
+					})]
+				}),
+				_ && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: w,
+					className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Dismiss",
+					children: /* @__PURE__ */ c(o, {
+						icon: m,
+						size: E
+					})
+				})
+			]
+		})
+	});
+});
+_.displayName = "Alert";
+//#endregion
+export { _ as Alert, h as alertVariants };

package/dist/ui/aspect-ratio.js

@@ -1,17 +1,14 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import * as m from "react";
-import { f as s } from "../_chunks/primitives.js";
-import { cn as p } from "./lib/utils.js";
-const e = m.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
-  s,
-  {
-    ref: r,
-    className: p(o),
-    ...t
-  }
-));
-e.displayName = "AspectRatio";
-export {
-  e as AspectRatio
-};
+import { dn as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/aspect-ratio.tsx
+var i = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ r(e, {
+	ref: a,
+	className: t(n),
+	...i
+}));
+i.displayName = "AspectRatio";
+//#endregion
+export { i as AspectRatio };

package/dist/ui/autocomplete.js

@@ -1,149 +1,113 @@
 "use client";
-import { jsxs as j, jsx as d } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as p } from "./lib/utils.js";
-import { tweens as L, springs as P } from "./lib/motion.js";
-import { A as q, m as v } from "../_chunks/framer.js";
-const z = {
-  hidden: {},
-  visible: { transition: { staggerChildren: 0.03 } }
-}, B = {
-  hidden: { opacity: 0, y: 4 },
-  visible: { opacity: 1, y: 0, transition: P.snappy }
-}, F = t.forwardRef(
-  ({
-    options: b,
-    value: u,
-    onValueChange: g,
-    placeholder: I,
-    emptyText: R = "No options",
-    disabled: y,
-    className: A,
-    id: C,
-    ...E
-  }, i) => {
-    const N = t.useId(), x = C || N, w = `${x}-listbox`, k = `${x}-option`, [f, h] = t.useState(u?.label ?? ""), [l, r] = t.useState(!1), [s, o] = t.useState(-1), $ = t.useRef(null), M = t.useRef(null), D = t.useRef(null), S = t.useCallback(
-      (e) => {
-        $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-      },
-      [i]
-    );
-    t.useEffect(() => {
-      h(u?.label ?? "");
-    }, [u]), t.useEffect(() => () => {
-    }, []);
-    const n = t.useMemo(
-      () => f ? b.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : b,
-      [b, f]
-    ), m = t.useCallback(
-      (e) => {
-        h(e.label), r(!1), o(-1), g?.(e);
-      },
-      [g]
-    ), K = t.useCallback(
-      (e) => {
-        if (!l) {
-          (e.key === "ArrowDown" || e.key === "Enter") && r(!0);
-          return;
-        }
-        switch (e.key) {
-          case "ArrowDown":
-            e.preventDefault(), o((a) => Math.min(a + 1, n.length - 1));
-            break;
-          case "ArrowUp":
-            e.preventDefault(), o((a) => Math.max(a - 1, 0));
-            break;
-          case "Enter":
-            e.preventDefault(), s >= 0 && n[s] && m(n[s]);
-            break;
-          case "Escape":
-            r(!1), o(-1);
-            break;
-        }
-      },
-      [l, n, s, m]
-    ), O = s >= 0 ? `${k}-${s}` : void 0;
-    return /* @__PURE__ */ j("div", { ref: D, className: p("relative", A), ...E, children: [
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ref: S,
-          type: "text",
-          role: "combobox",
-          "aria-expanded": l,
-          "aria-autocomplete": "list",
-          "aria-controls": l ? w : void 0,
-          "aria-activedescendant": O,
-          value: f,
-          placeholder: I,
-          disabled: y,
-          className: p(
-            "flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle",
-            "outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]",
-            "transition-colors duration-fast-01",
-            y && "opacity-action-disabled cursor-not-allowed"
-          ),
-          onChange: (e) => {
-            h(e.target.value), r(!0), o(-1);
-          },
-          onFocus: () => r(!0),
-          onBlur: (e) => {
-            D.current?.contains(e.relatedTarget) || r(!1);
-          },
-          onKeyDown: K
-        }
-      ),
-      /* @__PURE__ */ d(q, { children: l && /* @__PURE__ */ d(
-        v.ul,
-        {
-          id: w,
-          ref: M,
-          role: "listbox",
-          initial: "hidden",
-          animate: "visible",
-          exit: "hidden",
-          variants: z,
-          className: p(
-            "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover",
-            "max-h-60"
-          ),
-          children: n.length === 0 ? /* @__PURE__ */ d(
-            v.li,
-            {
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              transition: L.fade,
-              className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
-              children: R
-            }
-          ) : n.map((e, a) => /* @__PURE__ */ d(
-            v.li,
-            {
-              id: `${k}-${a}`,
-              role: "option",
-              "aria-selected": s === a,
-              variants: B,
-              className: p(
-                "cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01",
-                s === a && "bg-accent-3",
-                u?.value === e.value && "font-semibold"
-              ),
-              onMouseDown: (c) => c.preventDefault(),
-              onClick: () => m(e),
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.preventDefault(), m(e));
-              },
-              onMouseEnter: () => o(a),
-              children: e.label
-            },
-            e.value
-          ))
-        }
-      ) })
-    ] });
-  }
-);
-F.displayName = "Autocomplete";
-export {
-  F as Autocomplete
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n, tweens as r } from "./lib/motion.js";
+import { cn as i } from "./lib/utils.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ui/autocomplete.tsx
+var c = {
+	hidden: {},
+	visible: { transition: { staggerChildren: .03 } }
+}, l = {
+	hidden: {
+		opacity: 0,
+		y: 4
+	},
+	visible: {
+		opacity: 1,
+		y: 0,
+		transition: n.snappy
+	}
+}, u = a.forwardRef(({ options: n, value: u, onValueChange: d, placeholder: f, emptyText: p = "No options", disabled: m, className: h, id: g, ..._ }, v) => {
+	let y = a.useId(), b = g || y, x = `${b}-listbox`, S = `${b}-option`, [C, w] = a.useState(u?.label ?? ""), [T, E] = a.useState(!1), [D, O] = a.useState(-1), k = a.useRef(null), A = a.useRef(null), j = a.useRef(null), M = a.useCallback((e) => {
+		k.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+	}, [v]);
+	a.useEffect(() => {
+		w(u?.label ?? "");
+	}, [u]), a.useEffect(() => () => {}, []);
+	let N = a.useMemo(() => C ? n.filter((e) => e.label.toLowerCase().includes(C.toLowerCase())) : n, [n, C]), P = a.useCallback((e) => {
+		w(e.label), E(!1), O(-1), d?.(e);
+	}, [d]), F = a.useCallback((e) => {
+		if (!T) {
+			(e.key === "ArrowDown" || e.key === "Enter") && E(!0);
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), O((e) => Math.min(e + 1, N.length - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), O((e) => Math.max(e - 1, 0));
+				break;
+			case "Enter":
+				e.preventDefault(), D >= 0 && N[D] && P(N[D]);
+				break;
+			case "Escape":
+				E(!1), O(-1);
+				break;
+		}
+	}, [
+		T,
+		N,
+		D,
+		P
+	]), I = D >= 0 ? `${S}-${D}` : void 0;
+	return /* @__PURE__ */ s("div", {
+		ref: j,
+		className: i("relative", h),
+		..._,
+		children: [/* @__PURE__ */ o("input", {
+			ref: M,
+			type: "text",
+			role: "combobox",
+			"aria-expanded": T,
+			"aria-autocomplete": "list",
+			"aria-controls": T ? x : void 0,
+			"aria-activedescendant": I,
+			value: C,
+			placeholder: f,
+			disabled: m,
+			className: i("flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]", "transition-colors duration-fast-01", m && "opacity-action-disabled cursor-not-allowed"),
+			onChange: (e) => {
+				w(e.target.value), E(!0), O(-1);
+			},
+			onFocus: () => E(!0),
+			onBlur: (e) => {
+				j.current?.contains(e.relatedTarget) || E(!1);
+			},
+			onKeyDown: F
+		}), /* @__PURE__ */ o(t, { children: T && /* @__PURE__ */ o(e.ul, {
+			id: x,
+			ref: A,
+			role: "listbox",
+			initial: "hidden",
+			animate: "visible",
+			exit: "hidden",
+			variants: c,
+			className: i("absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover", "max-h-60"),
+			children: N.length === 0 ? /* @__PURE__ */ o(e.li, {
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				transition: r.fade,
+				className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
+				children: p
+			}) : N.map((t, n) => /* @__PURE__ */ o(e.li, {
+				id: `${S}-${n}`,
+				role: "option",
+				"aria-selected": D === n,
+				variants: l,
+				className: i("cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01", D === n && "bg-accent-3", u?.value === t.value && "font-semibold"),
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => P(t),
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), P(t));
+				},
+				onMouseEnter: () => O(n),
+				children: t.label
+			}, t.value))
+		}) })]
+	});
+});
+u.displayName = "Autocomplete";
+//#endregion
+export { u as Autocomplete };