@alfadocs/ui-kit 1.54.3 → 1.56.0

package/dist/_chunks/{stat-Ce9ymEKm.js → stat-DmjGfXND.js}

@@ -1,5 +1,5 @@
-import { jsxs as z, jsx as i } from "react/jsx-runtime";
-import { forwardRef as X, useId as Z, useCallback as O, useRef as tt, useMemo as et } from "react";
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { forwardRef as Z, useId as tt, useCallback as O, useRef as et, useMemo as rt } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as B } from "react-i18next";
 import { u as st } from "./use-count-up-BLLetaZ8.js";
@@ -21,14 +21,13 @@ const P = V("ds:flex ds:flex-col ds:h-full", {
       // shaded panels without nesting a Card around each one. The
       // border is essential in dark mode: shadow alone on a dark
       // surface loses contrast and the card boundary disappears.
-      // Accessible theme bumps to `border-2` to match Card / Benefit-
-      // Card's 0.31.5 accessibility uplift.
+      // `--surface-border-width` bumps it to 2px in the accessible themes,
+      // matching Card / BenefitCard's 0.31.5 accessibility uplift.
       elevated: [
         "ds:gap-[var(--spacing-xs)]",
         "ds:bg-[var(--card)]",
         "ds:text-[var(--card-foreground)]",
-        "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:shadow-[var(--shadow-card)]",
         "ds:rounded-[var(--radius-lg)]",
         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -107,180 +106,188 @@ const P = V("ds:flex ds:flex-col ds:h-full", {
     variant: "default",
     intent: "foreground"
   }
-}), rt = V(
+}), at = V(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
   {
     variants: {
-      trend: {
-        up: "ds:text-[var(--success)]",
-        down: "ds:text-[var(--destructive)]",
-        flat: "ds:text-[var(--muted-foreground)]"
+      // Whether the change is good news, not which way it went: with
+      // `trendPolarity="lower-is-better"` a fall is `better`.
+      tone: {
+        better: "ds:text-[var(--success)]",
+        worse: "ds:text-[var(--destructive)]",
+        neutral: "ds:text-[var(--muted-foreground)]"
       }
     },
     defaultVariants: {
-      trend: "flat"
+      tone: "neutral"
     }
   }
-), at = { up: "↑", down: "↓", flat: "→" }, nt = {
+), nt = { up: "↑", down: "↓", flat: "→" }, it = {
   up: "stat.trend.up",
   down: "stat.trend.down",
   flat: "stat.trend.flat"
 };
-function it({
-  trend: d,
+function dt({
+  trend: a,
   delta: t,
-  deltaFormat: c = "decimal",
-  locale: a
+  deltaFormat: u = "decimal",
+  locale: n,
+  polarity: e = "higher-is-better"
 }) {
-  const { t: e, i18n: o } = B("ui"), l = typeof t == "string" ? t : new Intl.NumberFormat(a ?? o.language, {
-    style: c === "percent" ? "percent" : "decimal"
-  }).format(c === "percent" ? t / 100 : t);
-  return /* @__PURE__ */ z("span", { className: rt({ trend: d }), children: [
-    /* @__PURE__ */ i("span", { "aria-hidden": "true", children: at[d] }),
-    /* @__PURE__ */ i("span", { className: "ds:sr-only", children: e(nt[d]) }),
-    l
+  const { t: i, i18n: m } = B("ui"), d = typeof t == "string" ? t : new Intl.NumberFormat(n ?? m.language, {
+    style: u === "percent" ? "percent" : "decimal"
+  }).format(u === "percent" ? t / 100 : t), r = a === "flat" ? "neutral" : a === "up" == (e === "higher-is-better") ? "better" : "worse";
+  return /* @__PURE__ */ b("span", { className: at({ tone: r }), "data-trend-tone": r, children: [
+    /* @__PURE__ */ l("span", { "aria-hidden": "true", children: nt[a] }),
+    /* @__PURE__ */ l("span", { className: "ds:sr-only", children: i(it[a]) }),
+    d,
+    r === "neutral" ? null : /* @__PURE__ */ b("span", { className: "ds:sr-only", children: [
+      " ",
+      i(r === "better" ? "stat.trend.better" : "stat.trend.worse")
+    ] })
   ] });
 }
-function dt(d, t) {
-  const c = d.trim();
-  if (c === "") return null;
-  let a = "", e = c;
-  e.startsWith("+") ? (a = "+", e = e.slice(1).trimStart()) : (e.startsWith("-") || e.startsWith("−")) && (a = "-", e = e.slice(1).trimStart());
-  let o = "";
-  const l = e.match(/[KMB]$/i);
-  l && (o = l[0], e = e.slice(0, -1).trimEnd());
-  let u = "", m = ".";
+function ot(a, t) {
+  const u = a.trim();
+  if (u === "") return null;
+  let n = "", e = u;
+  e.startsWith("+") ? (n = "+", e = e.slice(1).trimStart()) : (e.startsWith("-") || e.startsWith("−")) && (n = "-", e = e.slice(1).trimStart());
+  let i = "";
+  const m = e.match(/[KMB]$/i);
+  m && (i = m[0], e = e.slice(0, -1).trimEnd());
+  let d = "", r = ".";
   try {
-    const b = new Intl.NumberFormat(t).formatToParts(12345.6);
-    for (const n of b)
-      n.type === "group" ? u = n.value : n.type === "decimal" && (m = n.value);
+    const h = new Intl.NumberFormat(t).formatToParts(12345.6);
+    for (const c of h)
+      c.type === "group" ? d = c.value : c.type === "decimal" && (r = c.value);
   } catch {
   }
   const g = e.match(/^(\d+)\.(\d+)$/);
-  if (g && !(g[2].length === 3 && u === ".")) {
-    const n = Number.parseFloat(e);
-    if (Number.isFinite(n))
-      return { target: n, sign: a, suffix: o };
+  if (g && !(g[2].length === 3 && d === ".")) {
+    const c = Number.parseFloat(e);
+    if (Number.isFinite(c))
+      return { target: c, sign: n, suffix: i };
   }
-  let s = e;
-  u !== "" && (s = s.split(u).join("")), m !== "." && (s = s.split(m).join(".")), s = s.replace(/[\s\u00A0\u202F]/g, "");
-  const v = Number.parseFloat(s);
-  return Number.isFinite(v) ? { target: v, sign: a, suffix: o } : null;
+  let o = e;
+  d !== "" && (o = o.split(d).join("")), r !== "." && (o = o.split(r).join(".")), o = o.replace(/[\s\u00A0\u202F]/g, "");
+  const f = Number.parseFloat(o);
+  return Number.isFinite(f) ? { target: f, sign: n, suffix: i } : null;
 }
-const ct = X(
+const ct = Z(
   ({
-    label: d,
+    label: a,
     value: t,
-    format: c,
-    currency: a,
+    format: u,
+    currency: n,
     locale: e,
-    trend: o,
-    delta: l,
-    deltaFormat: u = "decimal",
-    icon: m,
-    loading: g = !1,
-    animate: s = !1,
-    animateOnEveryView: v = !1,
-    animateDurationMs: b = 1600,
-    animateLocale: n,
+    trend: i,
+    trendPolarity: m,
+    delta: d,
+    deltaFormat: r = "decimal",
+    icon: g,
+    loading: o = !1,
+    animate: f = !1,
+    animateOnEveryView: h = !1,
+    animateDurationMs: c = 1600,
+    animateLocale: K,
     animateSeparators: x,
-    variant: h = "default",
-    size: y = "md",
+    variant: y = "default",
+    size: N = "md",
     align: I = "start",
     intent: M = "foreground",
     className: j,
     ...k
   }, R) => {
-    const { i18n: K } = B("ui"), T = Z(), f = e ?? K.language, _ = O(() => {
+    const { i18n: Y } = B("ui"), T = tt(), p = e ?? Y.language, _ = O(() => {
       if (typeof t == "string") return t;
-      switch (c) {
+      switch (u) {
         case "currency":
-          return new Intl.NumberFormat(f, {
+          return new Intl.NumberFormat(p, {
             style: "currency",
-            currency: a ?? "USD"
+            currency: n ?? "USD"
           }).format(t);
         case "percent":
-          return new Intl.NumberFormat(f, { style: "percent" }).format(
+          return new Intl.NumberFormat(p, { style: "percent" }).format(
             t
           );
         case "decimal":
-          return new Intl.NumberFormat(f, { style: "decimal" }).format(
+          return new Intl.NumberFormat(p, { style: "decimal" }).format(
             t
           );
         default:
-          return new Intl.NumberFormat(f).format(t);
+          return new Intl.NumberFormat(p).format(t);
       }
-    }, [t, c, f, a])(), N = n ?? f;
-    tt(!1);
-    const r = et(() => s ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : dt(t, N) : null, [s, t, N]), Y = s && r !== null, q = (r == null ? void 0 : r.target) ?? 0, F = (r == null ? void 0 : r.sign) ?? "", $ = (r == null ? void 0 : r.suffix) ?? "", H = O(
-      (w) => {
+    }, [t, u, p, n])(), w = K ?? p;
+    et(!1);
+    const s = rt(() => f ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : ot(t, w) : null, [f, t, w]), q = f && s !== null, H = (s == null ? void 0 : s.target) ?? 0, F = (s == null ? void 0 : s.sign) ?? "", $ = (s == null ? void 0 : s.suffix) ?? "", J = O(
+      (z) => {
         const E = (() => {
           try {
-            return new Intl.NumberFormat(N, {
+            return new Intl.NumberFormat(w, {
               useGrouping: !0
             });
           } catch {
             return null;
           }
         })();
-        let p;
+        let v;
         if (E)
           if (x) {
-            const A = Math.abs(w), D = Math.trunc(A), G = A - D, J = x.thousand ?? "", S = String(D).replace(
+            const A = Math.abs(z), D = Math.trunc(A), G = A - D, Q = x.thousand ?? "", S = String(D).replace(
               /\B(?=(\d{3})+(?!\d))/g,
-              J
+              Q
             );
             if (G === 0)
-              p = S;
+              v = S;
             else {
-              const L = G.toFixed(6).replace(/0+$/, "").slice(2), Q = x.decimal ?? ".";
-              p = L ? S + Q + L : S;
+              const L = G.toFixed(6).replace(/0+$/, "").slice(2), X = x.decimal ?? ".";
+              v = L ? S + X + L : S;
             }
           } else
-            p = E.format(Math.abs(w));
+            v = E.format(Math.abs(z));
         else
-          p = String(Math.abs(w));
+          v = String(Math.abs(z));
         let W = F;
-        return F === "" && w < 0 && (W = "-"), `${W}${p}${$}`;
+        return F === "" && z < 0 && (W = "-"), `${W}${v}${$}`;
       },
-      [N, x, F, $]
+      [w, x, F, $]
     ), C = st({
-      to: q,
+      to: H,
       from: 0,
-      durationMs: b,
+      durationMs: c,
       startOnVisible: !0,
-      retriggerOnReEntry: v,
+      retriggerOnReEntry: h,
       // `formatter` is the only path we use — it owns both the locale
       // formatting and the sign/suffix re-application.
-      formatter: H
+      formatter: J
     });
-    return g ? /* @__PURE__ */ z(
+    return o ? /* @__PURE__ */ b(
       "div",
       {
         ref: R,
         role: "group",
         "aria-busy": "true",
-        "aria-label": d,
+        "aria-label": a,
         "data-component": "stat",
-        className: P({ variant: h, size: y, align: I, className: j }),
+        className: P({ variant: y, size: N, align: I, className: j }),
         ...k,
         children: [
-          /* @__PURE__ */ i("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
-          /* @__PURE__ */ i("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
+          /* @__PURE__ */ l("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
+          /* @__PURE__ */ l("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
         ]
       }
-    ) : /* @__PURE__ */ z(
+    ) : /* @__PURE__ */ b(
       "div",
       {
         ref: R,
         role: "group",
         "aria-labelledby": T,
         "data-component": "stat",
-        className: P({ variant: h, size: y, align: I, className: j }),
+        className: P({ variant: y, size: N, align: I, className: j }),
         ...k,
         children: [
-          /* @__PURE__ */ z("span", { className: "ds:inline-flex ds:items-center", children: [
-            m && /* @__PURE__ */ i(
+          /* @__PURE__ */ b("span", { className: "ds:inline-flex ds:items-center", children: [
+            g && /* @__PURE__ */ l(
               "span",
               {
                 "aria-hidden": "true",
@@ -293,41 +300,42 @@ const ct = X(
                   "ds:text-[color:var(--accent)]",
                   "ds:forced-colors:text-[CanvasText]"
                 ].join(" "),
-                children: m
+                children: g
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ l(
               "span",
               {
                 id: T,
                 className: "type-label ds:text-[var(--muted-foreground)]",
-                children: d
+                children: a
               }
             )
           ] }),
-          Y ? (
+          q ? (
             // The animated number is wrapped in an `aria-live="off"` span
             // so screen readers don't announce every interpolated frame.
             // The `role="group"` ancestor (with `aria-labelledby` pointing
             // at the label) carries the final accessible reading — the
             // animated frames are decorative only.
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ l(
               "span",
               {
                 ref: C.ref,
                 "aria-live": "off",
-                className: U({ size: y, variant: h, intent: M }),
+                className: U({ size: N, variant: y, intent: M }),
                 children: C.value
               }
             )
-          ) : /* @__PURE__ */ i("span", { className: U({ size: y, variant: h, intent: M }), children: _ }),
-          o != null && l != null && /* @__PURE__ */ i(
-            it,
+          ) : /* @__PURE__ */ l("span", { className: U({ size: N, variant: y, intent: M }), children: _ }),
+          i != null && d != null && /* @__PURE__ */ l(
+            dt,
             {
-              trend: o,
-              delta: l,
-              deltaFormat: u,
-              locale: e
+              trend: i,
+              delta: d,
+              deltaFormat: r,
+              locale: e,
+              polarity: m
             }
           )
         ]
@@ -339,4 +347,4 @@ ct.displayName = "Stat";
 export {
   ct as S
 };
-//# sourceMappingURL=stat-Ce9ymEKm.js.map
+//# sourceMappingURL=stat-DmjGfXND.js.map

package/dist/_chunks/state-backed-text-input-DECQy5aA.js

@@ -0,0 +1,12 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { T as p } from "./text-input-CaG9ApoE.js";
+import { u } from "./use-state-backed-input-C7ESmxKB.js";
+const x = f(function({ value: e, onChange: r, ...o }, a) {
+  const t = u(e, a);
+  return /* @__PURE__ */ n(p, { ...o, ref: t.ref, onChange: t.quiet(r) });
+});
+export {
+  x as S
+};
+//# sourceMappingURL=state-backed-text-input-DECQy5aA.js.map

package/dist/_chunks/{stepper-accordion-BPNS6J6B.js → stepper-accordion-DDTSOUHc.js}

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as c, Fragment as j } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as w } from "react/jsx-runtime";
 import { forwardRef as P, useMemo as B, useImperativeHandle as D } from "react";
 import * as m from "@radix-ui/react-accordion";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as G } from "react-i18next";
 import { C as H } from "./chevron-down-DWE7GSq9.js";
 import { L as U } from "./lock-ClAFG1gy.js";
-function W(s, i, r) {
-  return r === "error" ? "error" : s === i ? "current" : r === "completed" || s < i ? "completed" : "upcoming";
+function W(s, i, e) {
+  return e === "error" ? "error" : s === i ? "current" : e === "completed" || s < i ? "completed" : "upcoming";
 }
-function O(s, i, r) {
-  return r !== void 0 ? !0 : s <= i;
+function O(s, i, e) {
+  return e !== void 0 ? !0 : s <= i;
 }
-const C = "step-", w = (s) => `${C}${s}`, X = (s) => Number(s.slice(C.length)), h = [
+const C = "step-", j = (s) => `${C}${s}`, X = (s) => Number(s.slice(C.length)), h = [
   "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]",
   "ds:animate-[stepper-icon-draw_var(--animation-duration)_var(--ease-out)_forwards]",
   "ds:motion-reduce:animate-none ds:motion-reduce:[stroke-dashoffset:0]"
 ].join(" ");
 function q() {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -28,7 +28,7 @@ function q() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       className: "ds:size-4",
-      children: /* @__PURE__ */ e("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: h })
+      children: /* @__PURE__ */ r("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: h })
     }
   );
 }
@@ -45,8 +45,8 @@ function J() {
       "aria-hidden": "true",
       className: "ds:size-4",
       children: [
-        /* @__PURE__ */ e("path", { pathLength: "1", d: "M6 6l12 12", className: h }),
-        /* @__PURE__ */ e("path", { pathLength: "1", d: "M18 6l-12 12", className: h })
+        /* @__PURE__ */ r("path", { pathLength: "1", d: "M6 6l12 12", className: h }),
+        /* @__PURE__ */ r("path", { pathLength: "1", d: "M18 6l-12 12", className: h })
       ]
     }
   );
@@ -81,7 +81,7 @@ const K = [
 }), Y = b(
   [
     "ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:bg-[var(--card)]",
+    "ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] 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"
@@ -110,37 +110,48 @@ const K = [
 ].join(" "), S = (s) => [
   "type-body-sm",
   s === "current" || s === "error" ? "ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]" : s === "completed" ? "ds:text-[var(--foreground)]" : "ds:text-[var(--muted-foreground)]"
-].join(" "), ee = [
+].join(" "), rr = [
   "type-meta ds:text-[var(--muted-foreground)]",
   "ds:mt-[var(--spacing-xs)]"
 ].join(" "), g = [
   "type-meta",
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
   "ds:text-[var(--muted-foreground)]"
-].join(" "), re = [
+].join(" "), er = [
   "ds:size-4 ds:shrink-0 ds:text-[var(--muted-foreground)]",
   "ds:transition-transform ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
   "ds:motion-reduce:transition-none",
   "ds:group-data-[state=open]/item:rotate-180"
-].join(" "), se = [
+].join(" "), sr = [
   "type-meta ds:text-[var(--muted-foreground)]",
-  "ds:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
+  // Indented under the step title from 448px of accordion width (px, not
+  // rem: a container query in rem follows the host's root font size); narrower
+  // (a phone) the content takes the full width so a form or a list in it
+  // is not squeezed beside the step number.
+  "ds:ps-[var(--spacing-md)] ds:@[448px]/stepper:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
   "ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]",
   "ds:group-data-[state=open]/item:hidden"
-].join(" "), ae = [
+].join(" "), ar = [
   "ds:overflow-hidden",
   "ds:data-[state=open]:animate-[accordion-down_var(--animation-duration)_var(--ease-out)]",
   "ds:data-[state=closed]:animate-[accordion-up_var(--animation-duration)_var(--ease-in)]"
-].join(" "), te = [
-  "ds:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
+].join(" "), tr = [
+  // Indented under the step title from 448px of accordion width (px, not
+  // rem: a container query in rem follows the host's root font size); narrower
+  // (a phone) the content takes the full width so a form or a list in it
+  // is not squeezed beside the step number.
+  "ds:ps-[var(--spacing-md)] ds:@[448px]/stepper:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]",
   "ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-md)]"
-].join(" "), ne = b("ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", {
-  variants: {}
-}), oe = P(
+].join(" "), nr = b(
+  "ds:@container/stepper ds:flex ds:w-full ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]",
+  {
+    variants: {}
+  }
+), or = P(
   ({
     activeStep: s,
     steps: i,
-    onStepChange: r,
+    onStepChange: e,
     "aria-label": _,
     id: x,
     className: z,
@@ -149,31 +160,31 @@ const K = [
     const { t: d } = G("ui"), l = i.length, n = Math.max(0, Math.min(s, l - 1)), V = _ ?? d("navigation.stepper.label"), y = d("navigation.stepper.edit"), N = d("navigation.stepper.open"), $ = d("navigation.stepper.locked"), A = d("navigation.stepper.completed"), F = d("navigation.stepper.error"), I = (t) => {
       if (!t) return;
       const a = X(t);
-      Number.isFinite(a) && a !== n && (r == null || r(a));
+      Number.isFinite(a) && a !== n && (e == null || e(a));
     }, k = B(
       () => ({
         getCurrentStep: () => n,
         getTotalSteps: () => l,
         getOpenSteps: () => [n],
         gotoStep: (t) => {
-          if (!r) return;
+          if (!e) return;
           const a = Math.max(0, Math.min(t, Math.max(l - 1, 0)));
-          a !== n && r(a);
+          a !== n && e(a);
         },
         next: () => {
-          r && n < l - 1 && r(n + 1);
+          e && n < l - 1 && e(n + 1);
         },
         previous: () => {
-          r && n > 0 && r(n - 1);
+          e && n > 0 && e(n - 1);
         }
       }),
-      [n, l, r]
+      [n, l, e]
     );
-    return D(M, () => k, [k]), /* @__PURE__ */ e(
+    return D(M, () => k, [k]), /* @__PURE__ */ r(
       m.Root,
       {
         type: "single",
-        value: w(n),
+        value: j(n),
         onValueChange: I,
         collapsible: !1,
         role: "group",
@@ -181,27 +192,27 @@ const K = [
         id: x,
         "data-component": "stepper-accordion",
         "data-component-id": x,
-        className: ne({ className: z }),
+        className: nr({ className: z }),
         ...L,
         children: i.map((t, a) => {
-          const o = W(a, n, t.status), u = o === "current" || o === "error", p = o === "upcoming", v = p && !O(a, n, t.status), T = o === "error" ? "error" : "neutral", f = d("navigation.stepper.stepN", { n: a + 1 }), R = o === "completed" ? /* @__PURE__ */ c(j, { children: [
-            /* @__PURE__ */ e(q, {}),
-            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: A })
-          ] }) : o === "error" ? /* @__PURE__ */ c(j, { children: [
-            /* @__PURE__ */ e(J, {}),
-            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: F })
-          ] }) : /* @__PURE__ */ e("span", { children: a + 1 }), E = o === "completed" ? /* @__PURE__ */ e("span", { className: g, children: y }) : v ? /* @__PURE__ */ c("span", { className: g, children: [
-            /* @__PURE__ */ e(U, { "aria-hidden": "true", className: "ds:size-3" }),
+          const o = W(a, n, t.status), u = o === "current" || o === "error", p = o === "upcoming", v = p && !O(a, n, t.status), T = o === "error" ? "error" : "neutral", f = d("navigation.stepper.stepN", { n: a + 1 }), R = o === "completed" ? /* @__PURE__ */ c(w, { children: [
+            /* @__PURE__ */ r(q, {}),
+            /* @__PURE__ */ r("span", { className: "ds:sr-only", children: A })
+          ] }) : o === "error" ? /* @__PURE__ */ c(w, { children: [
+            /* @__PURE__ */ r(J, {}),
+            /* @__PURE__ */ r("span", { className: "ds:sr-only", children: F })
+          ] }) : /* @__PURE__ */ r("span", { children: a + 1 }), E = o === "completed" ? /* @__PURE__ */ r("span", { className: g, children: y }) : v ? /* @__PURE__ */ c("span", { className: g, children: [
+            /* @__PURE__ */ r(U, { "aria-hidden": "true", className: "ds:size-3" }),
             $
-          ] }) : p ? /* @__PURE__ */ e("span", { className: g, children: N }) : null;
+          ] }) : p ? /* @__PURE__ */ r("span", { className: g, children: N }) : null;
           return /* @__PURE__ */ c(
             m.Item,
             {
-              value: w(a),
+              value: j(a),
               "data-step-id": String(a),
               className: Y({ tone: T }),
               children: [
-                /* @__PURE__ */ e(m.Header, { className: "ds:flex", children: /* @__PURE__ */ c(
+                /* @__PURE__ */ r(m.Header, { className: "ds:flex", children: /* @__PURE__ */ c(
                   m.Trigger,
                   {
                     disabled: v,
@@ -210,7 +221,7 @@ const K = [
                     "aria-current": u ? "step" : void 0,
                     className: Z,
                     children: [
-                      /* @__PURE__ */ e(
+                      /* @__PURE__ */ r(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -219,22 +230,22 @@ const K = [
                         }
                       ),
                       /* @__PURE__ */ c("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
-                        /* @__PURE__ */ e("span", { className: S(o), children: t.label }),
-                        t.description ? /* @__PURE__ */ e("span", { className: ee, children: t.description }) : null
+                        /* @__PURE__ */ r("span", { className: S(o), children: t.label }),
+                        t.description ? /* @__PURE__ */ r("span", { className: rr, children: t.description }) : null
                       ] }),
                       E,
-                      u ? null : /* @__PURE__ */ e(
+                      u ? null : /* @__PURE__ */ r(
                         H,
                         {
                           "aria-hidden": "true",
-                          className: re
+                          className: er
                         }
                       )
                     ]
                   }
                 ) }),
-                t.summary && o === "completed" ? /* @__PURE__ */ e("div", { className: se, children: t.summary }) : null,
-                /* @__PURE__ */ e(m.Content, { className: ae, children: /* @__PURE__ */ e("div", { className: te, children: t.content }) })
+                t.summary && o === "completed" ? /* @__PURE__ */ r("div", { className: sr, children: t.summary }) : null,
+                /* @__PURE__ */ r(m.Content, { className: ar, children: /* @__PURE__ */ r("div", { className: tr, children: t.content }) })
               ]
             },
             a
@@ -244,8 +255,8 @@ const K = [
     );
   }
 );
-oe.displayName = "StepperAccordion";
+or.displayName = "StepperAccordion";
 export {
-  oe as S
+  or as S
 };
-//# sourceMappingURL=stepper-accordion-BPNS6J6B.js.map
+//# sourceMappingURL=stepper-accordion-DDTSOUHc.js.map