@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/input.js

@@ -1,170 +1,93 @@
 "use client";
-import { jsxs as F, jsx as s } from "react/jsx-runtime";
-import * as W from "react";
-import { a as B } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-import { useFormField as D } from "./form.js";
-import { IconProvider as h } from "./icon-context.js";
-const w = B(
-  [
-    "relative flex items-center w-full font-sans",
-    "bg-surface-raised-hover text-surface-fg",
-    "border border-surface-border rounded-ds-md",
-    "hover:bg-surface-raised-active",
-    "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
-    "focus-within:outline-none focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border",
-    "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled",
-    "has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default"
-  ],
-  {
-    variants: {
-      size: {
-        xs: "h-ds-xs-plus text-ds-sm",
-        sm: "h-ds-sm text-ds-sm",
-        md: "h-ds-md text-ds-md",
-        lg: "h-ds-lg rounded-ds-lg text-ds-md"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), b = {
-  xs: "w-[26px]",
-  sm: "w-[30px]",
-  md: "w-[38px]",
-  lg: "w-[46px]"
-}, g = {
-  xs: "xs",
-  sm: "sm",
-  md: "md",
-  lg: "lg"
-}, A = W.forwardRef(
-  ({
-    className: v,
-    type: y,
-    state: z,
-    size: N = "md",
-    startSection: T,
-    endSection: j,
-    startSectionClickable: f,
-    endSectionClickable: m,
-    startSectionType: q,
-    endSectionType: I,
-    startIcon: M,
-    endIcon: k,
-    wrapperClassName: P,
-    ...o
-  }, R) => {
-    const e = N ?? "md", t = D(), n = z ?? (t.state === "helper" ? void 0 : t.state), S = o["aria-describedby"] ?? t.helperTextId, V = o["aria-required"] ?? t.required, d = T ?? M, i = j ?? k, a = !!d, c = !!i, l = q ?? (typeof d == "string" ? "label" : "icon"), u = I ?? (typeof i == "string" ? "label" : "icon"), p = {
-      xs: "px-ds-02",
-      sm: "px-ds-02",
-      md: "px-ds-03",
-      lg: "px-ds-03"
-    }, x = {
-      xs: "text-ds-sm",
-      sm: "text-ds-sm",
-      md: "text-ds-sm",
-      lg: "text-ds-md"
-    }, E = {
-      xs: "px-ds-02",
-      sm: "px-ds-03",
-      md: "px-ds-03",
-      lg: "px-ds-04"
-    };
-    return /* @__PURE__ */ F(
-      "div",
-      {
-        className: r(
-          w({ size: e }),
-          n === "error" && "border-error-7 focus-within:ring-error-7",
-          n === "warning" && "border-warning-7 focus-within:ring-warning-7",
-          n === "success" && "border-success-7 focus-within:ring-success-7",
-          P
-        ),
-        children: [
-          a && l === "label" && /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center shrink-0 select-none self-stretch",
-                "border-r border-surface-border",
-                "bg-surface-raised text-surface-fg-muted",
-                "rounded-l-[inherit]",
-                p[e],
-                x[e],
-                !f && "pointer-events-none"
-              ),
-              children: d
-            }
-          ),
-          a && l === "icon" && /* @__PURE__ */ s(h, { size: g[e], children: /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted",
-                b[e],
-                !f && "pointer-events-none"
-              ),
-              children: d
-            }
-          ) }),
-          /* @__PURE__ */ s(
-            "input",
-            {
-              type: y,
-              className: r(
-                "flex-1 min-w-0 h-full bg-transparent outline-none font-sans",
-                "placeholder:text-surface-fg-subtle",
-                "disabled:cursor-not-allowed",
-                "read-only:cursor-default",
-                E[e],
-                // Remove left padding when start icon section is present (icon provides visual space)
-                a && l === "icon" && "pl-0",
-                // Remove right padding when end icon section is present
-                c && u === "icon" && "pr-0",
-                v
-              ),
-              "aria-invalid": n === "error" || void 0,
-              "aria-describedby": S,
-              "aria-required": V || void 0,
-              ref: R,
-              ...o
-            }
-          ),
-          c && u === "label" && /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center shrink-0 select-none self-stretch",
-                "border-l border-surface-border",
-                "bg-surface-raised text-surface-fg-muted",
-                "rounded-r-[inherit]",
-                p[e],
-                x[e],
-                !m && "pointer-events-none"
-              ),
-              children: i
-            }
-          ),
-          c && u === "icon" && /* @__PURE__ */ s(h, { size: g[e], children: /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted",
-                b[e],
-                !m && "pointer-events-none"
-              ),
-              children: i
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-A.displayName = "Input";
-const O = w;
-export {
-  A as Input,
-  O as inputVariants,
-  w as inputWrapperVariants
-};
+import { t as e } from "../_chunks/vendor-utils.js";
+import { cn as t } from "./lib/utils.js";
+import { IconProvider as n } from "./icon-context.js";
+import { useFormField as r } from "./form.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/input.tsx
+var s = e([
+	"relative flex items-center w-full font-sans",
+	"bg-surface-raised-hover text-surface-fg",
+	"border border-surface-border rounded-ds-md",
+	"hover:bg-surface-raised-active",
+	"transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
+	"focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border",
+	"has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled",
+	"has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default"
+], {
+	variants: { size: {
+		xs: "h-ds-xs-plus text-ds-sm",
+		sm: "h-ds-sm text-ds-sm",
+		md: "h-ds-md text-ds-md",
+		lg: "h-ds-lg rounded-ds-lg text-ds-md"
+	} },
+	defaultVariants: { size: "md" }
+}), c = {
+	xs: "w-[26px]",
+	sm: "w-[30px]",
+	md: "w-[38px]",
+	lg: "w-[46px]"
+}, l = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+}, u = i.forwardRef(({ className: e, type: i, state: u, size: d = "md", startSection: f, endSection: p, startSectionClickable: m, endSectionClickable: h, startSectionType: g, endSectionType: _, startIcon: v, endIcon: y, wrapperClassName: b, ...x }, S) => {
+	let C = d ?? "md", w = r(), T = u ?? (w.state === "helper" ? void 0 : w.state), E = x["aria-describedby"] ?? w.helperTextId, D = x["aria-required"] ?? w.required, O = f ?? v, k = p ?? y, A = !!O, j = !!k, M = g ?? (typeof O == "string" ? "label" : "icon"), N = _ ?? (typeof k == "string" ? "label" : "icon"), P = {
+		xs: "px-ds-02",
+		sm: "px-ds-02",
+		md: "px-ds-03",
+		lg: "px-ds-03"
+	}, F = {
+		xs: "text-ds-sm",
+		sm: "text-ds-sm",
+		md: "text-ds-sm",
+		lg: "text-ds-md"
+	};
+	return /* @__PURE__ */ o("div", {
+		className: t(s({ size: C }), T === "error" && "border-error-7 focus-within:ring-error-7", T === "warning" && "border-warning-7 focus-within:ring-warning-7", T === "success" && "border-success-7 focus-within:ring-success-7", b),
+		children: [
+			A && M === "label" && /* @__PURE__ */ a("span", {
+				className: t("flex items-center shrink-0 select-none self-stretch", "border-r border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-l-[inherit]", P[C], F[C], !m && "pointer-events-none"),
+				children: O
+			}),
+			A && M === "icon" && /* @__PURE__ */ a(n, {
+				size: l[C],
+				children: /* @__PURE__ */ a("span", {
+					className: t("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", c[C], !m && "pointer-events-none"),
+					children: O
+				})
+			}),
+			/* @__PURE__ */ a("input", {
+				type: i,
+				className: t("flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans", "placeholder:text-surface-fg-subtle", "disabled:cursor-not-allowed", "read-only:cursor-default", {
+					xs: "px-ds-02",
+					sm: "px-ds-03",
+					md: "px-ds-03",
+					lg: "px-ds-04"
+				}[C], A && M === "icon" && "pl-0", j && N === "icon" && "pr-0", e),
+				"aria-invalid": T === "error" || void 0,
+				"aria-describedby": E,
+				"aria-required": D || void 0,
+				ref: S,
+				...x
+			}),
+			j && N === "label" && /* @__PURE__ */ a("span", {
+				className: t("flex items-center shrink-0 select-none self-stretch", "border-l border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-r-[inherit]", P[C], F[C], !h && "pointer-events-none"),
+				children: k
+			}),
+			j && N === "icon" && /* @__PURE__ */ a(n, {
+				size: l[C],
+				children: /* @__PURE__ */ a("span", {
+					className: t("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", c[C], !h && "pointer-events-none"),
+					children: k
+				})
+			})
+		]
+	});
+});
+u.displayName = "Input";
+var d = s;
+//#endregion
+export { u as Input, d as inputVariants, s as inputWrapperVariants };

package/dist/ui/label.js

@@ -1,24 +1,19 @@
 "use client";
-import { jsxs as i, jsx as d } from "react/jsx-runtime";
+import { ut as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
 import * as n from "react";
-import { ah as a } from "../_chunks/primitives.js";
-import { cn as m } from "./lib/utils.js";
-const c = n.forwardRef(({ className: e, required: t, children: r, ...s }, o) => /* @__PURE__ */ i(
-  a,
-  {
-    ref: o,
-    className: m(
-      "font-sans text-ds-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled",
-      e
-    ),
-    ...s,
-    children: [
-      r,
-      t && /* @__PURE__ */ d("span", { className: "text-error-11 ml-ds-01", "aria-hidden": "true", children: "*" })
-    ]
-  }
-));
-c.displayName = a.displayName;
-export {
-  c as Label
-};
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/ui/label.tsx
+var a = n.forwardRef(({ className: n, required: a, children: o, ...s }, c) => /* @__PURE__ */ i(e, {
+	ref: c,
+	className: t("font-sans text-ds-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled", n),
+	...s,
+	children: [o, a && /* @__PURE__ */ r("span", {
+		className: "text-error-11 ml-ds-01",
+		"aria-hidden": "true",
+		children: "*"
+	})]
+}));
+a.displayName = e.displayName;
+//#endregion
+export { a as Label };

package/dist/ui/lib/date-utils.js

@@ -1,12 +1,15 @@
-function a(t) {
-  const n = typeof t == "string" ? new Date(t) : t, f = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), o = Math.floor(f / 6e4);
-  if (o < 1) return "Just now";
-  if (o < 60) return `${o}m ago`;
-  const e = Math.floor(o / 60);
-  if (e < 24) return `${e}h ago`;
-  const r = Math.floor(e / 24);
-  return r < 7 ? `${r}d ago` : n.toLocaleDateString("en-IN", { month: "short", day: "numeric" });
+//#region src/ui/lib/date-utils.ts
+function e(e) {
+	let t = typeof e == "string" ? new Date(e) : e, n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+	if (r < 1) return "Just now";
+	if (r < 60) return `${r}m ago`;
+	let i = Math.floor(r / 60);
+	if (i < 24) return `${i}h ago`;
+	let a = Math.floor(i / 24);
+	return a < 7 ? `${a}d ago` : t.toLocaleDateString("en-IN", {
+		month: "short",
+		day: "numeric"
+	});
 }
-export {
-  a as formatRelativeTime
-};
+//#endregion
+export { e as formatRelativeTime };

package/dist/ui/lib/motion.js

@@ -1,40 +1,81 @@
-const s = {
-  /** Micro-interactions: buttons, hover, form inputs */
-  snappy: { type: "spring", stiffness: 500, damping: 30, mass: 0.5 },
-  /** Dialogs, sheets, panels, navigation */
-  smooth: { type: "spring", stiffness: 300, damping: 30, mass: 0.8 },
-  /** Toasts, pop-ins, celebration feedback */
-  bouncy: { type: "spring", stiffness: 400, damping: 15, mass: 0.5 },
-  /** Collapse/expand, accordion, height changes */
-  gentle: { type: "spring", stiffness: 200, damping: 25, mass: 0.8 },
-  /** AI response blocks — snappier than smooth, feels "intelligent" */
-  responsive: { type: "spring", stiffness: 350, damping: 28, mass: 0.6 }
-}, n = {
-  /** Opacity enter/exit */
-  fade: { type: "tween", duration: 0.11, ease: "easeOut" },
-  /** Hover color, bg, border transitions */
-  colorShift: { type: "tween", duration: 0.07, ease: "easeOut" },
-  /** Greeting fade, hint crossfade — unhurried, confident */
-  elegant: { type: "tween", duration: 0.4, ease: [0.25, 0.1, 0.25, 1] },
-  /** Button/element layout transitions — smooth width/height changes, no overshoot */
-  layout: { type: "tween", duration: 0.2, ease: [0.25, 0.1, 0.25, 1] }
+//#region src/ui/lib/motion.ts
+var e = {
+	snappy: {
+		type: "spring",
+		stiffness: 500,
+		damping: 30,
+		mass: .5
+	},
+	smooth: {
+		type: "spring",
+		stiffness: 300,
+		damping: 30,
+		mass: .8
+	},
+	bouncy: {
+		type: "spring",
+		stiffness: 400,
+		damping: 15,
+		mass: .5
+	},
+	gentle: {
+		type: "spring",
+		stiffness: 200,
+		damping: 25,
+		mass: .8
+	},
+	responsive: {
+		type: "spring",
+		stiffness: 350,
+		damping: 28,
+		mass: .6
+	}
+}, t = {
+	fade: {
+		type: "tween",
+		duration: .11,
+		ease: "easeOut"
+	},
+	colorShift: {
+		type: "tween",
+		duration: .07,
+		ease: "easeOut"
+	},
+	elegant: {
+		type: "tween",
+		duration: .4,
+		ease: [
+			.25,
+			.1,
+			.25,
+			1
+		]
+	},
+	layout: {
+		type: "tween",
+		duration: .2,
+		ease: [
+			.25,
+			.1,
+			.25,
+			1
+		]
+	}
 };
-function t(e = 0.04) {
-  return {
-    visible: { transition: { staggerChildren: e } },
-    hidden: { transition: { staggerChildren: e } }
-  };
+function n(e = .04) {
+	return {
+		visible: { transition: { staggerChildren: e } },
+		hidden: { transition: { staggerChildren: e } }
+	};
 }
-function i(e) {
-  return { ...e, duration: 0 };
+function r(e) {
+	return {
+		...e,
+		duration: 0
+	};
 }
-function a(e) {
-  return e;
+function i(e) {
+	return e;
 }
-export {
-  a as motionProps,
-  s as springs,
-  t as stagger,
-  n as tweens,
-  i as withReducedMotion
-};
+//#endregion
+export { i as motionProps, e as springs, n as stagger, t as tweens, r as withReducedMotion };

package/dist/ui/lib/utils.js

@@ -1,17 +1,40 @@
-import { e as d, c as e } from "../../_chunks/vendor-utils.js";
-const t = d({
-  extend: {
-    theme: {
-      spacing: ["ds-01", "ds-02", "ds-02b", "ds-03", "ds-04", "ds-05", "ds-05b", "ds-06", "ds-06b", "ds-07", "ds-08", "ds-09", "ds-10", "ds-11", "ds-12", "ds-13"]
-    },
-    classGroups: {
-      "font-size": [{ "text-ds": ["xs", "sm", "md", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"] }]
-    }
-  }
-});
-function l(...s) {
-  return t(e(s));
+import { n as e, r as t } from "../../_chunks/vendor-utils.js";
+//#region src/ui/lib/utils.ts
+var n = e({ extend: {
+	theme: { spacing: [
+		"ds-01",
+		"ds-02",
+		"ds-02b",
+		"ds-03",
+		"ds-04",
+		"ds-05",
+		"ds-05b",
+		"ds-06",
+		"ds-06b",
+		"ds-07",
+		"ds-08",
+		"ds-09",
+		"ds-10",
+		"ds-11",
+		"ds-12",
+		"ds-13"
+	] },
+	classGroups: { "font-size": [{ "text-ds": [
+		"xs",
+		"sm",
+		"md",
+		"base",
+		"lg",
+		"xl",
+		"2xl",
+		"3xl",
+		"4xl",
+		"5xl",
+		"6xl"
+	] }] }
+} });
+function r(...e) {
+	return n(t(e));
 }
-export {
-  l as cn
-};
+//#endregion
+export { r as cn };

package/dist/ui/link.js

@@ -1,25 +1,14 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { S as a } from "../_chunks/primitives.js";
-import * as c from "react";
-import { cn as s } from "./lib/utils.js";
-const d = c.forwardRef(
-  ({ className: o, inline: e = !0, asChild: t = !1, ...r }, n) => /* @__PURE__ */ i(
-    t ? a : "a",
-    {
-      ref: n,
-      className: s(
-        "text-accent-11 underline decoration-transparent hover:decoration-current underline-offset-2",
-        "hover:text-accent-12 active:opacity-80 transition-[color,text-decoration-color,opacity] duration-fast-01 ease-productive-standard",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
-        e ? "inline" : "block",
-        o
-      ),
-      ...r
-    }
-  )
-);
-d.displayName = "Link";
-export {
-  d as Link
-};
+import { Ln 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/link.tsx
+var i = n.forwardRef(({ className: n, inline: i = !0, asChild: a = !1, ...o }, s) => /* @__PURE__ */ r(a ? e : "a", {
+	ref: s,
+	className: t("text-accent-11 underline decoration-transparent hover:decoration-current underline-offset-2", "hover:text-accent-12 active:opacity-80 transition-[color,text-decoration-color,opacity] duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm", i ? "inline" : "block", n),
+	...o
+}));
+i.displayName = "Link";
+//#endregion
+export { i as Link };