@devalok/shilp-sutra 0.17.1 → 0.18.0

package/dist/_chunks/avatar.js

@@ -2,9 +2,11 @@
 import { jsxs as p, jsx as l } from "react/jsx-runtime";
 import * as i from "react";
 import { R as n, I as o, F as t } from "./primitives.js";
-import { e as u } from "./vendor-utils.js";
+import { ag as u } from "./vendor-utils.js";
+import { t as h } from "./motion2.js";
 import { c as r } from "./utils.js";
-const h = u("relative flex shrink-0 overflow-hidden", {
+import { m as w } from "./motion.js";
+const x = u("relative flex shrink-0 overflow-hidden", {
   variants: {
     size: {
       xs: "h-ds-xs w-ds-xs",
@@ -20,31 +22,31 @@ const h = u("relative flex shrink-0 overflow-hidden", {
     }
   },
   defaultVariants: { size: "md", shape: "circle" }
-}), w = {
-  online: "bg-success",
-  offline: "bg-layer-03",
-  busy: "bg-error",
-  away: "bg-warning"
-}, x = {
+}), g = {
+  online: "bg-success-9",
+  offline: "bg-surface-3",
+  busy: "bg-error-9",
+  away: "bg-warning-9"
+}, b = {
   online: "Online",
   offline: "Offline",
   busy: "Busy",
   away: "Away"
-}, b = {
+}, y = {
   xs: "h-ds-02b w-ds-02b",
   sm: "h-[8px] w-[8px]",
   md: "h-ds-03 w-ds-03",
   lg: "h-[12px] w-[12px]",
   xl: "h-ds-04 w-ds-04"
-}, g = i.forwardRef(({ className: a, size: s, shape: e, status: d, children: m, ...f }, c) => p("span", { className: "relative inline-flex shrink-0", children: [l(n, { ref: c, className: r(h({ size: s, shape: e }), a), ...f, children: m }), d && l("span", { className: r("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-layer-01", w[d], b[s ?? "md"]), role: "img", "aria-label": x[d] })] }));
-g.displayName = n.displayName;
-const y = i.forwardRef(({ className: a, ...s }, e) => l(o, { ref: e, className: r("aspect-square h-full w-full", a), ...s }));
-y.displayName = o.displayName;
-const v = i.forwardRef(({ className: a, ...s }, e) => l(t, { ref: e, className: r("flex h-full w-full items-center justify-center rounded-ds-full bg-interactive-subtle text-interactive", a), ...s }));
-v.displayName = t.displayName;
+}, N = i.forwardRef(({ className: s, size: a, shape: e, status: d, children: m, ...c }, f) => p("span", { className: "relative inline-flex shrink-0", children: [l(n, { ref: f, className: r(x({ size: a, shape: e }), s), ...c, children: m }), d && l("span", { className: r("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-1", g[d], y[a ?? "md"]), role: "img", "aria-label": b[d] })] }));
+N.displayName = n.displayName;
+const v = i.forwardRef(({ className: s, ...a }, e) => l(w.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: h.fade, className: "h-full w-full", children: l(o, { ref: e, className: r("aspect-square h-full w-full", s), ...a }) }));
+v.displayName = o.displayName;
+const R = i.forwardRef(({ className: s, ...a }, e) => l(t, { ref: e, className: r("flex h-full w-full items-center justify-center rounded-ds-full bg-accent-2 text-accent-11", s), ...a }));
+R.displayName = t.displayName;
 export {
-  g as A,
-  y as a,
-  v as b,
-  h as c
+  N as A,
+  v as a,
+  R as b,
+  x as c
 };

package/dist/_chunks/button-group.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import * as o from "react";
+import { c as f } from "./utils.js";
+const l = o.createContext({});
+function h() {
+  return o.useContext(l);
+}
+const p = o.forwardRef(({ className: u, variant: t, color: n, size: e, orientation: i = "horizontal", children: d, ...s }, c) => {
+  const a = o.useMemo(() => ({ variant: t, color: n, size: e }), [t, n, e]);
+  return r(l.Provider, { value: a, children: r("div", { ref: c, role: "group", className: f("inline-flex", i === "horizontal" ? [
+    "flex-row",
+    "[&>*:not(:first-child)]:rounded-l-none",
+    "[&>*:not(:last-child)]:rounded-r-none",
+    "[&>*:not(:first-child)]:-ml-px"
+  ] : [
+    "flex-col",
+    "[&>*:not(:first-child)]:rounded-t-none",
+    "[&>*:not(:last-child)]:rounded-b-none",
+    "[&>*:not(:first-child)]:-mt-px"
+  ], u), ...s, children: d }) });
+});
+p.displayName = "ButtonGroup";
+export {
+  p as B,
+  h as u
+};

package/dist/_chunks/button.js

@@ -1,11 +1,15 @@
 "use client";
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import { e as V } from "./vendor-utils.js";
-import { S as R, a as E } from "./primitives.js";
-import * as G from "react";
-import { u as M, S as q } from "./spinner.js";
-import { c as s } from "./utils.js";
-const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap font-sans font-semibold select-none border border-transparent transition-[color,background-color,border-color,box-shadow,transform] duration-fast-01 ease-productive-standard active:translate-y-px focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]", {
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { ag as K } from "./vendor-utils.js";
+import { IconCheck as L, IconX as O } from "@tabler/icons-react";
+import { S as P, a as Q } from "./primitives.js";
+import * as n from "react";
+import { u as U } from "./button-group.js";
+import { s as Y } from "./motion2.js";
+import { c as a } from "./utils.js";
+import { S as Z } from "./spinner.js";
+import { A as _, m as $ } from "./motion.js";
+const R = K("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap font-sans font-semibold select-none border border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", {
   variants: {
     variant: {
       solid: "",
@@ -15,7 +19,7 @@ const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap
       ghost: "",
       destructive: "",
       // alias → solid + error
-      link: "text-text-link underline-offset-4 hover:underline active:opacity-[0.8]"
+      link: "text-info-11 underline-offset-4 hover:underline active:opacity-80"
     },
     color: {
       default: "",
@@ -34,30 +38,30 @@ const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap
   },
   compoundVariants: [
     // solid + default (primary)
-    { variant: "solid", color: "default", className: "bg-interactive text-text-on-color hover:bg-interactive-hover active:bg-interactive-active shadow-01 hover:shadow-brand" },
+    { variant: "solid", color: "default", className: "bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-01 hover:shadow-brand" },
     // "default" alias → same as solid + default
-    { variant: "default", color: "default", className: "bg-interactive text-text-on-color hover:bg-interactive-hover active:bg-interactive-active shadow-01 hover:shadow-brand" },
-    { variant: "default", color: "error", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
+    { variant: "default", color: "default", className: "bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-01 hover:shadow-brand" },
+    { variant: "default", color: "error", className: "bg-error-9 text-accent-fg hover:bg-error-9 active:bg-error-9 shadow-01" },
     // "destructive" alias → solid + error
-    { variant: "destructive", color: "default", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
-    { variant: "destructive", color: "error", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
+    { variant: "destructive", color: "default", className: "bg-error-9 text-accent-fg hover:bg-error-9 active:bg-error-9 shadow-01" },
+    { variant: "destructive", color: "error", className: "bg-error-9 text-accent-fg hover:bg-error-9 active:bg-error-9 shadow-01" },
     // solid + error
-    { variant: "solid", color: "error", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
+    { variant: "solid", color: "error", className: "bg-error-9 text-accent-fg hover:bg-error-9 active:bg-error-9 shadow-01" },
     // outline + default (secondary)
-    { variant: "outline", color: "default", className: "bg-transparent text-interactive border-border-interactive hover:bg-interactive-subtle active:bg-layer-active" },
+    { variant: "outline", color: "default", className: "bg-transparent text-accent-11 border-accent-7 hover:bg-accent-2 active:bg-surface-4" },
     // outline + error (error-ghost)
-    { variant: "outline", color: "error", className: "bg-transparent text-error border border-border-error hover:bg-error-surface active:bg-error-surface" },
+    { variant: "outline", color: "error", className: "bg-transparent text-error-11 border border-error-7 hover:bg-error-3 active:bg-error-3" },
     // ghost + default
-    { variant: "ghost", color: "default", className: "bg-transparent text-text-secondary hover:bg-layer-02 hover:text-text-primary active:bg-layer-active" },
+    { variant: "ghost", color: "default", className: "bg-transparent text-surface-fg-muted hover:bg-surface-2 hover:text-surface-fg active:bg-surface-4" },
     // ghost + error
-    { variant: "ghost", color: "error", className: "bg-transparent text-error hover:bg-error-surface hover:text-error active:bg-error-surface" }
+    { variant: "ghost", color: "error", className: "bg-transparent text-error-11 hover:bg-error-3 hover:text-error-11 active:bg-error-3" }
   ],
   defaultVariants: {
     variant: "solid",
     color: "default",
     size: "md"
   }
-}), A = {
+}), W = {
   sm: "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   md: "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   lg: "h-ico-md w-ico-md [&>svg]:h-ico-md [&>svg]:w-ico-md",
@@ -65,7 +69,7 @@ const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap
   "icon-sm": "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   "icon-md": "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   "icon-lg": "h-ico-md w-ico-md [&>svg]:h-ico-md [&>svg]:w-ico-md"
-}, D = {
+}, ee = {
   sm: "sm",
   md: "sm",
   lg: "md",
@@ -73,23 +77,37 @@ const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap
   "icon-sm": "sm",
   "icon-md": "sm",
   "icon-lg": "md"
-}, F = G.forwardRef(({ className: c, variant: w, color: N, size: y, asChild: S = !1, startIcon: d, endIcon: l, loading: e = !1, loadingPosition: t = "start", fullWidth: m = !1, disabled: v, children: a, ...u }, h) => {
-  const i = M(), b = w ?? i.variant, f = N ?? i.color, o = y ?? i.size ?? "md", g = A[o], z = D[o], n = e ? r(q, { size: z }) : null;
-  if (S) {
-    const C = {
-      className: s(p({ variant: b, color: f, size: o }), m && "w-full", c),
-      ref: h,
-      disabled: v || e,
-      "aria-busy": e || void 0,
-      ...u
+}, re = n.forwardRef(({ className: h, variant: A, color: B, size: V, asChild: E = !1, startIcon: b, endIcon: p, loading: F = !1, loadingPosition: d = "start", fullWidth: w = !1, disabled: x, onClick: M, onClickAsync: m, asyncFeedbackDuration: T = 1500, children: c, ...N }, y) => {
+  const u = U(), S = A ?? u.variant, z = B ?? u.color, i = V ?? u.size ?? "md", f = W[i], G = ee[i], [t, l] = n.useState("idle"), j = n.useRef(), o = n.useRef(!0);
+  n.useEffect(() => () => {
+    o.current = !1, clearTimeout(j.current);
+  }, []);
+  const I = (v) => {
+    !m || t !== "idle" || (l("loading"), m(v).then(() => {
+      o.current && l("success");
+    }).catch(() => {
+      o.current && l("error");
+    }).finally(() => {
+      o.current && (j.current = setTimeout(() => {
+        o.current && l("idle");
+      }, T));
+    }));
+  }, k = !!m, r = k ? t === "loading" : F, s = t === "success" || t === "error", g = r ? e(Z, { size: G }) : null;
+  if (E) {
+    const v = {
+      className: a(R({ variant: S, color: z, size: i }), w && "w-full", h),
+      ref: y,
+      disabled: x || r,
+      "aria-busy": r || void 0,
+      ...N
     };
-    return r(R, { ...C, children: r(E, { children: a }) });
+    return e(P, { ...v, children: e(Q, { children: c }) });
   }
-  const j = () => e && t === "start" ? n : d ? r("span", { className: s("inline-flex shrink-0 items-center justify-center", g), children: d }) : null, k = () => e && t === "end" ? n : l ? r("span", { className: s("inline-flex shrink-0 items-center justify-center", g), children: l }) : null, B = () => e && t === "center" ? x("span", { className: "relative inline-flex items-center justify-center", children: [r("span", { className: "invisible", children: a }), r("span", { className: "absolute inset-0 flex items-center justify-center", children: n })] }) : a;
-  return x("button", { className: s(p({ variant: b, color: f, size: o }), m && "w-full", c), ref: h, disabled: v || e, "aria-busy": e || void 0, ...u, children: [j(), B(), k()] });
+  const X = () => r && d === "start" ? g : b ? e("span", { className: a("inline-flex shrink-0 items-center justify-center", f), children: b }) : null, q = () => r && d === "end" ? g : p ? e("span", { className: a("inline-flex shrink-0 items-center justify-center", f), children: p }) : null, D = () => r && d === "center" ? C("span", { className: "relative inline-flex items-center justify-center", children: [e("span", { className: "invisible", children: c }), e("span", { className: "absolute inset-0 flex items-center justify-center", children: g })] }) : c, H = s ? t === "success" ? "bg-success-9 text-accent-fg border-transparent hover:bg-success-9" : "bg-error-9 text-accent-fg border-transparent hover:bg-error-9" : void 0, J = s ? e(_, { mode: "wait", children: e($.span, { initial: { opacity: 0, scale: 0.5 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.5 }, transition: Y.bouncy, className: a("inline-flex shrink-0 items-center justify-center", f), children: t === "success" ? e(L, { className: "h-full w-full" }) : e(O, { className: "h-full w-full" }) }, t) }) : null;
+  return C("button", { ...N, className: a(R({ variant: S, color: z, size: i }), w && "w-full", !r && !s && "active:scale-[0.97] transition-transform duration-100", H, s && "transition-colors duration-200", h), ref: y, disabled: x || r || s, "aria-busy": r || void 0, onClick: k ? I : M, children: [s ? J : X(), s ? c : D(), s ? null : q()] });
 });
-F.displayName = "Button";
+re.displayName = "Button";
 export {
-  F as B,
-  p as b
+  re as B,
+  R as b
 };

package/dist/_chunks/card.js

@@ -1,40 +1,50 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as o from "react";
-import { bj as n, bk as c } from "./primitives.js";
-import { c as s } from "./utils.js";
-import { e as l } from "./vendor-utils.js";
-const f = o.forwardRef(({ className: e, error: r, ...a }, d) => t(n, { className: s("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-transparent shadow-01 transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[0.38] data-[state=checked]:bg-interactive data-[state=unchecked]:bg-border-strong", r && "border-border-error data-[state=checked]:bg-error", e), ...a, ref: d, children: t(c, { className: s("pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-text-on-color shadow-02 ring-0 transition-transform duration-moderate-01 ease-bounce data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) }));
-f.displayName = n.displayName;
-const b = l("rounded-ds-lg text-text-primary", {
+import { bc as f, bd as h } from "./primitives.js";
+import { s as l, m as v } from "./motion2.js";
+import { c as d } from "./utils.js";
+import { m } from "./motion.js";
+import { ag as N } from "./vendor-utils.js";
+const C = o.forwardRef(({ className: e, error: a, checked: r, defaultChecked: n, onCheckedChange: t, ...i }, b) => {
+  const [u, p] = o.useState(n ?? !1), g = r !== void 0 ? r : u, w = o.useCallback((c) => {
+    r === void 0 && p(c), t == null || t(c);
+  }, [r, t]);
+  return s(f, { className: d("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-01 transition-colors duration-fast-01 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 data-[state=checked]:border-transparent data-[state=checked]:bg-accent-9 data-[state=unchecked]:bg-surface-border-strong", a && "border-error-7 data-[state=checked]:bg-error-9", e), checked: r, defaultChecked: n, onCheckedChange: w, ...i, ref: b, children: s(h, { asChild: !0, children: s(m.span, { className: "pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-accent-fg shadow-02 ring-0", animate: { x: g ? 20 : 0 }, transition: l.snappy }) }) });
+});
+C.displayName = f.displayName;
+const y = N("rounded-ds-lg text-surface-fg", {
   variants: {
     variant: {
-      default: "bg-layer-01 border border-border-subtle shadow-01",
-      elevated: "bg-layer-01 border border-border-subtle shadow-02",
-      outline: "bg-transparent border-2 border-border shadow-none",
-      flat: "bg-layer-02 border-none shadow-none"
+      default: "bg-surface-1 border border-surface-border shadow-01",
+      elevated: "bg-surface-1 border border-surface-border shadow-02",
+      outline: "bg-transparent border-2 border-surface-border-strong shadow-none",
+      flat: "bg-surface-2 border-none shadow-none"
     }
   },
   defaultVariants: { variant: "default" }
-}), m = o.forwardRef(({ className: e, variant: r, interactive: a, ...d }, i) => t("div", { ref: i, className: s(b({ variant: r }), a && "hover:shadow-02 hover:border-border-strong hover:-translate-y-px active:scale-[0.98] cursor-pointer transition-all duration-fast-02 ease-productive-standard", e), ...d }));
-m.displayName = "Card";
-const p = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("flex flex-col space-y-ds-02b p-ds-06", e), ...r }));
-p.displayName = "CardHeader";
-const u = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("font-sans font-semibold leading-ds-none tracking-ds-tight text-text-primary", e), ...r }));
-u.displayName = "CardTitle";
-const h = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("text-ds-md text-text-secondary", e), ...r }));
-h.displayName = "CardDescription";
-const v = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("p-ds-06 pt-0", e), ...r }));
-v.displayName = "CardContent";
-const g = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("flex items-center p-ds-06 pt-0", e), ...r }));
-g.displayName = "CardFooter";
+}), x = o.forwardRef(({ className: e, variant: a, interactive: r, ...n }, t) => {
+  const i = d(y({ variant: a }), r && "hover:shadow-02 hover:border-surface-border-strong cursor-pointer", e);
+  return r ? s(m.div, { ref: t, whileHover: { y: -2 }, whileTap: { scale: 0.98 }, transition: l.snappy, className: i, ...v(n) }) : s("div", { ref: t, className: i, ...n });
+});
+x.displayName = "Card";
+const R = o.forwardRef(({ className: e, ...a }, r) => s("div", { ref: r, className: d("flex flex-col space-y-ds-02b p-ds-06", e), ...a }));
+R.displayName = "CardHeader";
+const k = o.forwardRef(({ className: e, ...a }, r) => s("div", { ref: r, className: d("font-sans font-semibold leading-ds-none tracking-ds-tight text-surface-fg", e), ...a }));
+k.displayName = "CardTitle";
+const T = o.forwardRef(({ className: e, ...a }, r) => s("div", { ref: r, className: d("text-ds-md text-surface-fg-muted", e), ...a }));
+T.displayName = "CardDescription";
+const H = o.forwardRef(({ className: e, ...a }, r) => s("div", { ref: r, className: d("p-ds-06 pt-0", e), ...a }));
+H.displayName = "CardContent";
+const S = o.forwardRef(({ className: e, ...a }, r) => s("div", { ref: r, className: d("flex items-center p-ds-06 pt-0", e), ...a }));
+S.displayName = "CardFooter";
 export {
-  m as C,
-  f as S,
-  p as a,
-  u as b,
-  v as c,
-  h as d,
-  g as e,
-  b as f
+  x as C,
+  C as S,
+  R as a,
+  k as b,
+  H as c,
+  T as d,
+  S as e,
+  y as f
 };

package/dist/_chunks/checkbox.js

@@ -1,14 +1,16 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { C as r, b as d } from "./primitives.js";
-import { IconMinus as m, IconCheck as l } from "@tabler/icons-react";
-import * as f from "react";
-import { c as b } from "./utils.js";
-const h = f.forwardRef(({ className: i, error: o, indeterminate: a, checked: c, ...s }, n) => {
-  const t = a ? "indeterminate" : c;
-  return e(r, { ref: n, checked: t, className: b("peer flex items-center justify-center h-ico-md w-ico-md shrink-0 rounded-ds-sm", "border border-border-strong", "bg-field", "transition-colors duration-fast-01", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-[0.38]", "data-[state=checked]:bg-interactive data-[state=checked]:border-interactive data-[state=checked]:text-text-on-color", "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color", o && "border-border-error", i), ...s, children: e(d, { className: "flex items-center justify-center text-current animate-check-pop", children: t === "indeterminate" ? e(m, { className: "h-ico-sm w-ico-sm" }) : e(l, { className: "h-3 w-3" }) }) });
+import { C as a, b as m } from "./primitives.js";
+import { IconMinus as l, IconCheck as f } from "@tabler/icons-react";
+import * as b from "react";
+import { s as u } from "./motion2.js";
+import { c as h } from "./utils.js";
+import { A as p, m as x } from "./motion.js";
+const g = b.forwardRef(({ className: c, error: i, indeterminate: r, checked: s, ...o }, n) => {
+  const t = r ? "indeterminate" : s, d = t === !0 || t === "indeterminate";
+  return e(a, { ref: n, checked: t, className: h("peer flex items-center justify-center h-ico-md w-ico-md shrink-0 rounded-ds-sm", "border border-surface-border-strong", "bg-surface-3", "transition-colors duration-fast-01", "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", "data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg", "data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg", i && "border-error-7", c), ...o, children: e(p, { children: d && e(m, { forceMount: !0, asChild: !0, children: e(x.span, { className: "flex items-center justify-center text-current", initial: { scale: 0, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0, opacity: 0 }, transition: u.bouncy, children: t === "indeterminate" ? e(l, { className: "h-ico-sm w-ico-sm" }) : e(f, { className: "h-ico-sm w-ico-sm" }) }) }) }) });
 });
-h.displayName = r.displayName;
+g.displayName = a.displayName;
 export {
-  h as C
+  g as C
 };

package/dist/_chunks/date-utils.js

@@ -0,0 +1,13 @@
+"use client";
+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" });
+}
+export {
+  a as f
+};

package/dist/_chunks/form.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import * as e from "react";
-import { c as i } from "./utils.js";
-const x = e.createContext({}), m = e.forwardRef(({ className: s, helperTextId: o, state: a = "helper", required: l, children: n, ...t }, r) => {
-  const d = e.useId(), p = o || `${d}-helper`;
-  return c(x.Provider, { value: { state: a, helperTextId: p, required: l }, children: c("div", { ref: r, className: i("flex flex-col gap-ds-02", s), ...t, children: n }) });
+import { c as m } from "./utils.js";
+const i = e.createContext({}), u = e.forwardRef(({ className: a, helperTextId: n, state: t = "helper", required: r, children: l, ...s }, o) => {
+  const c = e.useId(), x = n || `${c}-helper`, p = e.useMemo(() => ({ state: t, helperTextId: x, required: r }), [t, x, r]);
+  return d(i.Provider, { value: p, children: d("div", { ref: o, className: m("flex flex-col gap-ds-02", a), ...s, children: l }) });
 });
-m.displayName = "FormField";
-const u = {
-  helper: "text-text-helper",
-  error: "text-text-error",
-  warning: "text-text-warning",
-  success: "text-text-success"
-}, f = e.forwardRef(({ className: s, id: o, state: a, ...l }, n) => {
-  const t = e.useContext(x), r = a ?? t.state ?? "helper", d = o ?? t.helperTextId;
-  return c("p", { ref: n, id: d, role: r === "error" ? "alert" : void 0, className: i("text-ds-sm", u[r], s), ...l });
+u.displayName = "FormField";
+const f = {
+  helper: "text-surface-fg-subtle",
+  error: "text-error-11",
+  warning: "text-warning-11",
+  success: "text-success-11"
+}, F = e.forwardRef(({ className: a, id: n, state: t, ...r }, l) => {
+  const s = e.useContext(i), o = t ?? s.state ?? "helper", c = n ?? s.helperTextId;
+  return d("p", { ref: l, id: c, role: o === "error" ? "alert" : void 0, className: m("text-ds-sm", f[o], a), ...r });
 });
-f.displayName = "FormHelperText";
-function C() {
-  return e.useContext(x);
+F.displayName = "FormHelperText";
+function I() {
+  return e.useContext(i);
 }
 export {
-  m as F,
-  f as a,
-  C as u
+  u as F,
+  F as a,
+  I as u
 };

package/dist/_chunks/link-context.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+const o = n.forwardRef(({ href: t, ...e }, i) => /* @__PURE__ */ r("a", { ref: i, href: t, ...e }));
+o.displayName = "DefaultLink";
+const a = n.createContext(o);
+function s({
+  component: t,
+  children: e
+}) {
+  return /* @__PURE__ */ r(a.Provider, { value: t, children: e });
+}
+function f() {
+  return n.useContext(a);
+}
+export {
+  s as L,
+  f as u
+};