@alfadocs/ui-kit 1.54.2 → 1.55.0

package/dist/_chunks/{wallet-pay-button-Dew8Pmgq.js → wallet-pay-button-DFP5FW0D.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { forwardRef as B } from "react";
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
-import { S as P } from "./spinner-a0FTYX9Q.js";
+import { S as P } from "./spinner-CoflYlEx.js";
 function V({ className: a }) {
   return /* @__PURE__ */ s(
     "svg",
@@ -247,4 +247,4 @@ R.displayName = "WalletPayButton";
 export {
   R as W
 };
-//# sourceMappingURL=wallet-pay-button-Dew8Pmgq.js.map
+//# sourceMappingURL=wallet-pay-button-DFP5FW0D.js.map

package/dist/_chunks/{warning-stack-B_v_qMBI.js → warning-stack-ubD0IZCy.js}

@@ -1,20 +1,20 @@
 import { jsxs as u, jsx as e, Fragment as on } from "react/jsx-runtime";
-import { forwardRef as cn, useId as P, useState as y, useEffect as f, useMemo as U, useRef as N, useCallback as b } from "react";
-import { c as dn } from "./index-D2ZczOXr.js";
+import { forwardRef as dn, useId as P, useState as y, useEffect as f, useMemo as U, useRef as N, useCallback as b } from "react";
+import { c as cn } from "./index-D2ZczOXr.js";
 import { useTranslation as ln } from "react-i18next";
 import { u as un } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { A as C } from "./alert-BhCstf2h.js";
-import { B as fn } from "./button-CYPx2xFq.js";
-import { I as mn } from "./icon-button-mKIvw90h.js";
+import { B as fn } from "./button-Bn16lcFM.js";
+import { I as mn } from "./icon-button-COX76Jdj.js";
 import { X as gn } from "./x-B5YnXwCz.js";
 import { C as hn } from "./chevron-down-DWE7GSq9.js";
-const pn = dn(
+const pn = cn(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-lg)]",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
     "ds:shadow-[var(--shadow-card)]",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
     "ds:p-[var(--spacing-md)]"
   ].join(" "),
   {
@@ -61,7 +61,7 @@ function yn(o, i) {
     i ? "ds:pointer-events-none" : ""
   ].filter(Boolean).join(" ");
 }
-const Nn = cn(
+const Nn = dn(
   ({
     items: o,
     title: i,
@@ -78,13 +78,13 @@ const Nn = cn(
     className: K,
     ...Q
   }, g) => {
-    const { t: d } = ln("ui"), I = P(), B = P(), [R, j] = y(
+    const { t: c } = ln("ui"), I = P(), B = P(), [R, j] = y(
       () => /* @__PURE__ */ new Set()
     );
     f(() => {
       j((n) => {
         if (n.size === 0) return n;
-        const t = new Set(o.map((c) => c.id)), a = new Set([...n].filter((c) => t.has(c)));
+        const t = new Set(o.map((d) => d.id)), a = new Set([...n].filter((d) => t.has(d)));
         return a.size === n.size ? n : a;
       });
     }, [o]);
@@ -95,14 +95,14 @@ const Nn = cn(
     f(() => {
       if (!L.current) return;
       const n = z.current, t = r.length;
-      n !== t && (L.current.textContent = d("warningStack.countChanged", {
+      n !== t && (L.current.textContent = c("warningStack.countChanged", {
         count: t,
         defaultValue: "{{count}} warnings to review"
       })), z.current = t;
-    }, [r.length, d]);
-    const Z = U(() => !v || !h ? r : r.slice(0, m), [r, v, h, m]), $ = v ? r.length - (m ?? 0) : 0, A = r.length > 0, F = T != null, S = A || F, [s, x] = y(S ? "open" : "closed"), [E, _] = y(!1);
+    }, [r.length, c]);
+    const Z = U(() => !v || !h ? r : r.slice(0, m), [r, v, h, m]), $ = v ? r.length - (m ?? 0) : 0, A = r.length > 0, F = T != null, S = A || F, [s, x] = y(S ? "open" : "closed"), [E, W] = y(!1);
     un(() => {
-      S ? s !== "open" && ((s === "closing" || s === "closed") && _(!0), x("open")) : s === "open" && x("settling");
+      S ? s !== "open" && ((s === "closing" || s === "closed") && W(!0), x("open")) : s === "open" && x("settling");
     }, [S, s]), f(() => {
       if (s !== "settling") return;
       const n = window.requestAnimationFrame(() => x("closing"));
@@ -113,10 +113,10 @@ const Nn = cn(
       return () => window.clearTimeout(t);
     }, [s]), f(() => {
       if (!E) return;
-      const n = window.requestAnimationFrame(() => _(!1));
+      const n = window.requestAnimationFrame(() => W(!1));
       return () => window.cancelAnimationFrame(n);
     }, [E]);
-    const W = s === "closing", O = W || E, D = S || s === "settling" || s === "closing", q = N(null), nn = b(
+    const _ = s === "closing", O = _ || E, D = S || s === "settling" || s === "closing", q = N(null), nn = b(
       (n) => {
         q.current = n, typeof g == "function" ? g(n) : g && (g.current = n);
       },
@@ -130,12 +130,12 @@ const Nn = cn(
       if (!t) return;
       const a = Array.from(
         t.querySelectorAll("[data-alert-dismiss]")
-      ), c = a[Math.min(n, a.length - 1)];
-      c ? c.focus() : F && t.focus();
+      ), d = a[Math.min(n, a.length - 1)];
+      d ? d.focus() : F && t.focus();
     });
     const tn = b(
       (n, t) => (a) => {
-        a || (k.current = t, j((c) => new Set(c).add(n.id)), p == null || p(n));
+        a || (k.current = t, j((d) => new Set(d).add(n.id)), p == null || p(n));
       },
       [p]
     ), en = b(() => {
@@ -144,7 +144,7 @@ const Nn = cn(
         for (const a of r) t.add(a.id);
         return t;
       }), w == null || w();
-    }, [r, w]), sn = b(() => Y((n) => !n), []), rn = J ?? d("warningStack.regionLabel", "Warnings"), G = i ? /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    }, [r, w]), sn = b(() => Y((n) => !n), []), rn = J ?? c("warningStack.regionLabel", "Warnings"), G = i ? /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
       /* @__PURE__ */ e(
         "h2",
         {
@@ -163,7 +163,7 @@ const Nn = cn(
           icon: /* @__PURE__ */ e(gn, { "aria-hidden": "true" }),
           intent: "ghost",
           size: "sm",
-          "aria-label": H ?? d("warningStack.dismissAll", "Dismiss all notices"),
+          "aria-label": H ?? c("warningStack.dismissAll", "Dismiss all notices"),
           onClick: en,
           className: "ds:-me-[var(--spacing-2xs)] ds:shrink-0"
         }
@@ -177,7 +177,7 @@ const Nn = cn(
         {
           "data-component": "warning-stack",
           className: kn(O, M),
-          children: /* @__PURE__ */ e("div", { className: yn(O, W), children: /* @__PURE__ */ u(
+          children: /* @__PURE__ */ e("div", { className: yn(O, _), children: /* @__PURE__ */ u(
             "section",
             {
               ref: nn,
@@ -202,7 +202,7 @@ const Nn = cn(
                     {
                       id: B,
                       className: wn,
-                      "aria-label": d("warningStack.listLabel", "Notices"),
+                      "aria-label": c("warningStack.listLabel", "Notices"),
                       children: Z.map((n, t) => {
                         const a = n.variant ?? "warning";
                         return (
@@ -250,10 +250,10 @@ const Nn = cn(
                             ].join(" ")
                           }
                         ),
-                        h ? d("warningStack.showMore", {
+                        h ? c("warningStack.showMore", {
                           count: $,
                           defaultValue: "Show {{count}} more warnings"
-                        }) : d("warningStack.showLess", "Show less")
+                        }) : c("warningStack.showLess", "Show less")
                       ]
                     }
                   ) : null
@@ -270,4 +270,4 @@ Nn.displayName = "WarningStack";
 export {
   Nn as W
 };
-//# sourceMappingURL=warning-stack-B_v_qMBI.js.map
+//# sourceMappingURL=warning-stack-ubD0IZCy.js.map

package/dist/_chunks/{widget-picker-BCbwD5Z1.js → widget-picker-D8RiWrJd.js}

@@ -1,13 +1,13 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as P, useState as N, useEffect as S, useMemo as f, useCallback as T, useImperativeHandle as W } from "react";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as P, useState as N, useEffect as S, useMemo as f, useCallback as W, useImperativeHandle as T } from "react";
 import { c as _ } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
 import { D as l } from "./dialog-D52AI4nF.js";
-import { T as z } from "./text-input-lZ2-t-p2.js";
+import { S as z } from "./state-backed-text-input-DECQy5aA.js";
 import { B as C } from "./badge-hnBt8o7n.js";
-import { u as I } from "./registry-DvAUVLHh.js";
-import { S as L } from "./search-QbWPlY5f.js";
-const R = {
+import { u as B } from "./registry-DvAUVLHh.js";
+import { S as I } from "./search-QbWPlY5f.js";
+const L = {
   id: "widget-picker",
   capabilities: ["pick"],
   state: {
@@ -15,13 +15,13 @@ const R = {
       type: "boolean",
       descriptionKey: "ui.agent.widgetPicker.state.open",
       description: "Whether the picker dialog is currently open.",
-      read: (t) => t.getPickerState().open
+      read: (i) => i.getPickerState().open
     },
     items: {
       type: "{ id: string, disabled: boolean }[]",
       descriptionKey: "ui.agent.widgetPicker.state.items",
       description: "Widget-type ids on offer and whether each is pickable. Ids only — titles are host-app strings.",
-      read: (t) => t.getPickerState().items
+      read: (i) => i.getPickerState().items
     }
   },
   actions: {
@@ -48,7 +48,7 @@ const R = {
       idempotent: !1,
       descriptionKey: "ui.agent.widgetPicker.actions.pickWidget",
       description: "Pick a widget type from the open catalogue. The picker closes and the host adds the widget. Refused while the dialog is closed and for disabled items.",
-      invoke: (t, a) => t.pick(a.id)
+      invoke: (i, a) => i.pick(a.id)
     }
   },
   domHooks: {
@@ -63,7 +63,7 @@ const R = {
       description: "Each option tile carries its widget-type id."
     }
   }
-}, A = _(
+}, R = _(
   [
     "ds:flex ds:w-full ds:min-h-[var(--min-target-size)] ds:items-start ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-[var(--card)]",
@@ -74,18 +74,18 @@ const R = {
     "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"
   ].join(" "),
   { variants: {}, defaultVariants: {} }
-), B = P(
-  ({ open: t, onOpenChange: a, items: d, onPick: m, title: k, id: h }, y) => {
+), A = P(
+  ({ open: i, onOpenChange: a, items: d, onPick: m, title: w, id: h }, y) => {
     const { t: r } = j("ui"), [p, v] = N("");
     S(() => {
-      t || v("");
-    }, [t]);
+      i || v("");
+    }, [i]);
     const b = f(() => {
       const e = p.trim().toLowerCase();
       return e ? d.filter(
         (s) => s.title.toLowerCase().includes(e) || (s.description ?? "").toLowerCase().includes(e)
       ) : d;
-    }, [d, p]), w = f(() => {
+    }, [d, p]), k = f(() => {
       const e = [];
       for (const s of b) {
         const n = s.category || null;
@@ -93,7 +93,7 @@ const R = {
         o || (o = { category: n, entries: [] }, n === null ? e.unshift(o) : e.push(o)), o.entries.push(s);
       }
       return e;
-    }, [b]), g = T(
+    }, [b]), g = W(
       (e) => {
         m(e), a(!1);
       },
@@ -101,13 +101,13 @@ const R = {
     ), u = f(
       () => ({
         pick(e) {
-          if (!t) return !1;
+          if (!i) return !1;
           const s = d.find((n) => n.id === e);
           return !s || s.disabled ? !1 : (g(e), !0);
         },
         getPickerState() {
           return {
-            open: t,
+            open: i,
             items: d.map((e) => ({
               id: e.id,
               disabled: !!e.disabled
@@ -115,49 +115,49 @@ const R = {
           };
         }
       }),
-      [t, d, g]
+      [i, d, g]
     );
-    return W(y, () => u, [u]), I(R, u, h), /* @__PURE__ */ i(l.Root, { open: t, onOpenChange: a, children: /* @__PURE__ */ i(l.Content, { size: "lg", children: /* @__PURE__ */ c("div", { "data-component": "widget-picker", "data-component-id": h, children: [
-      /* @__PURE__ */ i(l.Title, { children: k ?? r("widgetPicker.title") }),
-      /* @__PURE__ */ i(l.Description, { className: "ds:sr-only", children: r("widgetPicker.description") }),
-      /* @__PURE__ */ i("div", { className: "ds:mt-[var(--spacing-sm)]", children: /* @__PURE__ */ i(
+    return T(y, () => u, [u]), B(L, u, h), /* @__PURE__ */ t(l.Root, { open: i, onOpenChange: a, children: /* @__PURE__ */ t(l.Content, { size: "lg", children: /* @__PURE__ */ c("div", { "data-component": "widget-picker", "data-component-id": h, children: [
+      /* @__PURE__ */ t(l.Title, { children: w ?? r("widgetPicker.title") }),
+      /* @__PURE__ */ t(l.Description, { className: "ds:sr-only", children: r("widgetPicker.description") }),
+      /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
         z,
         {
           "aria-label": r("widgetPicker.searchLabel"),
           placeholder: r("widgetPicker.searchPlaceholder"),
-          startAdornment: /* @__PURE__ */ i(L, { "aria-hidden": "true" }),
+          startAdornment: /* @__PURE__ */ t(I, { "aria-hidden": "true" }),
           value: p,
           onChange: (e) => v(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ t(
         "div",
         {
           tabIndex: 0,
           className: "ds:mt-[var(--spacing-md)] ds:flex ds:max-h-[60vh] ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto ds:pe-[var(--spacing-xs)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-          children: w.length === 0 ? /* @__PURE__ */ i(
+          children: k.length === 0 ? /* @__PURE__ */ t(
             "p",
             {
               role: "status",
               className: "ds:py-[var(--spacing-lg)] ds:text-center ds:text-sm ds:text-muted-foreground",
               children: d.length === 0 ? r("widgetPicker.none") : r("widgetPicker.empty")
             }
-          ) : w.map((e) => /* @__PURE__ */ c(
+          ) : k.map((e) => /* @__PURE__ */ c(
             "section",
             {
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
               children: [
-                e.category ? /* @__PURE__ */ i("h3", { className: "ds:text-xs ds:font-semibold ds:uppercase ds:tracking-wide ds:text-muted-foreground", children: e.category }) : null,
-                /* @__PURE__ */ i("div", { className: "ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: e.entries.map((s) => /* @__PURE__ */ c(
+                e.category ? /* @__PURE__ */ t("h3", { className: "ds:text-xs ds:font-semibold ds:uppercase ds:tracking-wide ds:text-muted-foreground", children: e.category }) : null,
+                /* @__PURE__ */ t("div", { className: "ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: e.entries.map((s) => /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
                     disabled: s.disabled,
                     onClick: () => g(s.id),
-                    className: A(),
+                    className: R(),
                     "data-widget-type-id": s.id,
                     children: [
-                      s.icon ? /* @__PURE__ */ i(
+                      s.icon ? /* @__PURE__ */ t(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -167,10 +167,10 @@ const R = {
                       ) : null,
                       /* @__PURE__ */ c("span", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
                         /* @__PURE__ */ c("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                          /* @__PURE__ */ i("span", { className: "ds:truncate ds:text-sm ds:font-medium", children: s.title }),
-                          s.badge ? /* @__PURE__ */ i(C, { variant: "info", size: "sm", children: s.badge }) : null
+                          /* @__PURE__ */ t("span", { className: "ds:truncate ds:text-sm ds:font-medium", children: s.title }),
+                          s.badge ? /* @__PURE__ */ t(C, { variant: "info", size: "sm", children: s.badge }) : null
                         ] }),
-                        s.description ? /* @__PURE__ */ i("span", { className: "ds:text-xs ds:text-muted-foreground", children: s.description }) : null
+                        s.description ? /* @__PURE__ */ t("span", { className: "ds:text-xs ds:text-muted-foreground", children: s.description }) : null
                       ] })
                     ]
                   },
@@ -185,9 +185,9 @@ const R = {
     ] }) }) });
   }
 );
-B.displayName = "WidgetPicker";
+A.displayName = "WidgetPicker";
 export {
-  B as W,
-  R as w
+  A as W,
+  L as w
 };
-//# sourceMappingURL=widget-picker-BCbwD5Z1.js.map
+//# sourceMappingURL=widget-picker-D8RiWrJd.js.map

package/dist/_chunks/{workflow-map-PzamnfJK.js → workflow-map-D3mezmGB.js}

@@ -2,11 +2,11 @@ import { jsx as t, jsxs as c, Fragment as ve } from "react/jsx-runtime";
 import { forwardRef as H, useMemo as W, useRef as M, useCallback as F, useState as ge, useImperativeHandle as be, useEffect as ke } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { C } from "./card-DPmk26CL.js";
+import { C } from "./card-DMO2nkt4.js";
 import { B as ye } from "./badge-hnBt8o7n.js";
-import { a as Z } from "./key-value-pair-BkXjt88Z.js";
+import { a as Z } from "./key-value-pair-Ax8IJr1M.js";
 import { T as xe } from "./timestamp-DPLDWdxA.js";
-import { I as S } from "./icon-button-mKIvw90h.js";
+import { I as S } from "./icon-button-COX76Jdj.js";
 import { P as $ } from "./pencil-B1sKKyuT.js";
 import { c as U } from "./createLucideIcon-DhHxpK9K.js";
 import { T as ae } from "./trash-2-uumy3fy1.js";
@@ -14,9 +14,9 @@ import { C as Ne } from "./circle-dashed-CUj6o2cA.js";
 import { C as Ce } from "./circle-j7oZoouK.js";
 import { u as _e } from "./registry-DvAUVLHh.js";
 import { A as V } from "./alert-BhCstf2h.js";
-import { B as Se } from "./button-CYPx2xFq.js";
-import { D as N } from "./dropdown-menu-B5mgV1kV.js";
-import { E } from "./empty-state-CgvmPPvW.js";
+import { B as Se } from "./button-Bn16lcFM.js";
+import { D as N } from "./dropdown-menu-BQSNVp4x.js";
+import { E } from "./empty-state-gNG3qYCX.js";
 import { P as ne } from "./plus-DzMQ_c6b.js";
 import { G as ie } from "./globe-sHBW1JN5.js";
 import { U as de } from "./user-cog-BTn98Arm.js";
@@ -1000,7 +1000,7 @@ const st = {
     "ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
     // Flat-hairline: 1px card-border, no shadow; accessible theme bumps to 2px.
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
     "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
     // Motion honours the accessible theme (--animation-duration → 0ms).
     "ds:transition-[box-shadow,transform,opacity] ds:duration-[var(--animation-duration)]",
@@ -1321,4 +1321,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-PzamnfJK.js.map
+//# sourceMappingURL=workflow-map-D3mezmGB.js.map

package/dist/_chunks/{workflow-status-DDnsIrLt.js → workflow-status-BT27_fQp.js}

@@ -6,8 +6,8 @@ import { u as Ve } from "./registry-DvAUVLHh.js";
 import { u as Ce } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Ne } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { g as ze, h as We } from "./handled-rejection-6gqCf5vt.js";
-import { a as B } from "./input-surface-xyERuLU_.js";
-import { D as p } from "./dropdown-menu-B5mgV1kV.js";
+import { a as B } from "./input-surface-iBmxVBfr.js";
+import { D as p } from "./dropdown-menu-BQSNVp4x.js";
 import { C as U } from "./circle-alert-rGDZ73Wh.js";
 import { L as je } from "./loader-circle-BECIU_8N.js";
 import { C as Te } from "./chevron-down-DWE7GSq9.js";
@@ -516,4 +516,4 @@ export {
   Oe as a,
   _e as w
 };
-//# sourceMappingURL=workflow-status-DDnsIrLt.js.map
+//# sourceMappingURL=workflow-status-BT27_fQp.js.map