@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/segmented-control.js

@@ -1,115 +1,94 @@
 "use client";
-import { jsx as a, jsxs as S } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as i } from "./lib/utils.js";
-import { L as k, m as I } from "../_chunks/framer.js";
-const C = {
-  sm: { button: "h-7 px-ds-04 text-ds-sm", icon: "h-3.5 w-3.5" },
-  md: { button: "h-8 px-ds-05 text-ds-md", icon: "h-4 w-4" },
-  lg: { button: "h-10 px-ds-06 text-ds-md", icon: "h-4 w-4" }
-}, D = {
-  default: "bg-surface-overlay shadow-sm",
-  accent: "bg-accent-9"
-}, N = {
-  default: "text-surface-fg",
-  accent: "text-accent-fg"
-}, R = { type: "spring", stiffness: 400, damping: 30 }, z = o.forwardRef(
-  function({
-    size: g = "md",
-    variant: l = "default",
-    options: s,
-    selectedId: d,
-    onSelect: u,
-    disabled: c = !1,
-    className: x,
-    ...f
-  }, r) {
-    const p = o.useId(), m = o.useRef(null), h = o.useCallback(
-      (e) => {
-        m.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-      },
-      [r]
-    ), v = (e) => {
-      if (c) return;
-      const t = s.findIndex((b) => b.id === d);
-      let n = t;
-      switch (e.key) {
-        case "ArrowLeft":
-          e.preventDefault(), n = t > 0 ? t - 1 : s.length - 1;
-          break;
-        case "ArrowRight":
-          e.preventDefault(), n = t < s.length - 1 ? t + 1 : 0;
-          break;
-        case "Home":
-          e.preventDefault(), n = 0;
-          break;
-        case "End":
-          e.preventDefault(), n = s.length - 1;
-          break;
-        default:
-          return;
-      }
-      u(s[n].id), requestAnimationFrame(() => {
-        m.current?.querySelectorAll('[role="tab"]')?.[n]?.focus();
-      });
-    }, { button: y, icon: w } = C[g];
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: h,
-        role: "tablist",
-        tabIndex: -1,
-        "aria-label": f["aria-label"] ?? "Segmented control",
-        onKeyDown: v,
-        className: i(
-          "inline-flex p-[3px] rounded-ds-lg",
-          "bg-surface-raised-hover border border-surface-border-subtle shadow-inset",
-          c && "opacity-action-disabled pointer-events-none",
-          x
-        ),
-        ...f,
-        children: /* @__PURE__ */ a(k, { id: p, children: s.map((e) => {
-          const t = e.id === d, n = e.icon;
-          return /* @__PURE__ */ S(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "aria-selected": t,
-              tabIndex: t ? 0 : -1,
-              disabled: c,
-              onClick: () => u(e.id),
-              className: i(
-                "relative inline-flex items-center justify-center gap-ds-02 rounded-ds-md",
-                "font-medium transition-colors duration-fast-02 ease-productive-standard",
-                "outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-                y,
-                t ? N[l] : "text-surface-fg-muted hover:text-surface-fg"
-              ),
-              children: [
-                t && /* @__PURE__ */ a(
-                  I.span,
-                  {
-                    layoutId: "segment-pill",
-                    className: i(
-                      "absolute inset-0 rounded-ds-md pointer-events-none",
-                      D[l]
-                    ),
-                    transition: R
-                  }
-                ),
-                n && /* @__PURE__ */ a(n, { className: i("relative z-[1] shrink-0", w) }),
-                /* @__PURE__ */ a("span", { className: "relative z-[1]", children: e.text })
-              ]
-            },
-            e.id
-          );
-        }) })
-      }
-    );
-  }
-);
-z.displayName = "SegmentedControl";
-export {
-  z as SegmentedControl
-};
+import { a as e, s as t } from "../_chunks/framer.js";
+import { cn as n } from "./lib/utils.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ui/segmented-control.tsx
+var o = {
+	sm: {
+		button: "h-7 px-ds-04 text-ds-sm",
+		icon: "h-3.5 w-3.5"
+	},
+	md: {
+		button: "h-8 px-ds-05 text-ds-md",
+		icon: "h-4 w-4"
+	},
+	lg: {
+		button: "h-10 px-ds-06 text-ds-md",
+		icon: "h-4 w-4"
+	}
+}, s = {
+	default: "bg-surface-overlay shadow-sm",
+	accent: "bg-accent-9"
+}, c = {
+	default: "text-surface-fg",
+	accent: "text-accent-fg"
+}, l = {
+	type: "spring",
+	stiffness: 400,
+	damping: 30
+}, u = r.forwardRef(function({ size: u = "md", variant: d = "default", options: f, selectedId: p, onSelect: m, disabled: h = !1, className: g, ..._ }, v) {
+	let y = r.useId(), b = r.useRef(null), x = r.useCallback((e) => {
+		b.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+	}, [v]), S = (e) => {
+		if (h) return;
+		let t = f.findIndex((e) => e.id === p), n = t;
+		switch (e.key) {
+			case "ArrowLeft":
+				e.preventDefault(), n = t > 0 ? t - 1 : f.length - 1;
+				break;
+			case "ArrowRight":
+				e.preventDefault(), n = t < f.length - 1 ? t + 1 : 0;
+				break;
+			case "Home":
+				e.preventDefault(), n = 0;
+				break;
+			case "End":
+				e.preventDefault(), n = f.length - 1;
+				break;
+			default: return;
+		}
+		m(f[n].id), requestAnimationFrame(() => {
+			(b.current?.querySelectorAll("[role=\"tab\"]"))?.[n]?.focus();
+		});
+	}, { button: C, icon: w } = o[u];
+	return /* @__PURE__ */ i("div", {
+		ref: x,
+		role: "tablist",
+		tabIndex: -1,
+		"aria-label": _["aria-label"] ?? "Segmented control",
+		onKeyDown: S,
+		className: n("inline-flex p-[3px] rounded-ds-lg", "bg-surface-raised-hover border border-surface-border-subtle shadow-inset", h && "opacity-action-disabled pointer-events-none", g),
+		..._,
+		children: /* @__PURE__ */ i(t, {
+			id: y,
+			children: f.map((t) => {
+				let r = t.id === p, o = t.icon;
+				return /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": r,
+					tabIndex: r ? 0 : -1,
+					disabled: h,
+					onClick: () => m(t.id),
+					className: n("relative inline-flex items-center justify-center gap-ds-02 rounded-ds-md", "font-medium transition-colors duration-fast-02 ease-productive-standard", "outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", C, r ? c[d] : "text-surface-fg-muted hover:text-surface-fg"),
+					children: [
+						r && /* @__PURE__ */ i(e.span, {
+							layoutId: "segment-pill",
+							className: n("absolute inset-0 rounded-ds-md pointer-events-none", s[d]),
+							transition: l
+						}),
+						o && /* @__PURE__ */ i(o, { className: n("relative z-[1] shrink-0", w) }),
+						/* @__PURE__ */ i("span", {
+							className: "relative z-[1]",
+							children: t.text
+						})
+					]
+				}, t.id);
+			})
+		})
+	});
+});
+u.displayName = "SegmentedControl";
+//#endregion
+export { u as SegmentedControl };

package/dist/ui/select.js

@@ -1,158 +1,132 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import * as o from "react";
-import { ao as n, ap as N, aq as m, ar as p, as as S, at as f, au as I, av as u, aw as b, ax as R, ay as z, az as g, aA as C, aB as j, aC as B } from "../_chunks/primitives.js";
-import { IconChevronDown as h, IconChevronUp as V, IconCheck as T } from "@tabler/icons-react";
-import { a as D } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import { tweens as U, springs as G } from "./lib/motion.js";
-import { Icon as i } from "./icon.js";
-import { m as L } from "../_chunks/framer.js";
-const X = C, Y = B, Z = j, k = D(
-  "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1",
-  {
-    variants: {
-      variant: {
-        default: "border border-surface-border-strong bg-surface-raised-hover focus-visible:border-accent-7",
-        outline: "border border-surface-border-strong bg-transparent focus-visible:border-accent-7",
-        ghost: "border border-transparent bg-transparent hover:bg-surface-raised-hover focus-visible:border-accent-7"
-      },
-      color: {
-        default: "",
-        error: "border-error-7 text-error-11 focus-visible:ring-error-9",
-        success: "border-success-7",
-        warning: "border-warning-7"
-      },
-      size: {
-        xs: "h-ds-xs-plus text-ds-sm px-ds-02",
-        sm: "h-ds-sm text-ds-sm px-ds-03",
-        md: "h-ds-md text-ds-md px-ds-04",
-        lg: "h-ds-lg text-ds-md px-ds-05"
-      }
-    },
-    defaultVariants: { variant: "default", color: "default", size: "md" }
-  }
-), q = o.forwardRef(({ className: s, children: r, variant: a, color: d, size: l, ...v }, w) => /* @__PURE__ */ c(
-  n,
-  {
-    ref: w,
-    className: t(k({ variant: a, color: d, size: l }), s),
-    "aria-invalid": d === "error" || void 0,
-    ...v,
-    children: [
-      r,
-      /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(i, { icon: h, size: "sm", className: "opacity-50" }) })
-    ]
-  }
-));
-q.displayName = n.displayName;
-const x = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  m,
-  {
-    ref: a,
-    className: t(
-      "flex cursor-default items-center justify-center py-ds-02",
-      s
-    ),
-    ...r,
-    children: /* @__PURE__ */ e(i, { icon: V, size: "sm" })
-  }
-));
-x.displayName = m.displayName;
-const y = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  p,
-  {
-    ref: a,
-    className: t(
-      "flex cursor-default items-center justify-center py-ds-02",
-      s
-    ),
-    ...r,
-    children: /* @__PURE__ */ e(i, { icon: h, size: "sm" })
-  }
-));
-y.displayName = p.displayName;
-const A = o.forwardRef(({ className: s, children: r, position: a = "popper", ...d }, l) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-  f,
-  {
-    ref: l,
-    position: a,
-    asChild: !0,
-    ...d,
-    children: /* @__PURE__ */ c(
-      L.div,
-      {
-        initial: { opacity: 0, scale: 0.95 },
-        animate: { opacity: 1, scale: 1 },
-        transition: { ...G.snappy, opacity: U.fade },
-        className: t(
-          "relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay text-surface-fg shadow-floating",
-          a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          s
-        ),
-        children: [
-          /* @__PURE__ */ e(x, {}),
-          /* @__PURE__ */ e(
-            I,
-            {
-              className: t(
-                "p-ds-02",
-                a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-              ),
-              children: r
-            }
-          ),
-          /* @__PURE__ */ e(y, {})
-        ]
-      }
-    )
-  }
-) }));
-A.displayName = f.displayName;
-const P = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  u,
-  {
-    ref: a,
-    className: t("px-ds-03 py-ds-02b text-ds-md font-semibold", s),
-    ...r
-  }
-));
-P.displayName = u.displayName;
-const $ = o.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ c(
-  b,
-  {
-    ref: d,
-    className: t(
-      "relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      s
-    ),
-    ...a,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(i, { icon: T, size: "sm" }) }) }),
-      /* @__PURE__ */ e(z, { children: r })
-    ]
-  }
-));
-$.displayName = b.displayName;
-const E = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  g,
-  {
-    ref: a,
-    className: t("-mx-ds-01 my-ds-02 h-px bg-surface-border", s),
-    ...r
-  }
-));
-E.displayName = g.displayName;
-export {
-  X as Select,
-  A as SelectContent,
-  Y as SelectGroup,
-  $ as SelectItem,
-  P as SelectLabel,
-  y as SelectScrollDownButton,
-  x as SelectScrollUpButton,
-  E as SelectSeparator,
-  q as SelectTrigger,
-  Z as SelectValue,
-  k as selectTriggerVariants
-};
+import { $ as e, G as t, J as n, K as r, Q as i, U as a, W as o, X as s, Y as c, Z as l, et as u, nt as d, q as f, rt as p, tt as m } from "../_chunks/primitives.js";
+import { a as h } from "../_chunks/framer.js";
+import { springs as g, tweens as _ } from "./lib/motion.js";
+import { t as v } from "../_chunks/vendor-utils.js";
+import { cn as y } from "./lib/utils.js";
+import { Icon as b } from "./icon.js";
+import * as x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconCheck as w, IconChevronDown as T, IconChevronUp as E } from "@tabler/icons-react";
+//#region src/ui/select.tsx
+var D = l, O = o, k = d, A = v("flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle 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 [&>span]:line-clamp-1", {
+	variants: {
+		variant: {
+			default: "border border-surface-border-strong bg-surface-raised-hover focus-visible:border-accent-7",
+			outline: "border border-surface-border-strong bg-transparent focus-visible:border-accent-7",
+			ghost: "border border-transparent bg-transparent hover:bg-surface-raised-hover focus-visible:border-accent-7"
+		},
+		color: {
+			default: "",
+			error: "border-error-7 text-error-11 focus-visible:ring-error-9",
+			success: "border-success-7",
+			warning: "border-warning-7"
+		},
+		size: {
+			xs: "h-ds-xs-plus text-ds-sm px-ds-02",
+			sm: "h-ds-sm text-ds-sm px-ds-03",
+			md: "h-ds-md text-ds-md px-ds-04",
+			lg: "h-ds-lg text-ds-md px-ds-05"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		color: "default",
+		size: "md"
+	}
+}), j = x.forwardRef(({ className: e, children: n, variant: r, color: i, size: a, ...o }, s) => /* @__PURE__ */ C(m, {
+	ref: s,
+	className: y(A({
+		variant: r,
+		color: i,
+		size: a
+	}), e),
+	"aria-invalid": i === "error" || void 0,
+	...o,
+	children: [n, /* @__PURE__ */ S(t, {
+		asChild: !0,
+		children: /* @__PURE__ */ S(b, {
+			icon: T,
+			size: "sm",
+			className: "opacity-50"
+		})
+	})]
+}));
+j.displayName = m.displayName;
+var M = x.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ S(e, {
+	ref: r,
+	className: y("flex cursor-default items-center justify-center py-ds-02", t),
+	...n,
+	children: /* @__PURE__ */ S(b, {
+		icon: E,
+		size: "sm"
+	})
+}));
+M.displayName = e.displayName;
+var N = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ S(i, {
+	ref: n,
+	className: y("flex cursor-default items-center justify-center py-ds-02", e),
+	...t,
+	children: /* @__PURE__ */ S(b, {
+		icon: T,
+		size: "sm"
+	})
+}));
+N.displayName = i.displayName;
+var P = x.forwardRef(({ className: e, children: t, position: n = "popper", ...r }, i) => /* @__PURE__ */ S(s, { children: /* @__PURE__ */ S(a, {
+	ref: i,
+	position: n,
+	asChild: !0,
+	...r,
+	children: /* @__PURE__ */ C(h.div, {
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		transition: {
+			...g.snappy,
+			opacity: _.fade
+		},
+		className: y("relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay text-surface-fg shadow-floating", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
+		children: [
+			/* @__PURE__ */ S(M, {}),
+			/* @__PURE__ */ S(p, {
+				className: y("p-ds-02", n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+				children: t
+			}),
+			/* @__PURE__ */ S(N, {})
+		]
+	})
+}) }));
+P.displayName = a.displayName;
+var F = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ S(c, {
+	ref: n,
+	className: y("px-ds-03 py-ds-02b text-ds-md font-semibold", e),
+	...t
+}));
+F.displayName = c.displayName;
+var I = x.forwardRef(({ className: e, children: t, ...i }, a) => /* @__PURE__ */ C(r, {
+	ref: a,
+	className: y("relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
+	...i,
+	children: [/* @__PURE__ */ S("span", {
+		className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
+		children: /* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(b, {
+			icon: w,
+			size: "sm"
+		}) })
+	}), /* @__PURE__ */ S(n, { children: t })]
+}));
+I.displayName = r.displayName;
+var L = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ S(u, {
+	ref: n,
+	className: y("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+	...t
+}));
+L.displayName = u.displayName;
+//#endregion
+export { D as Select, P as SelectContent, O as SelectGroup, I as SelectItem, F as SelectLabel, N as SelectScrollDownButton, M as SelectScrollUpButton, L as SelectSeparator, j as SelectTrigger, k as SelectValue, A as selectTriggerVariants };

package/dist/ui/separator.js

@@ -1,26 +1,16 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import * as i from "react";
-import { ai as e } from "../_chunks/primitives.js";
-import { cn as d } from "./lib/utils.js";
-const l = i.forwardRef(
-  ({ className: t, orientation: a = "horizontal", decorative: o = !0, variant: r = "default", ...n }, s) => /* @__PURE__ */ g(
-    e,
-    {
-      ref: s,
-      decorative: o,
-      orientation: a,
-      className: d(
-        "shrink-0",
-        r === "gradient" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_15%,var(--color-surface-border)_85%,transparent)]" : r === "gradient-left" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_30%)]" : r === "gradient-right" ? "bg-transparent bg-[image:linear-gradient(90deg,var(--color-surface-border)_70%,transparent)]" : "bg-surface-border",
-        a === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        t
-      ),
-      ...n
-    }
-  )
-);
-l.displayName = e.displayName;
-export {
-  l as Separator
-};
+import { lt 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/separator.tsx
+var i = n.forwardRef(({ className: n, orientation: i = "horizontal", decorative: a = !0, variant: o = "default", ...s }, c) => /* @__PURE__ */ r(e, {
+	ref: c,
+	decorative: a,
+	orientation: i,
+	className: t("shrink-0", o === "gradient" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_15%,var(--color-surface-border)_85%,transparent)]" : o === "gradient-left" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_30%)]" : o === "gradient-right" ? "bg-transparent bg-[image:linear-gradient(90deg,var(--color-surface-border)_70%,transparent)]" : "bg-surface-border", i === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", n),
+	...s
+}));
+i.displayName = e.displayName;
+//#endregion
+export { i as Separator };