@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/ui/status-dot.js

@@ -1,64 +1,68 @@
 "use client";
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import * as b from "react";
-import { cn as t } from "./lib/utils.js";
-const f = {
-  healthy: "bg-success-9",
-  warning: "bg-warning-9",
-  critical: "bg-error-9",
-  neutral: "bg-neutral-8",
-  inactive: "bg-neutral-6"
-}, w = {
-  healthy: "text-success-11",
-  warning: "text-warning-11",
-  critical: "text-error-11",
-  neutral: "text-surface-fg-muted",
-  inactive: "text-surface-fg-subtle"
-}, v = {
-  healthy: "border-success-9",
-  warning: "border-warning-9",
-  critical: "border-error-9",
-  neutral: "border-neutral-8",
-  inactive: "border-neutral-6"
-}, y = {
-  healthy: "bg-success-9/40",
-  warning: "bg-warning-9/40",
-  critical: "bg-error-9/40",
-  neutral: "bg-neutral-8/40",
-  inactive: "bg-neutral-6/40"
-}, N = {
-  sm: { dot: "h-1.5 w-1.5", pulse: "h-1.5 w-1.5", text: "text-ds-xs" },
-  md: { dot: "h-2 w-2", pulse: "h-2 w-2", text: "text-ds-sm" },
-  lg: { dot: "h-2.5 w-2.5", pulse: "h-2.5 w-2.5", text: "text-ds-sm" }
-}, C = b.forwardRef(
-  ({ status: e, size: s = "md", variant: i = "filled", pulse: o, label: r, labelClassName: c, className: d, "aria-label": u, ...g }, p) => {
-    const x = o ?? e === "healthy", a = N[s], m = r ? `${r} — ${e}` : `Status: ${e}`, h = i === "ring" ? t("relative inline-flex rounded-full border-[1.5px]", a.dot, v[e], "bg-transparent") : t("relative inline-flex rounded-full", a.dot, f[e]);
-    return /* @__PURE__ */ l(
-      "span",
-      {
-        ref: p,
-        role: "status",
-        "aria-label": u ?? m,
-        className: t("inline-flex items-center gap-ds-02", d),
-        ...g,
-        children: [
-          /* @__PURE__ */ l("span", { className: "relative inline-flex shrink-0", children: [
-            x && /* @__PURE__ */ n(
-              "span",
-              {
-                "data-pulse": "",
-                className: t("absolute inline-flex rounded-full animate-ping motion-reduce:animate-none", a.pulse, y[e])
-              }
-            ),
-            /* @__PURE__ */ n("span", { className: h })
-          ] }),
-          r && /* @__PURE__ */ n("span", { className: t(a.text, w[e], "font-sans", c), children: r })
-        ]
-      }
-    );
-  }
-);
-C.displayName = "StatusDot";
-export {
-  C as StatusDot
-};
+import { cn as e } from "./lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ui/status-dot.tsx
+var i = {
+	healthy: "bg-success-9",
+	warning: "bg-warning-9",
+	critical: "bg-error-9",
+	neutral: "bg-neutral-8",
+	inactive: "bg-neutral-6"
+}, a = {
+	healthy: "text-success-11",
+	warning: "text-warning-11",
+	critical: "text-error-11",
+	neutral: "text-surface-fg-muted",
+	inactive: "text-surface-fg-subtle"
+}, o = {
+	healthy: "border-success-9",
+	warning: "border-warning-9",
+	critical: "border-error-9",
+	neutral: "border-neutral-8",
+	inactive: "border-neutral-6"
+}, s = {
+	healthy: "bg-success-9/40",
+	warning: "bg-warning-9/40",
+	critical: "bg-error-9/40",
+	neutral: "bg-neutral-8/40",
+	inactive: "bg-neutral-6/40"
+}, c = {
+	sm: {
+		dot: "h-1.5 w-1.5",
+		pulse: "h-1.5 w-1.5",
+		text: "text-ds-xs"
+	},
+	md: {
+		dot: "h-2 w-2",
+		pulse: "h-2 w-2",
+		text: "text-ds-sm"
+	},
+	lg: {
+		dot: "h-2.5 w-2.5",
+		pulse: "h-2.5 w-2.5",
+		text: "text-ds-sm"
+	}
+}, l = t.forwardRef(({ status: t, size: l = "md", variant: u = "filled", pulse: d, label: f, labelClassName: p, className: m, "aria-label": h, ...g }, _) => {
+	let v = d ?? t === "healthy", y = c[l], b = f ? `${f} \u2014 ${t}` : `Status: ${t}`, x = u === "ring" ? e("relative inline-flex rounded-full border-[1.5px]", y.dot, o[t], "bg-transparent") : e("relative inline-flex rounded-full", y.dot, i[t]);
+	return /* @__PURE__ */ r("span", {
+		ref: _,
+		role: "status",
+		"aria-label": h ?? b,
+		className: e("inline-flex items-center gap-ds-02", m),
+		...g,
+		children: [/* @__PURE__ */ r("span", {
+			className: "relative inline-flex shrink-0",
+			children: [v && /* @__PURE__ */ n("span", {
+				"data-pulse": "",
+				className: e("absolute inline-flex rounded-full animate-ping motion-reduce:animate-none", y.pulse, s[t])
+			}), /* @__PURE__ */ n("span", { className: x })]
+		}), f && /* @__PURE__ */ n("span", {
+			className: e(y.text, a[t], "font-sans", p),
+			children: f
+		})]
+	});
+});
+l.displayName = "StatusDot";
+//#endregion
+export { l as StatusDot };

package/dist/ui/stepper.js

@@ -1,171 +1,122 @@
 "use client";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import * as s from "react";
-import { cn as i } from "./lib/utils.js";
-import { springs as x } from "./lib/motion.js";
-import { m as v, A as N } from "../_chunks/framer.js";
-const b = s.createContext({
-  activeStep: 0,
-  orientation: "horizontal",
-  stepperId: ""
-}), y = s.forwardRef(
-  ({ activeStep: e, orientation: r = "horizontal", className: d, children: o, ...c }, g) => {
-    const a = s.Children.toArray(o), p = s.useId(), f = s.useMemo(
-      () => ({ activeStep: e, orientation: r, stepperId: p }),
-      [e, r, p]
-    );
-    return /* @__PURE__ */ t(b.Provider, { value: f, children: /* @__PURE__ */ t(
-      "div",
-      {
-        ref: g,
-        className: i(
-          "flex gap-ds-02",
-          r === "vertical" ? "flex-col" : "flex-row items-center",
-          d
-        ),
-        role: "list",
-        ...c,
-        children: a.map((m, l) => /* @__PURE__ */ u(s.Fragment, { children: [
-          s.isValidElement(m) ? s.cloneElement(m, { _index: l }) : m,
-          l < a.length - 1 && /* @__PURE__ */ t(
-            "div",
-            {
-              className: i(
-                "relative flex-1 overflow-hidden",
-                r === "vertical" ? "ml-ds-04 w-ds-01 min-h-ds-05" : "h-ds-01 min-w-ds-05",
-                "bg-surface-border"
-              ),
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ t(
-                v.div,
-                {
-                  className: i(
-                    "absolute inset-0 bg-accent-9",
-                    r === "vertical" ? "origin-top" : "origin-left"
-                  ),
-                  initial: !1,
-                  animate: {
-                    [r === "vertical" ? "scaleY" : "scaleX"]: l < e ? 1 : 0
-                  },
-                  transition: x.smooth
-                }
-              )
-            }
-          )
-        ] }, l))
-      }
-    ) });
-  }
-), w = s.forwardRef(
-  ({ label: e, description: r, icon: d, className: o, ...c }, g) => {
-    const { _index: a = 0, ...p } = c, { activeStep: f, orientation: m, stepperId: l } = s.useContext(b), n = a < f ? "completed" : a === f ? "active" : "pending";
-    return /* @__PURE__ */ u(
-      "div",
-      {
-        ref: g,
-        "data-step": "",
-        "data-state": n,
-        role: "listitem",
-        "aria-current": n === "active" ? "step" : void 0,
-        "aria-label": `Step ${a + 1}: ${e}, ${n === "completed" ? "completed" : n === "active" ? "current" : "upcoming"}`,
-        className: i(
-          "flex items-center gap-ds-03",
-          m === "vertical" && "py-ds-02",
-          o
-        ),
-        ...p,
-        children: [
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: i(
-                "relative flex-shrink-0 flex items-center justify-center w-ds-sm h-ds-sm rounded-ds-full text-ds-sm font-semibold",
-                n === "completed" && "bg-accent-9 text-accent-fg",
-                n === "active" && "text-accent-fg",
-                n === "pending" && "bg-surface-raised text-surface-fg-subtle border border-surface-border-strong"
-              ),
-              children: [
-                n === "active" && /* @__PURE__ */ t(
-                  v.div,
-                  {
-                    layoutId: `${l}-stepper-active`,
-                    className: "absolute inset-0 rounded-ds-full bg-accent-9",
-                    transition: x.smooth
-                  }
-                ),
-                /* @__PURE__ */ t("span", { className: "relative z-10", children: d || (n === "completed" ? /* @__PURE__ */ t(
-                  v.svg,
-                  {
-                    className: "w-ico-sm h-ico-sm",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: 2.5,
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    initial: { scale: 0 },
-                    animate: { scale: 1 },
-                    transition: x.bouncy,
-                    children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
-                  }
-                ) : a + 1) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: i(
-                  "text-ds-md font-medium leading-ds-snug",
-                  n === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"
-                ),
-                children: e
-              }
-            ),
-            r && /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-muted leading-ds-relaxed", children: r })
-          ] })
-        ]
-      }
-    );
-  }
-), h = 40, C = {
-  enter: (e) => ({
-    opacity: 0,
-    x: e * h
-  }),
-  center: {
-    opacity: 1,
-    x: 0
-  },
-  exit: (e) => ({
-    opacity: 0,
-    x: e * -h
-  })
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "./lib/motion.js";
+import { cn as r } from "./lib/utils.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/stepper.tsx
+var s = i.createContext({
+	activeStep: 0,
+	orientation: "horizontal",
+	stepperId: ""
+}), c = i.forwardRef(({ activeStep: t, orientation: c = "horizontal", className: l, children: u, ...d }, f) => {
+	let p = i.Children.toArray(u), m = i.useId(), h = i.useMemo(() => ({
+		activeStep: t,
+		orientation: c,
+		stepperId: m
+	}), [
+		t,
+		c,
+		m
+	]);
+	return /* @__PURE__ */ a(s.Provider, {
+		value: h,
+		children: /* @__PURE__ */ a("div", {
+			ref: f,
+			className: r("flex gap-ds-02", c === "vertical" ? "flex-col" : "flex-row items-center", l),
+			role: "list",
+			...d,
+			children: p.map((s, l) => /* @__PURE__ */ o(i.Fragment, { children: [i.isValidElement(s) ? i.cloneElement(s, { _index: l }) : s, l < p.length - 1 && /* @__PURE__ */ a("div", {
+				className: r("relative flex-1 overflow-hidden", c === "vertical" ? "ml-ds-04 w-ds-01 min-h-ds-05" : "h-ds-01 min-w-ds-05", "bg-surface-border"),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ a(e.div, {
+					className: r("absolute inset-0 bg-accent-9", c === "vertical" ? "origin-top" : "origin-left"),
+					initial: !1,
+					animate: { [c === "vertical" ? "scaleY" : "scaleX"]: +(l < t) },
+					transition: n.smooth
+				})
+			})] }, l))
+		})
+	});
+}), l = i.forwardRef(({ label: t, description: c, icon: l, className: u, ...d }, f) => {
+	let { _index: p = 0, ...m } = d, { activeStep: h, orientation: g, stepperId: _ } = i.useContext(s), v = p < h ? "completed" : p === h ? "active" : "pending";
+	return /* @__PURE__ */ o("div", {
+		ref: f,
+		"data-step": "",
+		"data-state": v,
+		role: "listitem",
+		"aria-current": v === "active" ? "step" : void 0,
+		"aria-label": `Step ${p + 1}: ${t}, ${v === "completed" ? "completed" : v === "active" ? "current" : "upcoming"}`,
+		className: r("flex items-center gap-ds-03", g === "vertical" && "py-ds-02", u),
+		...m,
+		children: [/* @__PURE__ */ o("div", {
+			className: r("relative flex-shrink-0 flex items-center justify-center w-ds-sm h-ds-sm rounded-ds-full text-ds-sm font-semibold", v === "completed" && "bg-accent-9 text-accent-fg", v === "active" && "text-accent-fg", v === "pending" && "bg-surface-raised text-surface-fg-subtle border border-surface-border-strong"),
+			children: [v === "active" && /* @__PURE__ */ a(e.div, {
+				layoutId: `${_}-stepper-active`,
+				className: "absolute inset-0 rounded-ds-full bg-accent-9",
+				transition: n.smooth
+			}), /* @__PURE__ */ a("span", {
+				className: "relative z-10",
+				children: l || (v === "completed" ? /* @__PURE__ */ a(e.svg, {
+					className: "w-ico-sm h-ico-sm",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: 2.5,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					initial: { scale: 0 },
+					animate: { scale: 1 },
+					transition: n.bouncy,
+					children: /* @__PURE__ */ a("polyline", { points: "20 6 9 17 4 12" })
+				}) : p + 1)
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ a("span", {
+				className: r("text-ds-md font-medium leading-ds-snug", v === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"),
+				children: t
+			}), c && /* @__PURE__ */ a("span", {
+				className: "text-ds-sm text-surface-fg-muted leading-ds-relaxed",
+				children: c
+			})]
+		})]
+	});
+}), u = 40, d = {
+	enter: (e) => ({
+		opacity: 0,
+		x: e * u
+	}),
+	center: {
+		opacity: 1,
+		x: 0
+	},
+	exit: (e) => ({
+		opacity: 0,
+		x: e * -u
+	})
 };
-function S({ activeStep: e, children: r, className: d }) {
-  const o = s.useRef(e), c = e >= o.current ? 1 : -1;
-  return s.useEffect(() => {
-    o.current = e;
-  }, [e]), /* @__PURE__ */ t("div", { className: i("relative overflow-hidden", d), children: /* @__PURE__ */ t(N, { mode: "wait", custom: c, children: /* @__PURE__ */ t(
-    v.div,
-    {
-      custom: c,
-      variants: C,
-      initial: "enter",
-      animate: "center",
-      exit: "exit",
-      transition: x.smooth,
-      children: r
-    },
-    e
-  ) }) });
+function f({ activeStep: o, children: s, className: c }) {
+	let l = i.useRef(o), u = o >= l.current ? 1 : -1;
+	return i.useEffect(() => {
+		l.current = o;
+	}, [o]), /* @__PURE__ */ a("div", {
+		className: r("relative overflow-hidden", c),
+		children: /* @__PURE__ */ a(t, {
+			mode: "wait",
+			custom: u,
+			children: /* @__PURE__ */ a(e.div, {
+				custom: u,
+				variants: d,
+				initial: "enter",
+				animate: "center",
+				exit: "exit",
+				transition: n.smooth,
+				children: s
+			}, o)
+		})
+	});
 }
-y.displayName = "Stepper";
-w.displayName = "Step";
-S.displayName = "StepperContent";
-export {
-  w as Step,
-  y as Stepper,
-  S as StepperContent
-};
+c.displayName = "Stepper", l.displayName = "Step", f.displayName = "StepperContent";
+//#endregion
+export { l as Step, c as Stepper, f as StepperContent };

package/dist/ui/switch.js

@@ -1,57 +1,54 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { at as e, it as t } from "../_chunks/primitives.js";
+import { a as n } from "../_chunks/framer.js";
+import { springs as r } from "./lib/motion.js";
+import { cn as i } from "./lib/utils.js";
 import * as a from "react";
-import { am as c, an as C } from "../_chunks/primitives.js";
-import { springs as y } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { m as N } from "../_chunks/framer.js";
-const R = {
-  sm: { track: "h-6 w-[38px]", thumb: "h-5 w-5", travel: 16 },
-  md: { track: "h-6 w-11", thumb: "h-ico-md w-ico-md", travel: 20 },
-  lg: { track: "h-7 w-[52px]", thumb: "h-6 w-6", travel: 24 }
-}, j = {
-  accent: "data-[state=checked]:bg-accent-9",
-  success: "data-[state=checked]:bg-success-9",
-  warning: "data-[state=checked]:bg-warning-9"
-}, S = a.forwardRef(({ className: i, error: d, size: l = "md", color: h = "accent", thumbIcon: m, checked: e, defaultChecked: r, onCheckedChange: s, ...u }, b) => {
-  const [f, p] = a.useState(r ?? !1), g = e !== void 0 ? e : f, { track: w, thumb: v, travel: k } = R[l], x = a.useCallback(
-    (o) => {
-      e === void 0 && p(o), s?.(o);
-    },
-    [e, s]
-  );
-  return /* @__PURE__ */ t(
-    c,
-    {
-      className: n(
-        "touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active",
-        w,
-        j[h],
-        d && "border-error-7 data-[state=checked]:bg-error-9",
-        i
-      ),
-      checked: e,
-      defaultChecked: r,
-      onCheckedChange: x,
-      ...u,
-      ref: b,
-      children: /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
-        N.span,
-        {
-          className: n(
-            "pointer-events-none flex items-center justify-center rounded-ds-full bg-accent-fg shadow-raised-hover ring-0",
-            v
-          ),
-          animate: { x: g ? k : 0 },
-          whileTap: { scale: 0.85 },
-          transition: y.snappy,
-          children: m
-        }
-      ) })
-    }
-  );
+import { jsx as o } from "react/jsx-runtime";
+//#region src/ui/switch.tsx
+var s = {
+	sm: {
+		track: "h-6 w-[38px]",
+		thumb: "h-5 w-5",
+		travel: 16
+	},
+	md: {
+		track: "h-6 w-11",
+		thumb: "h-ico-md w-ico-md",
+		travel: 20
+	},
+	lg: {
+		track: "h-7 w-[52px]",
+		thumb: "h-6 w-6",
+		travel: 24
+	}
+}, c = {
+	accent: "data-[state=checked]:bg-accent-9",
+	success: "data-[state=checked]:bg-success-9",
+	warning: "data-[state=checked]:bg-warning-9"
+}, l = a.forwardRef(({ className: l, error: u, size: d = "md", color: f = "accent", thumbIcon: p, checked: m, defaultChecked: h, onCheckedChange: g, ..._ }, v) => {
+	let [y, b] = a.useState(h ?? !1), x = m === void 0 ? y : m, { track: S, thumb: C, travel: w } = s[d], T = a.useCallback((e) => {
+		m === void 0 && b(e), g?.(e);
+	}, [m, g]);
+	return /* @__PURE__ */ o(t, {
+		className: i("touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active", S, c[f], u && "border-error-7 data-[state=checked]:bg-error-9", l),
+		checked: m,
+		defaultChecked: h,
+		onCheckedChange: T,
+		..._,
+		ref: v,
+		children: /* @__PURE__ */ o(e, {
+			asChild: !0,
+			children: /* @__PURE__ */ o(n.span, {
+				className: i("pointer-events-none flex items-center justify-center rounded-ds-full bg-accent-fg shadow-raised-hover ring-0", C),
+				animate: { x: x ? w : 0 },
+				whileTap: { scale: .85 },
+				transition: r.snappy,
+				children: p
+			})
+		})
+	});
 });
-S.displayName = c.displayName;
-export {
-  S as Switch
-};
+l.displayName = t.displayName;
+//#endregion
+export { l as Switch };