@alfadocs/ui-kit 1.80.0 → 1.82.0

package/dist/_chunks/{address-fields-GnoSkvh6.js → address-fields-CfnXK8RT.js}

@@ -2,10 +2,10 @@ import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as k, useRef as N, useEffect as O, useCallback as D, useMemo as B } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
-import { C as M } from "./country-select-CSE2Zm_s.js";
-import { P as U } from "./province-select-CDjs5obD.js";
+import { C as M } from "./country-select-DQ8q7ypA.js";
+import { P as U } from "./province-select-CPdTwEob.js";
 import { P as W } from "./postal-code-input-CfZOnIkW.js";
-import { C as Y } from "./city-input-3J3bz9EO.js";
+import { C as Y } from "./city-input-CJVGswxp.js";
 import { T as z } from "./text-input-CaG9ApoE.js";
 import { F as y } from "./form-field-CyHfOVKF.js";
 import { A as G } from "./address-autocomplete-bPR2mNBt.js";
@@ -295,4 +295,4 @@ export {
   te as A,
   X as a
 };
-//# sourceMappingURL=address-fields-GnoSkvh6.js.map
+//# sourceMappingURL=address-fields-CfnXK8RT.js.map

package/dist/_chunks/{ai-prompt-input-M6u29f87.js → ai-prompt-input-DH_rnV-F.js}

@@ -378,31 +378,38 @@ const Ze = {
                       className: "ds:sr-only"
                     }
                   ),
-                  /* @__PURE__ */ u(g.List, { className: "ds:max-h-60 ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-                    /* @__PURE__ */ a(g.Empty, { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: d("chat.slashMenu.empty") }),
-                    s.map((e) => /* @__PURE__ */ u(
-                      g.Item,
-                      {
-                        value: e.id,
-                        onSelect: () => Pe(e),
-                        className: [
-                          "ds:flex ds:flex-col ds:gap-[2px]",
-                          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-                          "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-                          "type-body-sm ds:cursor-pointer",
-                          Ae.selected
-                        ].join(" "),
-                        children: [
-                          /* @__PURE__ */ u("span", { className: "ds:font-medium", children: [
-                            "/",
-                            e.id
-                          ] }),
-                          e.description ? /* @__PURE__ */ a("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: e.description }) : null
-                        ]
-                      },
-                      e.id
-                    ))
-                  ] })
+                  /* @__PURE__ */ u(
+                    g.List,
+                    {
+                      label: d("chat.slashMenu.label"),
+                      className: "ds:max-h-60 ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+                      children: [
+                        /* @__PURE__ */ a(g.Empty, { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: d("chat.slashMenu.empty") }),
+                        s.map((e) => /* @__PURE__ */ u(
+                          g.Item,
+                          {
+                            value: e.id,
+                            onSelect: () => Pe(e),
+                            className: [
+                              "ds:flex ds:flex-col ds:gap-[2px]",
+                              "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                              "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+                              "type-body-sm ds:cursor-pointer",
+                              Ae.selected
+                            ].join(" "),
+                            children: [
+                              /* @__PURE__ */ u("span", { className: "ds:font-medium", children: [
+                                "/",
+                                e.id
+                              ] }),
+                              e.description ? /* @__PURE__ */ a("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: e.description }) : null
+                            ]
+                          },
+                          e.id
+                        ))
+                      ]
+                    }
+                  )
                 ] })
               }
             ) : null
@@ -499,4 +506,4 @@ export {
   Qe as A,
   Ze as a
 };
-//# sourceMappingURL=ai-prompt-input-M6u29f87.js.map
+//# sourceMappingURL=ai-prompt-input-DH_rnV-F.js.map

package/dist/_chunks/{anamnesis-summary-rows-lONg-zja.js → anamnesis-summary-rows-6gMuu0ZK.js}

@@ -7,7 +7,7 @@ import { C as le } from "./card-BA4Ig_kn.js";
 import { C as Zt, b as Yt, a as Jt } from "./collapsible-DVPM46bq.js";
 import { E as Xe } from "./empty-state-DwJ5YNzz.js";
 import { F as M } from "./form-field-CyHfOVKF.js";
-import { M as ln } from "./multi-select-BOad3za9.js";
+import { M as ln } from "./multi-select-i5MFRpXg.js";
 import { N as ga } from "./number-input-CVwI1ltI.js";
 import { R as ze } from "./radio-BZQs6_36.js";
 import { R as ma } from "./radio-group-ChIKyeSJ.js";
@@ -20928,4 +20928,4 @@ export {
   Vi as t,
   ld as u
 };
-//# sourceMappingURL=anamnesis-summary-rows-lONg-zja.js.map
+//# sourceMappingURL=anamnesis-summary-rows-6gMuu0ZK.js.map

package/dist/_chunks/{autocomplete-DosDnGie.js → autocomplete-CnB1mHGc.js}

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { forwardRef as tt, useId as st, useState as $, useRef as c, useCallback as D, useEffect as I, useMemo as Q } from "react";
+import { forwardRef as tt, useId as st, useState as $, useRef as p, useCallback as D, useEffect as I, useMemo as X } from "react";
 import { _ as g } from "./index-4xgbg-sn.js";
 import * as F from "@radix-ui/react-popover";
 import { c as T } from "./index-D2ZczOXr.js";
@@ -10,7 +10,7 @@ import { u as rt } from "./use-controllable-state-BiY4xTzM.js";
 import { u as it } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { g as lt } from "./group-options-BvKhQ3xb.js";
 import { b as dt } from "./menu-row-BAr8bx1I.js";
-import { I as ut, a as W, b as X, c as ct } from "./input-surface-iBmxVBfr.js";
+import { I as ut, a as J, b as Y, c as ct } from "./input-surface-iBmxVBfr.js";
 import { u as pt } from "./registry-DvAUVLHh.js";
 import { u as mt } from "./use-debounced-callback-BisrB-Fq.js";
 const ft = {
@@ -112,9 +112,9 @@ const ft = {
   {
     variants: {
       size: {
-        sm: `${W.sm} ${X.sm}`,
-        md: `${W.md} ${X.md}`,
-        lg: `${W.lg} ${X.lg}`
+        sm: `${J.sm} ${Y.sm}`,
+        md: `${J.md} ${Y.md}`,
+        lg: `${J.lg} ${Y.lg}`
       },
       tone: ut
     },
@@ -161,8 +161,8 @@ const ft = {
   "ds:[&_[cmdk-group-heading]]:py-1.5",
   "ds:[&_[cmdk-group-heading]]:type-eyebrow",
   "ds:[&_[cmdk-group-heading]]:text-muted-foreground"
-].join(" "), J = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
-function Y(n, d, B) {
+].join(" "), Z = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
+function ee(n, d, B) {
   return `${n}-${d}-${B}`;
 }
 function ve(n, d) {
@@ -176,35 +176,35 @@ const bt = tt(
     defaultValue: ye,
     onChange: we,
     onSelect: u,
-    recents: b,
+    recents: y,
     onRecentSelect: M,
     snapOnBlur: Ce = !1,
     size: xe = "md",
     tone: ke = "default",
     startAdornment: q,
     endAdornment: K,
-    placeholder: Z,
+    placeholder: P,
     disabled: Ne,
-    readOnly: y,
+    readOnly: w,
     required: Re,
     name: Ve,
-    id: P,
+    id: j,
     className: Ie,
-    "aria-label": ee,
+    "aria-label": z,
     "aria-invalid": Ee,
     "aria-describedby": _e,
-    autoComplete: j
+    autoComplete: U
   }, R) {
-    const { t: w, i18n: Ae } = nt("ui"), p = at(), $e = st(), h = P ?? p.id ?? $e, te = `${h}-listbox`, De = `${h}-live`, v = !!(p.disabled || Ne), Fe = !!(p.required || Re), se = p.invalid || !!Ee, Te = se ? "error" : ke ?? "default", Be = p.describedBy || _e || void 0, [Me, ne] = rt({
+    const { t: h, i18n: Ae } = nt("ui"), c = at(), $e = st(), v = j ?? c.id ?? $e, te = `${v}-listbox`, De = `${v}-live`, b = !!(c.disabled || Ne), Fe = !!(c.required || Re), se = c.invalid || !!Ee, Te = se ? "error" : ke ?? "default", Be = c.describedBy || _e || void 0, [Me, ne] = rt({
       value: be,
       defaultValue: ye ?? "",
       onChange: we
-    }), r = Me ?? "", [i, l] = $(!1), [C, ae] = $([]), [V, z] = $(!1), [m, qe] = $(""), E = c(!1), U = c(null), H = c(r), oe = c(/* @__PURE__ */ new Map()), re = c(/* @__PURE__ */ new Map()), x = c(null), L = c(null);
-    ot(p, x);
-    const O = j && j !== "off" ? j : void 0;
+    }), r = Me ?? "", [i, l] = $(!1), [C, ae] = $([]), [V, H] = $(!1), [m, qe] = $(""), E = p(!1), L = p(null), O = p(r), oe = p(/* @__PURE__ */ new Map()), re = p(/* @__PURE__ */ new Map()), x = p(null), G = p(null);
+    ot(c, x);
+    const S = U && U !== "off" ? U : void 0;
     it(() => {
       var e;
-      O && ((e = x.current) == null || e.setAttribute("autocomplete", O));
+      S && ((e = x.current) == null || e.setAttribute("autocomplete", S));
     });
     const Ke = D(
       (e) => {
@@ -218,26 +218,26 @@ const bt = tt(
       oe.current = e;
     }, [C]), I(() => {
       const e = /* @__PURE__ */ new Map();
-      if (b) for (const t of b) e.set(t.value, t);
+      if (y) for (const t of y) e.set(t.value, t);
       re.current = e;
-    }, [b]);
+    }, [y]);
     const Pe = D(
       (e) => {
         var o;
-        if (v || y || E.current) return;
-        (o = U.current) == null || o.abort();
+        if (b || w || E.current) return;
+        (o = L.current) == null || o.abort();
         const t = new AbortController();
-        U.current = t, H.current = e, z(!0), d(e, { signal: t.signal, locale: ie }).then((a) => {
-          t.signal.aborted || H.current === e && (ae(a), z(!1));
+        L.current = t, O.current = e, H(!0), d(e, { signal: t.signal, locale: ie }).then((a) => {
+          t.signal.aborted || O.current === e && (ae(a), H(!1));
         }).catch((a) => {
-          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || H.current === e && (ae([]), z(!1));
+          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || O.current === e && (ae([]), H(!1));
         });
       },
-      [v, y, d, ie]
+      [b, w, d, ie]
     ), k = mt(Pe, B);
     I(() => () => {
       var e;
-      k.cancel(), (e = U.current) == null || e.abort();
+      k.cancel(), (e = L.current) == null || e.abort();
     }, [k]);
     const f = D(
       (e) => {
@@ -253,7 +253,7 @@ const bt = tt(
       },
       []
     ), je = (e) => {
-      f(e), !(v || y) && (O && document.activeElement !== x.current || (i || l(!0), !E.current && k(e)));
+      f(e), !(b || w) && (S && document.activeElement !== x.current || (i || l(!0), !E.current && k(e)));
     }, ze = (e) => {
       E.current = !0;
     }, Ue = (e) => {
@@ -261,10 +261,10 @@ const bt = tt(
       const t = e.currentTarget.value;
       k(t);
     }, He = (e) => {
-      v || y || (l(!0), r && k(r));
+      b || w || (l(!0), r && k(r));
     }, Le = (e) => {
       const t = e.relatedTarget;
-      if (!(t && L.current && L.current.contains(t))) {
+      if (!(t && G.current && G.current.contains(t))) {
         if (Ce && m) {
           const o = le(m);
           o && (f(o.option.label), u == null || u(o.option));
@@ -289,32 +289,32 @@ const bt = tt(
     }, de = (e, t) => {
       var o;
       f(t.label), e === "recent" ? M == null || M(t) : u == null || u(t), l(!1), (o = x.current) == null || o.focus();
-    }, G = (e) => {
+    }, Q = (e) => {
       e.preventDefault();
-    }, _ = !!(b && b.length > 0) && r.length === 0, Ge = Q(
+    }, _ = !!(y && y.length > 0) && r.length === 0, Ge = X(
       () => lt(C),
       [C]
     ), Se = !!q, Qe = !!K || V, We = gt({
       size: xe,
       tone: Te,
       className: Ie
-    }), Xe = Q(() => {
+    }), Xe = X(() => {
       if (!m) return;
       const [e, t] = m.split(":");
       if (!(!t || e !== "recent" && e !== "option"))
-        return Y(h, e, t);
-    }, [m, h]), A = C.length > 0, ue = !_ && !A && !V && r.length > 0, ce = V && !A, Je = _ || A || ue || ce, S = c(r);
+        return ee(v, e, t);
+    }, [m, v]), A = C.length > 0, ue = !_ && !A && !V && r.length > 0, ce = V && !A, Je = _ || A || ue || ce, W = p(r);
     I(() => {
-      S.current = r;
+      W.current = r;
     }, [r]);
-    const pe = c(i);
+    const pe = p(i);
     I(() => {
       pe.current = i;
     }, [i]);
-    const Ye = Q(
+    const Ye = X(
       () => ({
-        getValue: () => S.current || null,
-        getQuery: () => S.current,
+        getValue: () => W.current || null,
+        getQuery: () => W.current,
         getIsOpen: () => pe.current,
         setValue: (e) => {
           f(e ?? "");
@@ -334,8 +334,8 @@ const bt = tt(
       }),
       [f]
     );
-    pt(ft, Ye, P);
-    const Ze = C.length, et = V ? w("common.loading", "Loading…") : i && r.length > 0 ? w("inputs.autocomplete.results", {
+    pt(ft, Ye, j);
+    const Ze = C.length, et = V ? h("common.loading", "Loading…") : i && r.length > 0 ? h("inputs.autocomplete.results", {
       count: Ze,
       defaultValue: "{{count}} results"
     }) : "";
@@ -345,29 +345,29 @@ const bt = tt(
         shouldFilter: !1,
         value: m,
         onValueChange: qe,
-        label: ee ?? (p.label || Z),
+        label: z ?? (c.label || P),
         className: "ds:w-full",
         children: /* @__PURE__ */ N(
           F.Root,
           {
-            open: i && !v && !y && Je,
+            open: i && !b && !w && Je,
             children: [
               /* @__PURE__ */ s(F.Anchor, { asChild: !0, children: /* @__PURE__ */ N(
                 "div",
                 {
                   className: We,
                   "data-component": "autocomplete",
-                  "data-component-id": P,
-                  "data-disabled": v || void 0,
+                  "data-component-id": j,
+                  "data-disabled": b || void 0,
                   children: [
-                    q ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${J} ds:ps-3`, children: q }) : null,
+                    q ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${Z} ds:ps-3`, children: q }) : null,
                     /* @__PURE__ */ s(
                       g.Input,
                       {
                         ref: Ke,
-                        id: h,
+                        id: v,
                         name: Ve,
-                        placeholder: Z,
+                        placeholder: P,
                         value: r,
                         onValueChange: je,
                         onFocus: He,
@@ -375,8 +375,8 @@ const bt = tt(
                         onKeyDown: Oe,
                         onCompositionStart: ze,
                         onCompositionEnd: Ue,
-                        disabled: v,
-                        readOnly: y,
+                        disabled: b,
+                        readOnly: w,
                         required: Fe,
                         role: "combobox",
                         "aria-autocomplete": "both",
@@ -385,12 +385,12 @@ const bt = tt(
                         "aria-activedescendant": Xe,
                         "aria-describedby": Be,
                         "aria-invalid": se || void 0,
-                        "aria-label": ee ?? (p.label || w("inputs.autocomplete.ariaLabel")),
+                        "aria-label": z ?? (c.label || h("inputs.autocomplete.ariaLabel")),
                         autoComplete: "off",
                         className: ht({ hasStart: Se, hasEnd: Qe })
                       }
                     ),
-                    V ? /* @__PURE__ */ s("span", { className: `${J} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ s(fe, { variant: "pulse", size: "sm" }) }) : K ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${J} ds:pe-3`, children: K }) : null,
+                    V ? /* @__PURE__ */ s("span", { className: `${Z} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ s(fe, { variant: "pulse", size: "sm" }) }) : K ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${Z} ds:pe-3`, children: K }) : null,
                     /* @__PURE__ */ s(
                       "span",
                       {
@@ -408,7 +408,7 @@ const bt = tt(
               /* @__PURE__ */ s(F.Portal, { forceMount: !0, children: /* @__PURE__ */ s(
                 F.Content,
                 {
-                  ref: L,
+                  ref: G,
                   forceMount: !0,
                   hidden: !i,
                   side: "bottom",
@@ -426,28 +426,29 @@ const bt = tt(
                     l(!1);
                   },
                   onEscapeKeyDown: () => l(!1),
-                  onMouseDown: G,
+                  onMouseDown: Q,
                   className: vt(),
                   children: /* @__PURE__ */ N(
                     g.List,
                     {
                       id: te,
+                      label: z ?? (c.label || P || h("inputs.autocomplete.ariaLabel")),
                       className: "ds:max-h-[min(24rem,var(--radix-popover-content-available-height))] ds:overflow-auto ds:p-1",
                       children: [
                         _ ? /* @__PURE__ */ s(
                           g.Group,
                           {
-                            heading: w("inputs.autocomplete.recent", "Recent"),
+                            heading: h("inputs.autocomplete.recent", "Recent"),
                             className: he,
-                            children: (b ?? []).map((e) => /* @__PURE__ */ N(
+                            children: (y ?? []).map((e) => /* @__PURE__ */ N(
                               g.Item,
                               {
-                                id: Y(h, "recent", e.value),
+                                id: ee(v, "recent", e.value),
                                 "data-option-id": e.value,
                                 value: ve("recent", e.value),
                                 disabled: e.disabled,
                                 onSelect: () => de("recent", e),
-                                onMouseDown: G,
+                                onMouseDown: Q,
                                 className: ge(),
                                 children: [
                                   e.startAdornment ? /* @__PURE__ */ s(
@@ -471,21 +472,21 @@ const bt = tt(
                             ))
                           }
                         ) : null,
-                        ue ? /* @__PURE__ */ s("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: w("inputs.autocomplete.noResults", "No results") }) : null,
+                        ue ? /* @__PURE__ */ s("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: h("inputs.autocomplete.noResults", "No results") }) : null,
                         ce ? /* @__PURE__ */ N("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: [
                           /* @__PURE__ */ s(fe, { variant: "pulse", size: "sm" }),
-                          /* @__PURE__ */ s("span", { children: w("common.loading", "Loading…") })
+                          /* @__PURE__ */ s("span", { children: h("common.loading", "Loading…") })
                         ] }) : null,
                         !_ && A ? Ge.map((e, t) => {
                           const o = e.items.map((a) => /* @__PURE__ */ N(
                             g.Item,
                             {
-                              id: Y(h, "option", a.value),
+                              id: ee(v, "option", a.value),
                               "data-option-id": a.value,
                               value: ve("option", a.value),
                               disabled: a.disabled,
                               onSelect: () => de("option", a),
-                              onMouseDown: G,
+                              onMouseDown: Q,
                               className: ge(),
                               children: [
                                 a.startAdornment ? /* @__PURE__ */ s(
@@ -535,4 +536,4 @@ export {
   ft as a,
   gt as b
 };
-//# sourceMappingURL=autocomplete-DosDnGie.js.map
+//# sourceMappingURL=autocomplete-CnB1mHGc.js.map

package/dist/_chunks/{balance-badge-cell-Dzd-Z_5W.js → balance-badge-cell-BHXJS8Ga.js}

@@ -5,7 +5,7 @@ import { a as b, T as g, D as S, d as Ce } from "./data-table-BlONA1rP.js";
 import { A as ve, a as re } from "./actions-cell-renderer-B1yaOfQM.js";
 import { S as Te } from "./select-4S-eYZUf.js";
 import { u as we } from "./registry-DvAUVLHh.js";
-import { I as Ne, L as Fe, b as z, a as H, c as $, N as j, d as w, S as N, T as le, D as Q, g as Re, f as Ie, U as ye, e as Pe, h as Se } from "./link-cell-renderer-B0riA_h_.js";
+import { I as Ne, L as Fe, b as z, a as H, c as $, N as j, d as w, S as N, T as le, D as Q, g as Re, f as Ie, U as ye, e as Pe, h as Se } from "./link-cell-renderer-C0ynDik7.js";
 import { T as We } from "./transaction-chip-CohY6sTA.js";
 import { B as oe } from "./badge-BUk4RjTS.js";
 import { c as Ae } from "./index-D2ZczOXr.js";
@@ -1179,4 +1179,4 @@ export {
   se as g,
   nt as u
 };
-//# sourceMappingURL=balance-badge-cell-Dzd-Z_5W.js.map
+//# sourceMappingURL=balance-badge-cell-BHXJS8Ga.js.map

package/dist/_chunks/{benefit-card-BWBClvdF.js → benefit-card-BcPtRHgM.js}

@@ -1,5 +1,5 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { forwardRef as m, useContext as k, Children as w, createContext as y } from "react";
+import { forwardRef as m, useContext as y, Children as C, createContext as N } from "react";
 import { c as s } from "./index-D2ZczOXr.js";
 const b = [
   "violet",
@@ -8,7 +8,7 @@ const b = [
   "blue",
   "green",
   "red"
-], _ = y(null), C = s("ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-lg)]", {
+], _ = N(null), V = s("ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-lg)]", {
   variants: {
     columns: {
       1: "ds:md:grid-cols-1",
@@ -18,7 +18,7 @@ const b = [
     }
   },
   defaultVariants: { columns: 3 }
-}), N = s(
+}), j = s(
   [
     "ds:relative ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
     "ds:flex ds:flex-col ds:h-full",
@@ -59,7 +59,7 @@ const b = [
     },
     defaultVariants: { variant: "elevated" }
   }
-), V = s(
+), B = s(
   // `inset-x-0` compiles to logical `inset-inline`; the `inset-inline-0`
   // spelling is not a Tailwind utility and compiled to nothing.
   "ds:absolute ds:inset-x-0 ds:top-0 ds:h-[4px] ds:pointer-events-none",
@@ -81,7 +81,7 @@ const b = [
     },
     defaultVariants: { accent: "primary" }
   }
-), j = s("", {
+), R = s("", {
   variants: {
     accent: {
       primary: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--primary)_18%,transparent)]",
@@ -98,7 +98,7 @@ const b = [
     }
   },
   defaultVariants: { accent: "primary" }
-}), B = s(
+}), S = s(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:size-14 ds:rounded-[var(--radius-md)] ds:shrink-0",
@@ -123,7 +123,7 @@ const b = [
     },
     defaultVariants: { accent: "primary" }
   }
-), R = s(
+), A = s(
   [
     "type-eyebrow",
     "ds:rounded-[var(--radius-full)]",
@@ -155,20 +155,20 @@ const b = [
     defaultVariants: { accent: "primary" }
   }
 );
-function S(a, o) {
+function E(a, o) {
   return a !== "auto" ? a : o ? b[o.index % b.length] : "primary";
 }
 const p = m(
-  ({ columns: a = 3, children: o, className: i, ...n }, c) => {
-    const l = w.toArray(o);
+  ({ columns: a = 3, children: o, className: d, ...i }, t) => {
+    const c = C.toArray(o);
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: c,
+        ref: t,
         "data-component": "benefit-card-row",
-        className: C({ columns: a, className: i }),
-        ...n,
-        children: l.map((t, d) => /* @__PURE__ */ r(_.Provider, { value: { index: d }, children: t }, d))
+        className: V({ columns: a, className: d }),
+        ...i,
+        children: c.map((l, e) => /* @__PURE__ */ r(_.Provider, { value: { index: e }, children: l }, e))
       }
     );
   }
@@ -178,34 +178,35 @@ const u = m(
   ({
     step: a,
     icon: o,
-    title: i,
-    cta: n,
+    title: d,
+    headingLevel: i = 3,
+    cta: t,
     variant: c = "elevated",
     accent: l = "auto",
-    children: t,
-    className: d,
-    ...x
-  }, f) => {
-    const h = k(_), e = S(l, h), g = typeof a == "number";
+    children: e,
+    className: x,
+    ...f
+  }, h) => {
+    const k = y(_), n = E(l, k), g = typeof a == "number", w = `h${i}`;
     return /* @__PURE__ */ v(
       "article",
       {
-        ref: f,
+        ref: h,
         "data-component": "benefit-card",
-        "data-accent": e,
+        "data-accent": n,
         className: [
-          N({ variant: c }),
-          j({ accent: e }),
-          d
+          j({ variant: c }),
+          R({ accent: n }),
+          x
         ].filter(Boolean).join(" "),
-        ...x,
+        ...f,
         children: [
           /* @__PURE__ */ r(
             "span",
             {
               "aria-hidden": "true",
               "data-part": "accent-strip",
-              className: V({ accent: e })
+              className: B({ accent: n })
             }
           ),
           /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)] ds:flex-1", children: [
@@ -214,7 +215,7 @@ const u = m(
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: B({ accent: e }),
+                  className: S({ accent: n }),
                   children: o
                 }
               ) : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
@@ -223,14 +224,14 @@ const u = m(
                 {
                   "aria-hidden": "true",
                   "data-part": "step",
-                  className: R({ accent: e }),
+                  className: A({ accent: n }),
                   children: String(a).padStart(2, "0")
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ r("h3", { className: "type-title-card ds:text-[var(--foreground)]", children: i }),
-            t ? /* @__PURE__ */ r("div", { className: "type-body ds:text-[var(--muted-foreground)] ds:flex-1", children: t }) : null,
-            n ? /* @__PURE__ */ r("div", { className: "ds:mt-[var(--spacing-xs)]", children: n }) : null
+            /* @__PURE__ */ r(w, { className: "type-title-card ds:text-[var(--foreground)]", children: d }),
+            e ? /* @__PURE__ */ r("div", { className: "type-body ds:text-[var(--muted-foreground)] ds:flex-1", children: e }) : null,
+            t ? /* @__PURE__ */ r("div", { className: "ds:mt-[var(--spacing-xs)]", children: t }) : null
           ] })
         ]
       }
@@ -238,10 +239,10 @@ const u = m(
   }
 );
 u.displayName = "BenefitCard";
-const H = Object.assign(u, {
+const O = Object.assign(u, {
   Row: p
 });
 export {
-  H as B
+  O as B
 };
-//# sourceMappingURL=benefit-card-BWBClvdF.js.map
+//# sourceMappingURL=benefit-card-BcPtRHgM.js.map