@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/ui/switch.js

@@ -1,29 +1,42 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { al as o, am as d } from "../_chunks/primitives.js";
-import { c as r } from "../_chunks/utils.js";
-const c = n.forwardRef(({ className: t, error: a, ...s }, i) => /* @__PURE__ */ e(
-  o,
-  {
-    className: r(
-      "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",
-      a && "border-border-error data-[state=checked]:bg-error",
-      t
-    ),
-    ...s,
-    ref: i,
-    children: /* @__PURE__ */ e(
-      d,
-      {
-        className: r(
-          "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"
-        )
-      }
-    )
-  }
-));
-c.displayName = o.displayName;
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+import { bc as i, bd as u } from "../_chunks/primitives.js";
+import { s as g } from "../_chunks/motion2.js";
+import { c as h } from "../_chunks/utils.js";
+import { m as w } from "../_chunks/motion.js";
+const v = t.forwardRef(({ className: n, error: d, checked: r, defaultChecked: e, onCheckedChange: s, ...c }, l) => {
+  const [m, b] = t.useState(e ?? !1), f = r !== void 0 ? r : m, p = t.useCallback(
+    (a) => {
+      r === void 0 && b(a), s == null || s(a);
+    },
+    [r, s]
+  );
+  return /* @__PURE__ */ o(
+    i,
+    {
+      className: h(
+        "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",
+        d && "border-error-7 data-[state=checked]:bg-error-9",
+        n
+      ),
+      checked: r,
+      defaultChecked: e,
+      onCheckedChange: p,
+      ...c,
+      ref: l,
+      children: /* @__PURE__ */ o(u, { asChild: !0, children: /* @__PURE__ */ o(
+        w.span,
+        {
+          className: "pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-accent-fg shadow-02 ring-0",
+          animate: { x: f ? 20 : 0 },
+          transition: g.snappy
+        }
+      ) })
+    }
+  );
+});
+v.displayName = i.displayName;
 export {
-  c as Switch
+  v as Switch
 };

package/dist/ui/table.d.ts

@@ -7,5 +7,8 @@ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export type TableProps = React.HTMLAttributes<HTMLTableElement>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
 //# sourceMappingURL=table.d.ts.map

package/dist/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,KAAK,iHAWT,CAAA;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAYf,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAYZ,CAAA;AAGF,QAAA,MAAM,SAAS,2HAab,CAAA;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAA;AAGF,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,KAAK,iHAWT,CAAA;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAYf,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAYZ,CAAA;AAGF,QAAA,MAAM,SAAS,2HAab,CAAA;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAA;AAGF,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC/D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAA;AACrE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;AAEzE,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}

package/dist/ui/table.js

@@ -1,91 +1,91 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as l from "react";
-import { c as s } from "../_chunks/utils.js";
-const r = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ o(
+import { jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { c as l } from "../_chunks/utils.js";
+const r = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
   "table",
   {
-    ref: t,
-    className: s("w-full caption-bottom text-ds-md", e),
-    ...a
+    ref: o,
+    className: l("w-full caption-bottom text-ds-md", a),
+    ...e
   }
 ) }));
 r.displayName = "Table";
-const d = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("thead", { ref: t, className: s("", e), ...a }));
+const d = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t("thead", { ref: o, className: l("", a), ...e }));
 d.displayName = "TableHeader";
-const c = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+const c = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "tbody",
   {
-    ref: t,
-    className: s("[&_tr:last-child]:border-0", e),
-    ...a
+    ref: o,
+    className: l("[&_tr:last-child]:border-0", a),
+    ...e
   }
 ));
 c.displayName = "TableBody";
-const m = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+const m = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "tfoot",
   {
-    ref: t,
-    className: s(
-      "bg-[color-mix(in_srgb,var(--color-layer-02)_50%,transparent)] font-medium [&>tr]:last:border-b-0",
-      e
+    ref: o,
+    className: l(
+      "bg-[color-mix(in_srgb,var(--color-surface-2)_50%,transparent)] font-medium [&>tr]:last:border-b-0",
+      a
     ),
-    ...a
+    ...e
   }
 ));
 m.displayName = "TableFooter";
-const b = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+const f = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "tr",
   {
-    ref: t,
-    className: s(
-      "transition-colors hover:bg-layer-02 data-[state=selected]:bg-interactive-selected",
-      e
+    ref: o,
+    className: l(
+      "transition-colors hover:bg-surface-2 data-[state=selected]:bg-accent-3",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-b.displayName = "TableRow";
-const i = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+f.displayName = "TableRow";
+const b = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "th",
   {
-    ref: t,
+    ref: o,
     scope: "col",
-    className: s(
-      "h-ds-md px-ds-03 text-left font-medium text-text-secondary [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      e
+    className: l(
+      "h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-i.displayName = "TableHead";
-const f = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+b.displayName = "TableHead";
+const i = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "td",
   {
-    ref: t,
-    className: s(
+    ref: o,
+    className: l(
       "py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      e
+      a
     ),
-    ...a
+    ...e
   }
 ));
-f.displayName = "TableCell";
-const n = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+i.displayName = "TableCell";
+const p = s.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   "caption",
   {
-    ref: t,
-    className: s("mt-ds-05 text-ds-md text-text-secondary", e),
-    ...a
+    ref: o,
+    className: l("mt-ds-05 text-ds-md text-surface-fg-muted", a),
+    ...e
   }
 ));
-n.displayName = "TableCaption";
+p.displayName = "TableCaption";
 export {
   r as Table,
   c as TableBody,
-  n as TableCaption,
-  f as TableCell,
+  p as TableCaption,
+  i as TableCell,
   m as TableFooter,
-  i as TableHead,
+  b as TableHead,
   d as TableHeader,
-  b as TableRow
+  f as TableRow
 };

package/dist/ui/tabs.d.ts

@@ -16,6 +16,9 @@ import * as React from 'react';
  * all `TabsTrigger` children. You do NOT need to repeat `variant` on each trigger — but you CAN
  * override it per-trigger if needed.
  *
+ * The active tab indicator animates between tabs using Framer Motion `layoutId`. Line variant
+ * shows a sliding underline; contained variant shows a sliding pill background.
+ *
  * @compound
  * @example
  * // Default line variant:
@@ -42,7 +45,7 @@ import * as React from 'react';
  *   <TabsContent value="roles">Roles list here.</TabsContent>
  * </Tabs>
  */
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /** Props for the Tabs root (defaultValue, value, onValueChange, etc.). */
 export type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
 declare const tabsListVariants: (props?: ({

package/dist/ui/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,IAAI,gGAAqB,CAAA;AAE/B,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAKjF,QAAA,MAAM,gBAAgB;;8EASpB,CAAA;AAEF,QAAA,MAAM,mBAAmB;;8EAmBxB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C,QAAA,MAAM,QAAQ,sFAcZ,CAAA;AAGF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C,QAAA,MAAM,WAAW,4FAcf,CAAA;AAGF,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,kFAAkF;AAClF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE3F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,IAAI,mJAgCR,CAAA;AAGF,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAQjF,QAAA,MAAM,gBAAgB;;8EASpB,CAAA;AAEF,QAAA,MAAM,mBAAmB;;8EAmBxB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C,QAAA,MAAM,QAAQ,sFAqBZ,CAAA;AAGF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C,QAAA,MAAM,WAAW,4FAmCf,CAAA;AAGF,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,kFAAkF;AAClF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE3F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/tabs.js

@@ -1,75 +1,125 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { bl as d, bm as c, bn as l, bo as m } from "../_chunks/primitives.js";
-import * as s from "react";
-import { e as b } from "../_chunks/vendor-utils.js";
-import { c as o } from "../_chunks/utils.js";
-const C = m, f = s.createContext({ variant: "line" }), p = b("inline-flex items-center", {
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { be as h, bf as b, bg as v, bh as g } from "../_chunks/primitives.js";
+import * as t from "react";
+import { ag as p } from "../_chunks/vendor-utils.js";
+import { c as f } from "../_chunks/utils.js";
+import { s as u } from "../_chunks/motion2.js";
+import { L as T, m } from "../_chunks/motion.js";
+const x = t.createContext(void 0), I = t.forwardRef(({ value: e, defaultValue: i, onValueChange: a, ...r }, o) => {
+  const [n, c] = t.useState(e ?? i ?? "");
+  t.useEffect(() => {
+    e !== void 0 && c(e);
+  }, [e]);
+  const d = t.useCallback(
+    (l) => {
+      c(l), a == null || a(l);
+    },
+    [a]
+  );
+  return /* @__PURE__ */ s(x.Provider, { value: n, children: /* @__PURE__ */ s(
+    h,
+    {
+      ref: o,
+      value: e,
+      defaultValue: e === void 0 ? i : void 0,
+      onValueChange: d,
+      ...r
+    }
+  ) });
+});
+I.displayName = "Tabs";
+const y = t.createContext({
+  variant: "line",
+  layoutId: "tab-indicator"
+}), w = p("inline-flex items-center", {
   variants: {
     variant: {
-      line: "border-b border-border w-full gap-0",
-      contained: "bg-layer-02 p-ds-02 rounded-ds-lg gap-ds-02"
+      line: "border-b border-surface-border-strong w-full gap-0",
+      contained: "bg-surface-2 p-ds-02 rounded-ds-lg gap-ds-02"
     }
   },
   defaultVariants: { variant: "line" }
-}), u = b(
-  "inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]",
+}), C = p(
+  "relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans text-ds-md font-medium transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled",
   {
     variants: {
       variant: {
         line: [
-          "px-ds-05 py-ds-03 -mb-px border-b-2 border-transparent",
-          "text-text-secondary hover:text-text-primary",
-          "data-[state=active]:border-interactive data-[state=active]:text-interactive data-[state=active]:animate-tab-indicator"
+          "px-ds-05 py-ds-03 -mb-px",
+          "text-surface-fg-muted hover:text-surface-fg",
+          "data-[state=active]:text-accent-11"
         ],
         contained: [
           "px-ds-05 py-ds-02b rounded-ds-md",
-          "text-text-secondary hover:text-text-primary",
-          "data-[state=active]:bg-layer-01 data-[state=active]:shadow-01 data-[state=active]:text-text-primary"
+          "text-surface-fg-muted hover:text-surface-fg",
+          "data-[state=active]:text-surface-fg"
         ]
       }
     },
     defaultVariants: { variant: "line" }
   }
-), x = s.forwardRef(({ className: t, variant: a, ...e }, n) => {
-  const i = a ?? "line";
-  return /* @__PURE__ */ r(f.Provider, { value: { variant: i }, children: /* @__PURE__ */ r(
-    d,
+), L = t.forwardRef(({ className: e, variant: i, ...a }, r) => {
+  const o = i ?? "line", n = t.useId(), c = t.useMemo(
+    () => ({ variant: o, layoutId: `tab-indicator-${n}` }),
+    [o, n]
+  );
+  return /* @__PURE__ */ s(y.Provider, { value: c, children: /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
+    b,
     {
-      ref: n,
-      className: o(p({ variant: i }), t),
-      ...e
+      ref: r,
+      className: f(w({ variant: o }), e),
+      ...a
     }
-  ) });
+  ) }) });
 });
-x.displayName = d.displayName;
-const g = s.forwardRef(({ className: t, variant: a, ...e }, n) => {
-  const i = s.useContext(f), v = a ?? i.variant;
-  return /* @__PURE__ */ r(
-    c,
+L.displayName = b.displayName;
+const R = t.forwardRef(({ className: e, variant: i, children: a, ...r }, o) => {
+  const n = t.useContext(y), c = t.useContext(x), d = i ?? n.variant, l = r.value === c;
+  return /* @__PURE__ */ N(
+    v,
     {
-      ref: n,
-      className: o(u({ variant: v }), t),
-      ...e
+      ref: o,
+      className: f(C({ variant: d }), e),
+      ...r,
+      children: [
+        d === "contained" && l && /* @__PURE__ */ s(
+          m.span,
+          {
+            layoutId: `${n.layoutId}-contained`,
+            className: "absolute inset-0 rounded-ds-md bg-surface-1 shadow-01",
+            transition: u.smooth
+          }
+        ),
+        /* @__PURE__ */ s("span", { className: "relative z-[1] inline-flex items-center gap-ds-02", children: a }),
+        d === "line" && l && /* @__PURE__ */ s(
+          m.span,
+          {
+            layoutId: `${n.layoutId}-line`,
+            className: "absolute bottom-0 left-0 right-0 h-0.5 bg-accent-9",
+            transition: u.smooth
+          }
+        )
+      ]
     }
   );
 });
-g.displayName = c.displayName;
-const y = s.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
-  l,
+R.displayName = v.displayName;
+const V = t.forwardRef(({ className: e, ...i }, a) => /* @__PURE__ */ s(
+  g,
   {
-    ref: e,
-    className: o(
-      "mt-ds-05 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
-      t
+    ref: a,
+    className: f(
+      "mt-ds-05 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+      e
     ),
-    ...a
+    ...i
   }
 ));
-y.displayName = l.displayName;
+V.displayName = g.displayName;
 export {
-  C as Tabs,
-  y as TabsContent,
-  x as TabsList,
-  g as TabsTrigger
+  I as Tabs,
+  V as TabsContent,
+  L as TabsList,
+  R as TabsTrigger
 };

package/dist/ui/text.d.ts

@@ -23,17 +23,17 @@ type TextVariant = NonNullable<VariantProps<typeof textVariants>['variant']>;
  *
  * @example
  * // Section label (uppercase, small):
- * <Text variant="label-sm" className="text-text-secondary">Recent activity</Text>
+ * <Text variant="label-sm" className="text-surface-fg-muted">Recent activity</Text>
  *
  * @example
  * // Body copy with custom element (renders as <span> for inline use):
- * <Text variant="body-sm" as="span" className="text-text-secondary">
+ * <Text variant="body-sm" as="span" className="text-surface-fg-muted">
  *   Last updated 3 hours ago
  * </Text>
  *
  * @example
  * // Caption under an image or figure:
- * <Text variant="caption" className="text-text-tertiary">Figure 1: System architecture</Text>
+ * <Text variant="caption" className="text-surface-fg-subtle">Figure 1: System architecture</Text>
  * // These are just a few ways — feel free to combine props creatively!
  */
 type TextProps<T extends React.ElementType = 'p'> = {

package/dist/ui/text.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { e as o } from "../_chunks/vendor-utils.js";
+import { ag as o } from "../_chunks/vendor-utils.js";
 import { c as d } from "../_chunks/utils.js";
 const p = o("font-sans", {
   variants: {

package/dist/ui/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,QAAA,MAAM,gBAAgB;;8EAsBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EACrE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,2FAyBb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,QAAA,MAAM,gBAAgB;;8EAsBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EACrE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,2FAyBb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/textarea.js

@@ -1,20 +1,22 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import * as l from "react";
-import { e as b } from "../_chunks/vendor-utils.js";
-import { c as u } from "../_chunks/utils.js";
-import { u as f } from "../_chunks/form.js";
-const m = b(
+import { ag as u } from "../_chunks/vendor-utils.js";
+import { c as f } from "../_chunks/utils.js";
+import { m } from "../_chunks/motion2.js";
+import { u as b } from "../_chunks/form.js";
+import { m as x } from "../_chunks/motion.js";
+const p = u(
   [
     "flex w-full font-sans resize-y",
-    "bg-field text-text-primary",
-    "border border-border rounded-ds-md",
-    "placeholder:text-text-placeholder",
-    "hover:bg-field-hover",
+    "bg-surface-3 text-surface-fg",
+    "border border-surface-border-strong rounded-ds-md",
+    "placeholder:text-surface-fg-subtle",
+    "hover:bg-surface-4",
     "transition-colors duration-fast-01",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:border-border-interactive",
-    "disabled:cursor-not-allowed disabled:opacity-[0.38]",
-    "read-only:bg-layer-02 read-only:cursor-default"
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:border-accent-7",
+    "disabled:cursor-not-allowed disabled:opacity-action-disabled",
+    "read-only:bg-surface-2 read-only:cursor-default"
   ],
   {
     variants: {
@@ -26,30 +28,30 @@ const m = b(
     },
     defaultVariants: { size: "md" }
   }
-), x = l.forwardRef(
-  ({ className: i, state: a, size: o, ...s }, d) => {
-    const r = f(), e = a ?? (r.state === "helper" ? void 0 : r.state), t = s["aria-describedby"] ?? r.helperTextId, n = s["aria-required"] ?? r.required;
+), g = l.forwardRef(
+  ({ className: a, state: i, size: o, ...s }, t) => {
+    const r = b(), e = i ?? (r.state === "helper" ? void 0 : r.state), d = s["aria-describedby"] ?? r.helperTextId, n = s["aria-required"] ?? r.required;
     return /* @__PURE__ */ c(
-      "textarea",
+      x.textarea,
       {
         "aria-invalid": e === "error" || void 0,
-        "aria-describedby": t,
+        "aria-describedby": d,
         "aria-required": n || void 0,
-        className: u(
-          m({ size: o }),
-          e === "error" && "border-border-error focus-visible:ring-error",
-          e === "warning" && "border-border-warning focus-visible:ring-warning",
-          e === "success" && "border-border-success focus-visible:ring-success",
-          i
+        className: f(
+          p({ size: o }),
+          e === "error" && "border-error-7 focus-visible:ring-error-7",
+          e === "warning" && "border-warning-7 focus-visible:ring-warning-7",
+          e === "success" && "border-success-7 focus-visible:ring-success-7",
+          a
         ),
-        ref: d,
-        ...s
+        ref: t,
+        ...m(s)
       }
     );
   }
 );
-x.displayName = "Textarea";
+g.displayName = "Textarea";
 export {
-  x as Textarea,
-  m as textareaVariants
+  g as Textarea,
+  p as textareaVariants
 };

package/dist/ui/toast-types.d.ts

@@ -0,0 +1,43 @@
+"use client";
+import type * as React from 'react';
+export interface UploadFile {
+    id: string;
+    name: string;
+    /** File size in bytes */
+    size: number;
+    /** 0-100 progress percentage. undefined = indeterminate */
+    progress?: number;
+    /** Upload state */
+    status: 'pending' | 'uploading' | 'processing' | 'complete' | 'error';
+    /** Error message if status is 'error' */
+    error?: string;
+    /** Optional preview URL (for images) */
+    previewUrl?: string;
+}
+export interface ToastActionOptions {
+    label: string;
+    onClick: () => void;
+}
+export interface ToastUndoOptions {
+    onUndo: () => void;
+    /** Auto-dismiss duration in ms. Default: 8000 */
+    duration?: number;
+    description?: string;
+}
+export interface ToastUploadOptions {
+    /** Pass an existing toast id to update it */
+    id?: string;
+    files: UploadFile[];
+    onRetry?: (fileId: string) => void;
+    onRemove?: (fileId: string) => void;
+}
+export interface ToastOptions {
+    id?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionOptions;
+    cancel?: ToastActionOptions;
+    duration?: number;
+}
+export type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading' | 'message';
+//# sourceMappingURL=toast-types.d.ts.map

package/dist/ui/toast-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-types.d.ts","sourceRoot":"","sources":["../../src/ui/toast-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAMD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA"}

package/dist/ui/toast-types.js

@@ -0,0 +1,2 @@
+"use client";
+