@devalok/shilp-sutra 0.21.0 → 0.22.1

package/dist/ui/accordion.js

@@ -1,57 +1,57 @@
 "use client";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
-import { I as m, H as f, T as n, C as c, R as l } from "../_chunks/primitives.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as s from "react";
+import { I as m, H as f, T as d, C as n, R as l } from "../_chunks/primitives.js";
 import { IconChevronDown as p } from "@tabler/icons-react";
-import { cn as s } from "./lib/utils.js";
+import { cn as i } from "./lib/utils.js";
 import { tweens as u } from "./lib/motion.js";
-import { m as N } from "../_chunks/framer.js";
-const I = l, w = i.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
+import { m as b } from "../_chunks/framer.js";
+const I = l, g = s.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
   m,
   {
     ref: t,
-    className: s("border-b border-surface-border", o),
+    className: i("border-b border-surface-border", o),
     ...a
   }
 ));
-w.displayName = "AccordionItem";
-const x = i.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(f, { className: "flex", children: /* @__PURE__ */ d(
-  n,
+g.displayName = "AccordionItem";
+const N = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(f, { className: "flex", children: /* @__PURE__ */ c(
+  d,
   {
     ref: r,
-    className: s(
-      "group flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+    className: i(
+      "group flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium hover:bg-surface-2 rounded-ds-md data-[state=open]:bg-surface-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
       o
     ),
     ...t,
     children: [
       a,
-      /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-muted transition-transform duration-200 group-data-[state=open]:rotate-180" })
+      /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-muted transition-transform duration-moderate-02 ease-productive-standard group-data-[state=open]:rotate-180" })
     ]
   }
 ) }));
-x.displayName = n.displayName;
-const b = i.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(
-  c,
+N.displayName = d.displayName;
+const w = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(
+  n,
   {
     ref: r,
     className: "w-full overflow-hidden text-ds-md data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
     ...t,
     children: /* @__PURE__ */ e(
-      N.div,
+      b.div,
       {
         initial: !1,
         animate: { opacity: 1 },
         transition: u.fade,
-        children: /* @__PURE__ */ e("div", { className: s("pb-ds-05 pt-0", o), children: a })
+        children: /* @__PURE__ */ e("div", { className: i("pb-ds-05 pt-ds-02", o), children: a })
       }
     )
   }
 ));
-b.displayName = c.displayName;
+w.displayName = n.displayName;
 export {
   I as Accordion,
-  b as AccordionContent,
-  w as AccordionItem,
-  x as AccordionTrigger
+  w as AccordionContent,
+  g as AccordionItem,
+  N as AccordionTrigger
 };

package/dist/ui/alert.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { IconInfoCircle as o, IconAlertCircle as x, IconAlertTriangle as v, IconCircleCheck as p, IconX as N } from "@tabler/icons-react";
+import { IconInfoCircle as o, IconAlertCircle as v, IconAlertTriangle as x, IconCircleCheck as p, IconX as N } from "@tabler/icons-react";
 import * as r from "react";
 import { ag as w } from "../_chunks/vendor-utils.js";
 import { cn as h } from "./lib/utils.js";
@@ -48,15 +48,15 @@ const k = w(
 ), V = {
   info: o,
   success: p,
-  warning: v,
-  error: x,
+  warning: x,
+  error: v,
   neutral: o
 }, j = r.forwardRef(
   ({ className: c, variant: i = "subtle", color: t = "info", title: a, onDismiss: s, children: l, ...f }, u) => {
-    const m = V[t ?? "info"], [d, g] = r.useState(!0), b = r.useCallback(() => {
+    const d = V[t ?? "info"], [m, g] = r.useState(!0), b = r.useCallback(() => {
       g(!1);
     }, []);
-    return /* @__PURE__ */ e(C, { onExitComplete: s, children: d && /* @__PURE__ */ n(
+    return /* @__PURE__ */ e(C, { onExitComplete: s, children: m && /* @__PURE__ */ n(
       A.div,
       {
         ref: u,
@@ -68,17 +68,17 @@ const k = w(
         role: "alert",
         ...I(f),
         children: [
-          /* @__PURE__ */ e(m, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(d, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
           /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
             a && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: a }),
-            /* @__PURE__ */ e("div", { className: "text-ds-md opacity-[0.9]", children: l })
+            /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted", children: l })
           ] }),
           s && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: b,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors hover:text-surface-fg-muted hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-3 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
               "aria-label": "Dismiss",
               children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
             }

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,eAAO,MAAM,cAAc;;;8EAmB1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AAoE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,EACnF,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,gCAAgC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,SAAS,CAAA;IACxC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,MAAM,qFAuFV,CAAA;AAGF,QAAA,MAAM,WAAW,gKAgBf,CAAA;AAGF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC;IACvE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,6FA4BlB,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAUjE,eAAO,MAAM,cAAc;;;8EAmB1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AAoE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,EACnF,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,gCAAgC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,SAAS,CAAA;IACxC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,MAAM,qFA6EV,CAAA;AAGF,QAAA,MAAM,WAAW,gKAgBf,CAAA;AAGF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC;IACvE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,6FAiClB,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/avatar.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-import * as g from "react";
-import { F as y, J as v, K as N } from "../_chunks/primitives.js";
-import { ag as R } from "../_chunks/vendor-utils.js";
-import { springs as k } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { m as c } from "../_chunks/framer.js";
-const p = R(
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+import * as i from "react";
+import { F as y, J as N, K as k } from "../_chunks/primitives.js";
+import { ag as F } from "../_chunks/vendor-utils.js";
+import { springs as C } from "./lib/motion.js";
+import { cn as r } from "./lib/utils.js";
+import { m as f } from "../_chunks/framer.js";
+const A = i.createContext("circle"), x = F(
   "relative flex shrink-0 overflow-hidden",
   {
     variants: {
@@ -25,157 +25,143 @@ const p = R(
     },
     defaultVariants: { size: "md", shape: "circle" }
   }
-), x = {
+), b = {
   online: "bg-success-9",
   offline: "bg-surface-3",
   busy: "bg-error-9",
   away: "bg-warning-9"
-}, b = {
+}, h = {
   online: "Online",
   offline: "Offline",
   busy: "Busy",
   away: "Away"
-}, h = {
+}, w = {
   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"
-}, F = {
+}, O = {
   lead: "ring-accent-7",
   admin: "ring-warning-7",
   client: "ring-info-7"
-}, O = {
+}, S = {
   circle: "rounded-ds-full",
   square: "rounded-ds-none",
   rounded: "rounded-ds-md"
-}, w = [
-  { bg: "bg-accent-3", text: "text-accent-11" },
-  { bg: "bg-secondary-3", text: "text-secondary-11" },
-  { bg: "bg-success-3", text: "text-success-11" },
-  { bg: "bg-warning-3", text: "text-warning-11" },
-  { bg: "bg-error-3", text: "text-error-11" },
-  { bg: "bg-info-3", text: "text-info-11" },
-  { bg: "bg-category-teal-3", text: "text-category-teal-11" },
-  { bg: "bg-category-indigo-3", text: "text-category-indigo-11" }
+}, v = [
+  { bg: "bg-accent-2", text: "text-accent-11" },
+  { bg: "bg-success-2", text: "text-success-11" },
+  { bg: "bg-warning-2", text: "text-warning-11" },
+  { bg: "bg-error-2", text: "text-error-11" },
+  { bg: "bg-info-2", text: "text-info-11" },
+  { bg: "bg-cat-purple-2", text: "text-cat-purple-11" },
+  { bg: "bg-cat-pink-2", text: "text-cat-pink-11" },
+  { bg: "bg-cat-teal-2", text: "text-cat-teal-11" }
 ];
 function j(o) {
   let a = 5381;
   for (let e = 0; e < o.length; e++)
     a = (a << 5) + a + o.charCodeAt(e) | 0;
-  const s = Math.abs(a) % w.length;
-  return w[s];
+  const n = Math.abs(a) % v.length;
+  return v[n];
 }
-const I = g.forwardRef(({ className: o, size: a, shape: s, status: e, ring: l, badge: t, loading: m, children: i, ...d }, f) => {
-  const A = s ?? "circle", u = l && l !== "none" ? n("ring-2 ring-offset-2 ring-offset-surface-2", F[l], O[A]) : void 0;
-  if (m)
-    return /* @__PURE__ */ r("span", { ref: f, className: n("relative inline-flex shrink-0", u), children: /* @__PURE__ */ r(
+const q = i.forwardRef(({ className: o, size: a, shape: n, status: e, ring: l, badge: t, loading: g, children: d, ...c }, u) => {
+  const m = n ?? "circle", p = l && l !== "none" ? r("ring-2 ring-offset-2 ring-offset-surface-2", O[l], S[m]) : void 0;
+  if (g)
+    return /* @__PURE__ */ s("span", { ref: u, className: r("relative inline-flex shrink-0", p), children: /* @__PURE__ */ s(
       "span",
       {
-        className: n(p({ size: a, shape: s }), "animate-pulse bg-surface-3"),
+        className: r(x({ size: a, shape: n }), "animate-pulse bg-surface-3"),
         "data-slot": "avatar-skeleton"
       }
     ) });
-  const C = t !== void 0 && t !== 0;
-  return /* @__PURE__ */ M("span", { className: n("relative inline-flex shrink-0", u), children: [
-    /* @__PURE__ */ r(
+  const M = t !== void 0 && t !== 0;
+  return /* @__PURE__ */ s(A.Provider, { value: m, children: /* @__PURE__ */ R("span", { className: r("relative inline-flex shrink-0", p), children: [
+    /* @__PURE__ */ s(
       y,
       {
-        ref: f,
-        className: n(p({ size: a, shape: s }), o),
-        ...d,
-        children: i
+        ref: u,
+        className: r(x({ size: a, shape: n }), o),
+        ...c,
+        children: d
       }
     ),
-    e && (e === "online" ? /* @__PURE__ */ r(
-      c.span,
+    e && (e === "online" ? /* @__PURE__ */ s(
+      f.span,
       {
-        className: n(
-          "absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-2",
-          x[e],
-          h[a ?? "md"]
-        ),
+        className: r("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-2", b[e], w[a ?? "md"]),
         animate: { opacity: [1, 0.75, 1] },
         transition: { duration: 2.5, repeat: 1 / 0, ease: "easeInOut" },
         role: "img",
-        "aria-label": b[e]
-      }
-    ) : /* @__PURE__ */ r(
-      "span",
-      {
-        className: n(
-          "absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-2",
-          x[e],
-          h[a ?? "md"]
-        ),
-        role: "img",
-        "aria-label": b[e]
+        "aria-label": h[e]
       }
-    )),
-    C && (t === "dot" ? /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ s("span", { className: r("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-2", b[e], w[a ?? "md"]), role: "img", "aria-label": h[e] })),
+    M && (t === "dot" ? /* @__PURE__ */ s(
       "span",
       {
         className: "absolute -right-0.5 -top-0.5 h-[8px] w-[8px] rounded-ds-full bg-error-9 ring-2 ring-surface-2",
         "data-slot": "avatar-badge-dot",
         "aria-hidden": "true"
       }
-    ) : typeof t == "number" ? /* @__PURE__ */ r(
-      c.span,
+    ) : typeof t == "number" ? /* @__PURE__ */ s(
+      f.span,
       {
         initial: { scale: 0 },
         animate: { scale: 1 },
-        transition: k.bouncy,
+        transition: C.bouncy,
         className: "absolute -right-1 -top-1 flex min-w-[16px] items-center justify-center rounded-ds-full bg-error-9 px-1 text-[10px] font-bold leading-[16px] text-error-fg ring-2 ring-surface-2",
         "data-slot": "avatar-badge",
         role: "status",
         "aria-label": `${t > 99 ? "99+" : t} notifications`,
         children: t > 99 ? "99+" : t
       }
-    ) : /* @__PURE__ */ r("span", { className: "absolute -right-1 -top-1", "data-slot": "avatar-badge-custom", children: t }))
-  ] });
+    ) : /* @__PURE__ */ s("span", { className: "absolute -right-1 -top-1", "data-slot": "avatar-badge-custom", children: t }))
+  ] }) });
 });
-I.displayName = y.displayName;
-const L = g.forwardRef(({ className: o, ...a }, s) => /* @__PURE__ */ r(
-  c.span,
+q.displayName = y.displayName;
+const I = i.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ s(
+  f.span,
   {
     initial: { opacity: 0, scale: 0.96 },
     animate: { opacity: 1, scale: 1 },
-    transition: k.smooth,
+    transition: C.smooth,
     className: "absolute inset-0 h-full w-full",
-    children: /* @__PURE__ */ r(
-      v,
+    children: /* @__PURE__ */ s(
+      N,
       {
-        ref: s,
-        className: n("aspect-square h-full w-full", o),
+        ref: n,
+        className: r("aspect-square h-full w-full", o),
         ...a
       }
     )
   }
 ));
-L.displayName = v.displayName;
-const S = g.forwardRef(({ className: o, colorSeed: a, children: s, ...e }, l) => {
-  const t = typeof s == "string" ? s : "", i = j(a ?? t), d = t.length === 1 ? "tracking-wide" : "tracking-normal";
-  return /* @__PURE__ */ r(
-    N,
+I.displayName = N.displayName;
+const L = i.forwardRef(({ className: o, colorSeed: a, children: n, ...e }, l) => {
+  const t = typeof n == "string" ? n : "", d = j(a ?? t), c = i.useContext(A), u = c === "square" ? "rounded-ds-none" : c === "rounded" ? "rounded-ds-md" : "rounded-ds-full", m = t.length === 1 ? "tracking-wide" : "tracking-normal";
+  return /* @__PURE__ */ s(
+    k,
     {
       ref: l,
       "data-slot": "avatar-fallback",
-      className: n(
-        "flex h-full w-full items-center justify-center font-semibold",
-        i.bg,
-        i.text,
-        d,
+      className: r(
+        "flex h-full w-full items-center justify-center",
+        u,
+        d.bg,
+        d.text,
+        m,
         o
       ),
       ...e,
-      children: s
+      children: n
     }
   );
 });
-S.displayName = N.displayName;
+L.displayName = k.displayName;
 export {
-  I as Avatar,
-  S as AvatarFallback,
-  L as AvatarImage,
-  p as avatarVariants
+  q as Avatar,
+  L as AvatarFallback,
+  I as AvatarImage,
+  x as avatarVariants
 };

package/dist/ui/badge.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { IconX as d } from "@tabler/icons-react";
+import { IconX as g } from "@tabler/icons-react";
 import * as b from "react";
 import { ag as m } from "../_chunks/vendor-utils.js";
 import { cn as u } from "./lib/utils.js";
 import { m as f } from "../_chunks/framer.js";
 const x = m(
-  "inline-flex items-center gap-ds-02b font-sans font-medium rounded-ds-full border",
+  "inline-flex items-center gap-ds-02b font-sans font-medium rounded-ds-full border transition-colors duration-fast-01 ease-productive-standard",
   {
     variants: {
       variant: {
@@ -100,7 +100,7 @@ const x = m(
     }
   }
 ), v = b.forwardRef(
-  ({ className: o, variant: s, color: n, size: c, dot: l, onDismiss: r, children: e, ...i }, g) => /* @__PURE__ */ t("span", { ref: g, className: u(x({ variant: s, color: n, size: c }), o), ...i, children: [
+  ({ className: o, variant: s, color: n, size: c, dot: l, onDismiss: r, children: e, ...i }, d) => /* @__PURE__ */ t("span", { ref: d, className: u(x({ variant: s, color: n, size: c }), o), ...i, children: [
     l && /* @__PURE__ */ t("span", { className: "relative inline-flex h-ds-02b w-ds-02b shrink-0", "aria-hidden": "true", children: [
       /* @__PURE__ */ a(
         f.span,
@@ -118,9 +118,9 @@ const x = m(
       {
         type: "button",
         onClick: r,
-        className: "ml-ds-01 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full text-surface-fg-subtle hover:rotate-90 transition-[color,transform] duration-fast-02 hover:text-surface-fg-muted hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+        className: "ml-ds-01 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full text-current/60 hover:text-current hover:bg-current/10 transition-[color,background-color,transform] duration-fast-02 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
         "aria-label": `Remove ${typeof e == "string" ? e : ""}`.trim() || "Remove",
-        children: /* @__PURE__ */ a(d, { className: "h-ico-sm w-ico-sm" })
+        children: /* @__PURE__ */ a(g, { className: "h-ico-sm w-ico-sm" })
       }
     )
   ] })

package/dist/ui/banner.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { IconInfoCircle as n, IconAlertCircle as p, IconAlertTriangle as x, IconCircleCheck as v, IconX as w } from "@tabler/icons-react";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { IconInfoCircle as n, IconAlertCircle as h, IconAlertTriangle as x, IconCircleCheck as v, IconX as w } from "@tabler/icons-react";
 import * as r from "react";
-import { ag as k } from "../_chunks/vendor-utils.js";
-import { cn as N } from "./lib/utils.js";
-import { springs as I, motionProps as C } from "./lib/motion.js";
-import { A as y, m as A } from "../_chunks/framer.js";
-const _ = k(
+import { ag as N } from "../_chunks/vendor-utils.js";
+import { cn as I } from "./lib/utils.js";
+import { springs as C, motionProps as y } from "./lib/motion.js";
+import { A as k, m as A } from "../_chunks/framer.js";
+const _ = N(
   "flex flex-wrap items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b",
   {
     variants: {
@@ -24,33 +24,33 @@ const _ = k(
   info: n,
   success: v,
   warning: x,
-  error: p,
+  error: h,
   neutral: n
 }, j = r.forwardRef(
-  ({ className: t, color: s = "info", action: a, actions: c, onDismiss: o, children: l, ...d }, m) => {
-    const i = c ?? a, f = V[s ?? "info"], [u, b] = r.useState(!0), g = r.useCallback(() => {
+  ({ className: i, color: s = "info", action: a, actions: c, onDismiss: o, children: d, ...l }, m) => {
+    const t = c ?? a, u = V[s ?? "info"], [f, b] = r.useState(!0), g = r.useCallback(() => {
       b(!1);
     }, []);
-    return /* @__PURE__ */ e(y, { onExitComplete: o, children: u && /* @__PURE__ */ h(
+    return /* @__PURE__ */ e(k, { onExitComplete: o, children: f && /* @__PURE__ */ p(
       A.div,
       {
         ref: m,
         initial: { height: "auto", opacity: 1 },
         exit: { height: 0, opacity: 0 },
-        transition: I.snappy,
-        className: N(_({ color: s }), "overflow-hidden", t),
+        transition: C.snappy,
+        className: I(_({ color: s }), "overflow-hidden", i),
         role: "alert",
-        ...C(d),
+        ...y(l),
         children: [
-          /* @__PURE__ */ e(f, { className: "h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
-          i && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-150 [&_button:hover]:bg-black/10 [&_button:hover]:dark:bg-white/10", children: i }),
+          /* @__PURE__ */ e(u, { className: "h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: d }),
+          t && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10", children: t }),
           o && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: g,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-150 hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
               "aria-label": "Dismiss",
               children: /* @__PURE__ */ e(w, { className: "h-ico-sm w-ico-sm" })
             }

package/dist/ui/breadcrumb.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { S as t } from "../_chunks/primitives.js";
-import { IconDots as n, IconChevronRight as d } from "@tabler/icons-react";
-import * as o from "react";
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { S as c } from "../_chunks/primitives.js";
+import { IconDots as d, IconChevronRight as n } from "@tabler/icons-react";
+import * as i from "react";
 import { cn as m } from "./lib/utils.js";
-const l = o.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
+const l = i.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
 l.displayName = "Breadcrumb";
-const f = o.forwardRef(
+const u = i.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "ol",
     {
@@ -19,30 +19,30 @@ const f = o.forwardRef(
     }
   )
 );
-f.displayName = "BreadcrumbList";
-const p = o.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: m("inline-flex items-center gap-ds-02b", e), ...r })
+u.displayName = "BreadcrumbList";
+const f = i.forwardRef(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: m("inline-flex items-center gap-ds-03", e), ...r })
 );
-p.displayName = "BreadcrumbItem";
-const u = o.forwardRef(({ className: e, asChild: r = !1, ...a }, c) => /* @__PURE__ */ s(
-  r ? t : "a",
+f.displayName = "BreadcrumbItem";
+const p = i.forwardRef(({ className: e, asChild: r = !1, ...a }, o) => /* @__PURE__ */ s(
+  r ? c : "a",
   {
-    ref: c,
+    ref: o,
     className: m(
-      "transition-colors hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
+      "transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
       e
     ),
     ...a
   }
 ));
-u.displayName = "BreadcrumbLink";
-const b = o.forwardRef(
+p.displayName = "BreadcrumbLink";
+const b = i.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "span",
     {
       ref: a,
       "aria-current": "page",
-      className: m("font-normal text-surface-fg", e),
+      className: m("font-medium text-surface-fg", e),
       ...r
     }
   )
@@ -55,11 +55,11 @@ const N = ({ children: e, className: r, ...a }) => /* @__PURE__ */ s(
     "aria-hidden": "true",
     className: m("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", r),
     ...a,
-    children: e ?? /* @__PURE__ */ s(d, {})
+    children: e ?? /* @__PURE__ */ s(n, {})
   }
 );
 N.displayName = "BreadcrumbSeparator";
-const g = ({ className: e, ...r }) => /* @__PURE__ */ i(
+const g = ({ className: e, ...r }) => /* @__PURE__ */ t(
   "span",
   {
     role: "presentation",
@@ -67,7 +67,7 @@ const g = ({ className: e, ...r }) => /* @__PURE__ */ i(
     className: m("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center", e),
     ...r,
     children: [
-      /* @__PURE__ */ s(n, { className: "h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ s(d, { className: "h-ico-sm w-ico-sm" }),
       /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
     ]
   }
@@ -76,9 +76,9 @@ g.displayName = "BreadcrumbEllipsis";
 export {
   l as Breadcrumb,
   g as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  u as BreadcrumbLink,
-  f as BreadcrumbList,
+  f as BreadcrumbItem,
+  p as BreadcrumbLink,
+  u as BreadcrumbList,
   b as BreadcrumbPage,
   N as BreadcrumbSeparator
 };