@alfadocs/ui-kit 0.38.0 → 0.39.0

package/dist/_chunks/{sparkline-DEROcSl0.js → sparkline-DGhCSw8M.js}

@@ -1,9 +1,9 @@
-import { jsx as w, jsxs as P } from "react/jsx-runtime";
-import { forwardRef as j, useId as G, useMemo as R, useRef as V, useState as H, useEffect as z, useImperativeHandle as Z } from "react";
+import { jsx as v, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as j, useId as G, useMemo as w, useRef as V, useState as A, useEffect as H, useImperativeHandle as Z } from "react";
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
 import J from "react-apexcharts";
-import v from "apexcharts";
+import R from "apexcharts";
 import { g as D, u as K } from "./apexcharts-theme-BJigns_V.js";
 import { u as Q } from "./registry-nPAVE19X.js";
 function X(n) {
@@ -15,8 +15,8 @@ function X(n) {
     const o = s - a;
     i += o * (n[s] - c), l += o * o;
   }
-  const d = l === 0 ? 0 : i / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), k = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
-  return { slope: d, direction: k };
+  const d = l === 0 ? 0 : i / l, k = 0.01 * (Math.max(...n) - Math.min(...n) || 1), u = Math.abs(d) < k ? "steady" : d > 0 ? "increasing" : "decreasing";
+  return { slope: d, direction: u };
 }
 const Y = {
   id: "sparkline",
@@ -50,7 +50,10 @@ const Y = {
     size: {
       xs: "ds:h-6",
       sm: "ds:h-8",
-      md: "ds:h-10"
+      md: "ds:h-10",
+      // Applied when an explicit `height` prop is given: the wrapper
+      // grows with the svg instead of clipping at the size's fixed height.
+      auto: ""
     }
   },
   defaultVariants: { size: "md" }
@@ -76,26 +79,26 @@ const ne = j(
     color: l,
     showEndpoint: d = !1,
     showTooltip: M = !1,
-    width: b,
-    height: k,
+    width: k,
+    height: u,
     className: s,
     ...o
   }, _) => {
-    var A;
-    const { t: u, i18n: C } = q(), T = G(), m = R(
+    var S;
+    const { t: m, i18n: C } = q(), T = G(), p = w(
       () => `sparkline-${T.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [T]
-    ), p = V(null), [O, E] = H(0), { direction: y } = X(t), N = R(() => {
+    ), h = V(null), [O, E] = A(0), { direction: y } = X(t), z = w(() => {
       if (t.length === 0)
-        return u("sparkline.noData", "No data");
-      const e = (g) => new Intl.NumberFormat(C.language).format(g), r = u(`sparkline.direction.${y}`), f = {
+        return m("sparkline.noData", "No data");
+      const e = (b) => new Intl.NumberFormat(C.language).format(b), r = m(`sparkline.direction.${y}`), g = {
         min: e(Math.min(...t)),
         max: e(Math.max(...t)),
         current: e(t[t.length - 1]),
         direction: r
       };
-      return i ? u("sparkline.summary", { label: i, ...f }) : u("sparkline.summaryNoLabel", f);
-    }, [t, i, y, C.language, u]), [h, W] = H(
+      return i ? m("sparkline.summary", { label: i, ...g }) : m("sparkline.summaryNoLabel", g);
+    }, [t, i, y, C.language, m]), [f, W] = A(
       () => {
         try {
           return D();
@@ -104,7 +107,7 @@ const ne = j(
         }
       }
     );
-    z(() => {
+    H(() => {
       let e;
       const r = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
@@ -120,57 +123,60 @@ const ne = j(
       }), () => {
         clearTimeout(e), r.disconnect();
       };
-    }, []), z(() => {
-      const e = p.current;
+    }, []), H(() => {
+      const e = h.current;
       if (!e) return;
-      const r = new ResizeObserver((f) => {
-        const g = f[0];
-        g && E(Math.floor(g.contentRect.width));
+      const r = new ResizeObserver((g) => {
+        const b = g[0];
+        b && E(Math.floor(b.contentRect.width));
       });
       return r.observe(e), () => r.disconnect();
-    }, []), K(p);
-    const x = R(
+    }, []), K(h);
+    const x = w(
       () => ({
         updateSeries(e) {
           var r;
-          (r = v.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
+          (r = R.getChartByID(p)) == null || r.updateSeries([{ data: e }]);
         },
         updateOptions(e) {
           var r;
-          (r = v.getChartByID(m)) == null || r.updateOptions(e);
+          (r = R.getChartByID(p)) == null || r.updateOptions(e);
         },
         async dataURI() {
-          const e = v.getChartByID(m);
+          const e = R.getChartByID(p);
           return e ? (await e.dataURI()).imgURI : "";
         }
       }),
-      [m]
+      [p]
     );
     Z(_, () => x, [x]), Q(Y, x, n);
-    const I = l ?? ((A = h.colors) == null ? void 0 : A[0]) ?? "currentColor";
+    const I = l ?? ((S = f.colors) == null ? void 0 : S[0]) ?? "currentColor";
     if (t.length === 0)
-      return /* @__PURE__ */ w(
+      return /* @__PURE__ */ v(
         "div",
         {
-          ref: p,
+          ref: h,
           role: "img",
-          "aria-label": N,
+          "aria-label": z,
           dir: "ltr",
-          className: U({ size: c, className: s }),
+          className: U({
+            size: u !== void 0 ? "auto" : c,
+            className: s
+          }),
           ...o
         }
       );
-    const S = re(), B = {
-      ...h,
+    const N = re(), B = {
+      ...f,
       chart: {
-        ...h.chart,
-        id: m,
+        ...f.chart,
+        id: p,
         type: a,
         sparkline: { enabled: !0 },
         toolbar: { show: !1 },
         animations: {
-          enabled: !S,
-          dynamicAnimation: { enabled: !S }
+          enabled: !N,
+          dynamicAnimation: { enabled: !N }
         },
         zoom: { enabled: !1 },
         parentHeightOffset: 0
@@ -200,26 +206,29 @@ const ne = j(
         ]
       } : { size: 0 },
       grid: {
-        ...h.grid,
+        ...f.grid,
         show: !1,
         // ApexCharts grid.padding uses physical keys (not CSS logical properties).
         // The chart wrapper enforces dir="ltr" so these always resolve correctly.
         padding: { top: 2, right: 2, bottom: 2, left: 2 }
       }
-    }, F = b ?? (O > 0 ? O : "100%"), L = k ?? te[c ?? "md"];
+    }, F = k ?? (O > 0 ? O : "100%"), L = u ?? te[c ?? "md"];
     return /* @__PURE__ */ P(
       "div",
       {
-        ref: p,
+        ref: h,
         role: "img",
-        "aria-label": N,
+        "aria-label": z,
         dir: "ltr",
-        className: U({ size: c, className: s }),
+        className: U({
+          size: u !== void 0 ? "auto" : c,
+          className: s
+        }),
         "data-component": "sparkline",
         "data-component-id": n,
         ...o,
         children: [
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ v(
             J,
             {
               type: a,
@@ -230,7 +239,7 @@ const ne = j(
               "aria-hidden": "true"
             }
           ),
-          d && /* @__PURE__ */ w(
+          d && /* @__PURE__ */ v(
             "span",
             {
               "aria-hidden": "true",
@@ -249,4 +258,4 @@ export {
   Y as s,
   X as u
 };
-//# sourceMappingURL=sparkline-DEROcSl0.js.map
+//# sourceMappingURL=sparkline-DGhCSw8M.js.map

package/dist/_chunks/{stepper-accordion-BfS6lUB9.js → stepper-accordion-Dki6r9ZE.js}

@@ -88,7 +88,7 @@ const J = [
 }), Q = v(
   [
     "ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]",
-    "ds:border ds:border-[var(--border)] ds:bg-[var(--card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:bg-[var(--card)]",
     "ds:data-[state=open]:border-[var(--primary)]",
     "ds:transition-[border-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
     "ds:motion-reduce:transition-none"
@@ -254,4 +254,4 @@ ne.displayName = "StepperAccordion";
 export {
   ne as S
 };
-//# sourceMappingURL=stepper-accordion-BfS6lUB9.js.map
+//# sourceMappingURL=stepper-accordion-Dki6r9ZE.js.map

package/dist/_chunks/{tag-CyoaEmf_.js → tag-CdA0s_VV.js}

@@ -27,7 +27,7 @@ const V = B(
       },
       fill: {
         solid: "",
-        outline: "ds:border ds:bg-transparent"
+        outline: "ds:border ds:border-[color:var(--border)] ds:bg-transparent"
       },
       size: {
         // Symmetric start/end padding — close button uses negative margin to stay flush.
@@ -131,7 +131,7 @@ const V = B(
   }
 ), M = q(
   ({
-    label: n,
+    label: o,
     variant: g = "neutral",
     fill: p = "solid",
     size: a = "md",
@@ -139,20 +139,20 @@ const V = B(
     onRemove: t,
     onClick: b,
     disabled: e = !1,
-    maxInlineSize: o = "none",
+    maxInlineSize: n = "none",
     className: h
   }, i) => {
     const { t: w } = H(), y = F(null), [D, C] = E(!1), [O, R] = E("");
     G(() => {
       const s = y.current;
-      if (!s || o === "none") return;
+      if (!s || n === "none") return;
       const z = () => C(s.scrollWidth > s.clientWidth), j = new ResizeObserver(z);
       return j.observe(s), z(), () => j.disconnect();
-    }, [o]);
+    }, [n]);
     const W = (s) => {
       (s.key === "Backspace" || s.key === "Delete") && t && !e && (s.preventDefault(), x(), setTimeout(t, 100));
     }, x = () => {
-      R(w("tag.removed", { label: n }));
+      R(w("tag.removed", { label: o }));
     }, K = () => {
       !e && t && (x(), setTimeout(t, 100));
     }, d = !!t, N = !!b && !d, T = V({
@@ -174,22 +174,22 @@ const V = B(
       "span",
       {
         ref: y,
-        className: o !== "none" ? "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap" : void 0,
-        style: o !== "none" ? { maxInlineSize: o } : void 0,
-        children: n
+        className: n !== "none" ? "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap" : void 0,
+        style: n !== "none" ? { maxInlineSize: n } : void 0,
+        children: o
       }
     ), A = /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: O }), X = d ? /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        "aria-label": w("tag.remove", { label: n }),
+        "aria-label": w("tag.remove", { label: o }),
         onClick: K,
         disabled: e,
         tabIndex: -1,
         className: L({ size: a }),
         children: /* @__PURE__ */ r(J, { "aria-hidden": "true" })
       }
-    ) : null, u = o !== "none" && D;
+    ) : null, u = n !== "none" && D;
     if (N) {
       const s = /* @__PURE__ */ f(
         "button",
@@ -206,7 +206,7 @@ const V = B(
           ]
         }
       );
-      return u ? /* @__PURE__ */ r(v, { label: n, children: s }) : s;
+      return u ? /* @__PURE__ */ r(v, { label: o, children: s }) : s;
     }
     if (d) {
       const s = (
@@ -216,7 +216,7 @@ const V = B(
           {
             ref: i,
             role: "group",
-            "aria-label": n,
+            "aria-label": o,
             tabIndex: e ? -1 : 0,
             "aria-disabled": e || void 0,
             onKeyDown: W,
@@ -231,7 +231,7 @@ const V = B(
           }
         )
       );
-      return u ? /* @__PURE__ */ r(v, { label: n, children: s }) : s;
+      return u ? /* @__PURE__ */ r(v, { label: o, children: s }) : s;
     }
     const k = /* @__PURE__ */ f(
       "span",
@@ -245,11 +245,11 @@ const V = B(
         ]
       }
     );
-    return u ? /* @__PURE__ */ r(v, { label: n, children: k }) : k;
+    return u ? /* @__PURE__ */ r(v, { label: o, children: k }) : k;
   }
 );
 M.displayName = "Tag";
 export {
   M as T
 };
-//# sourceMappingURL=tag-CyoaEmf_.js.map
+//# sourceMappingURL=tag-CdA0s_VV.js.map

package/dist/_chunks/{task-card-BUVMh6HN.js → task-card-CPyQ5AXC.js}

@@ -1,18 +1,19 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
-import { c as g } from "./index-D2ZczOXr.js";
-import { useTranslation as b } from "react-i18next";
+import { c as b } from "./index-D2ZczOXr.js";
+import { useTranslation as g } from "react-i18next";
 import { C as x } from "./chevron-right-BrpYejk0.js";
 import { S as y } from "./square-check-big-Jr-0202D.js";
 import { C } from "./circle-alert-ChA9opNA.js";
 import { S as N } from "./square-CZoGU14v.js";
-const k = g(
+const k = b(
   [
     "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:transition-colors",
     "ds:motion-reduce:transition-none",
     "ds:text-start ds:group",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
     "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
   ].join(" "),
   {
@@ -53,7 +54,7 @@ function T({
 }
 const w = v(
   ({ item: s, size: a = "sm", onActivate: r, className: u, ...f }, p) => {
-    const { t: m } = b(), t = !!r, h = !!s.url && S(s.url), n = m("taskCard.itemLabel", {
+    const { t: m } = g(), t = !!r, h = !!s.url && S(s.url), n = m("taskCard.itemLabel", {
       title: s.title,
       due: s.dueLabel ?? "",
       defaultValue: '{{title}}{{due, prepend, " · "}}'
@@ -114,4 +115,4 @@ export {
   w as T,
   S as i
 };
-//# sourceMappingURL=task-card-BUVMh6HN.js.map
+//# sourceMappingURL=task-card-CPyQ5AXC.js.map

package/dist/_chunks/{task-tray-DRK0b0Qb.js → task-tray-B8jFv5FV.js}

@@ -1,11 +1,11 @@
 import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as q, useRef as k, useMemo as z, useImperativeHandle as M } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
+import { forwardRef as j, useRef as v, useMemo as q, useImperativeHandle as z } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
 import { I as C } from "./icon-button-CKEOrN37.js";
 import { S as K } from "./skeleton-CZbwyJAA.js";
 import { E } from "./empty-state-BLy7tigq.js";
-import { T as L } from "./task-card-BUVMh6HN.js";
+import { T as L } from "./task-card-CPyQ5AXC.js";
 import { u as P } from "./registry-nPAVE19X.js";
 import { c as H } from "./createLucideIcon-CrFbzy84.js";
 import { P as V } from "./plus-CYKNmfuA.js";
@@ -77,10 +77,11 @@ const B = [
       description: "Stable task id emitted on each rendered TaskCard inside the tray."
     }
   }
-}, J = S(
+}, J = M(
   [
     "ds:flex ds:flex-col",
     "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
     "ds:overflow-hidden"
   ].join(" "),
@@ -95,80 +96,80 @@ const B = [
       size: "sm"
     }
   }
-), Q = q(
+), Q = j(
   ({
     id: e,
     items: s,
-    title: v,
+    title: k,
     size: f = "sm",
-    onOpenTask: r,
+    onOpenTask: i,
     onToggleDone: n,
     onDismissTask: c,
     onAddTask: y,
     addLabel: x,
-    loading: u = !1,
-    emptyTitle: w,
-    emptyDescription: I,
-    className: N,
-    ...T
-  }, b) => {
-    const { t: l } = _(), h = v ?? l("taskTray.title", "Tasks"), R = x ?? l("taskTray.add", "Add task"), A = !u && s.length === 0;
+    loading: h = !1,
+    emptyTitle: b,
+    emptyDescription: w,
+    className: I,
+    ...N
+  }, T) => {
+    const { t: l } = S(), u = k ?? l("taskTray.title", "Tasks"), R = x ?? l("taskTray.add", "Add task"), A = !h && s.length === 0;
     let m;
-    u ? m = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(K, { variant: "rectangular", height: "2.5rem" }, t)) }) : A ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+    h ? m = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(K, { variant: "rectangular", height: "2.5rem" }, t)) }) : A ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
       E,
       {
         variant: "first-use",
         size: "sm",
-        title: w ?? l("taskTray.empty.title", "No tasks yet"),
-        description: I ?? l("taskTray.empty.description", "New tasks will appear here.")
+        title: b ?? l("taskTray.empty.title", "No tasks yet"),
+        description: w ?? l("taskTray.empty.description", "New tasks will appear here.")
       }
     ) }) : m = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((t) => /* @__PURE__ */ a(
       L,
       {
         item: t,
         size: f,
-        onActivate: r,
+        onActivate: i,
         "data-task-id": t.id
       },
       t.id
     )) });
-    const d = k(s);
+    const d = v(s);
     d.current = s;
-    const j = z(
+    const _ = q(
       () => ({
         getItems: () => d.current.map((t) => ({
           id: t.id,
           status: t.status ?? "open"
         })),
         selectItem: (t) => {
-          const i = d.current.find((o) => o.id === t);
-          i && (r == null || r(i));
+          const r = d.current.find((o) => o.id === t);
+          r && (i == null || i(r));
         },
         toggleDone: (t) => {
-          const i = d.current.find((o) => o.id === t);
-          i && (n == null || n(i));
+          const r = d.current.find((o) => o.id === t);
+          r && (n == null || n(r));
         },
         dismiss: (t) => {
-          const i = d.current.find((o) => o.id === t);
-          i && (c == null || c(i));
+          const r = d.current.find((o) => o.id === t);
+          r && (c == null || c(r));
         }
       }),
-      [r, n, c]
-    ), g = k(null);
-    return M(b, () => g.current, []), P(G, j, e), /* @__PURE__ */ p(
+      [i, n, c]
+    ), g = v(null);
+    return z(T, () => g.current, []), P(G, _, e), /* @__PURE__ */ p(
       "section",
       {
         ref: g,
-        "aria-label": h,
+        "aria-label": u,
         "data-component": "task-tray",
         "data-component-id": e,
-        className: J({ size: f, className: N }),
-        ...T,
+        className: J({ size: f, className: I }),
+        ...N,
         children: [
           /* @__PURE__ */ p("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ p("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
               /* @__PURE__ */ a(F, { "aria-hidden": "true", className: "ds:size-4" }),
-              h
+              u
             ] }),
             y ? /* @__PURE__ */ a(
               C,
@@ -192,4 +193,4 @@ export {
   Q as T,
   G as t
 };
-//# sourceMappingURL=task-tray-DRK0b0Qb.js.map
+//# sourceMappingURL=task-tray-B8jFv5FV.js.map

package/dist/_chunks/{transcript-panel-DyhTpAP7.js → transcript-panel-CR7VY1uw.js}

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { forwardRef as K, useState as A, useRef as x, useId as _, useMemo as w, useCallback as R, useImperativeHandle as j, Fragment as O } from "react";
+import { forwardRef as K, useState as A, useRef as w, useId as _, useMemo as x, useCallback as R, useImperativeHandle as j, Fragment as O } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
 import { u as F } from "./registry-nPAVE19X.js";
@@ -54,7 +54,8 @@ const U = {
 }, G = V(
   [
     "ds:flex ds:flex-col ds:w-full ds:min-h-0",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]",
+    "ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2",
     "ds:bg-background",
     "ds:focus-within:border-[color:var(--primary)]"
   ].join(" "),
@@ -120,14 +121,14 @@ const te = K(
     className: p,
     ...g
   }, L) => {
-    const { t: d, i18n: b } = D(), [m, M] = A(""), h = x(null), T = x(null), P = _(), c = w(() => {
+    const { t: d, i18n: b } = D(), [m, M] = A(""), h = w(null), T = w(null), P = _(), c = x(() => {
       if (!Number.isFinite(n)) return -1;
       for (let e = 0; e < t.length; e += 1) {
         const r = t[e];
         if (r.start <= n && n < r.end) return e;
       }
       return -1;
-    }, [t, n]), k = w(() => {
+    }, [t, n]), k = x(() => {
       if (!m) return 0;
       let e = 0;
       const r = m.toLocaleLowerCase();
@@ -245,9 +246,9 @@ const te = K(
         );
       },
       [c, b.language, a, m, d]
-    ), S = x(null);
+    ), S = w(null);
     j(L, () => S.current, []);
-    const E = w(
+    const E = x(
       () => ({
         getSelectedTurn: () => c >= 0 ? String(c) : null,
         focusTurn: (e) => {
@@ -344,4 +345,4 @@ export {
   te as T,
   U as t
 };
-//# sourceMappingURL=transcript-panel-DyhTpAP7.js.map
+//# sourceMappingURL=transcript-panel-CR7VY1uw.js.map