@alfadocs/ui-kit 0.25.1 → 0.30.0

package/dist/_chunks/slot-grid-B2zprPcv.js

@@ -0,0 +1,387 @@
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as os, useId as ls, useState as cs, useCallback as L } from "react";
+import { c as f } from "./index-D2ZczOXr.js";
+import { useTranslation as ms } from "react-i18next";
+import { B as $ } from "./button-DD_0Xdmr.js";
+import { I as A } from "./icon-button-BRHSSFmZ.js";
+import { E as us } from "./empty-state-BLy7tigq.js";
+import { S as B } from "./skeleton-CZbwyJAA.js";
+import { i as fs } from "./isSameDay-DHG8Xade.js";
+import { p as gs } from "./parseISO-Dk4xa7q6.js";
+const ps = f(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:text-[var(--foreground)]",
+    "ds:w-full"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), vs = f(
+  "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full"
+), hs = 12, bs = f(
+  "ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start",
+  {
+    variants: {
+      cols: {
+        1: "ds:grid-cols-1",
+        2: "ds:grid-cols-2",
+        3: "ds:grid-cols-3",
+        4: "ds:grid-cols-4",
+        5: "ds:grid-cols-5",
+        6: "ds:grid-cols-6",
+        7: "ds:grid-cols-7",
+        8: "ds:grid-cols-8",
+        9: "ds:grid-cols-9",
+        10: "ds:grid-cols-10",
+        11: "ds:grid-cols-11",
+        12: "ds:grid-cols-12"
+      }
+    },
+    defaultVariants: { cols: 1 }
+  }
+);
+function xs(s) {
+  return Math.max(1, Math.min(s, hs));
+}
+const R = f(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:bg-[var(--card)]",
+    "ds:min-w-0"
+  ].join(" ")
+), ys = f(
+  [
+    "ds:font-[var(--font-weight-semibold)]",
+    "ds:text-[var(--foreground)]",
+    "ds:text-start",
+    "ds:truncate"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-xs)]",
+        md: "ds:text-[length:var(--font-size-sm)]",
+        lg: "ds:text-[length:var(--font-size-base)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), T = f(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none"
+), ws = f(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:w-full",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:font-[var(--font-weight-medium)]",
+    "ds:bg-[var(--secondary)]",
+    "ds:shadow-[var(--shadow-sm)]",
+    "ds:text-[var(--foreground)]",
+    "ds:transition-[background-color,color,box-shadow]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[var(--focus-ring-offset)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none",
+    "ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none",
+    "ds:hover:enabled:shadow-[var(--shadow-md)]",
+    "ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8",
+        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10",
+        lg: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function u(s) {
+  return s instanceof Date ? s : gs(s);
+}
+function Rs(s, r) {
+  return fs(u(s), u(r));
+}
+function Ts(s) {
+  for (const r of s) {
+    const e = r.slots.find((n) => n.available !== !1);
+    if (e) return { day: r, slot: e };
+  }
+}
+function F(s, r, e) {
+  try {
+    return new Intl.DateTimeFormat(r, {
+      weekday: "short",
+      month: "short",
+      day: "numeric",
+      timeZone: e
+    }).format(s);
+  } catch {
+    return new Intl.DateTimeFormat("en", {
+      weekday: "short",
+      month: "short",
+      day: "numeric"
+    }).format(s);
+  }
+}
+function O(s, r, e) {
+  if (s.label !== void 0) return s.label;
+  const n = u(s.start);
+  try {
+    const d = new Intl.DateTimeFormat(r, {
+      hour: "numeric",
+      minute: "2-digit",
+      timeZone: e
+    });
+    if (s.end) {
+      const g = u(s.end);
+      if (typeof d.formatRange == "function")
+        try {
+          return d.formatRange(n, g);
+        } catch {
+        }
+      return `${d.format(n)} – ${d.format(g)}`;
+    }
+    return d.format(n);
+  } catch {
+    return n.toISOString();
+  }
+}
+function ks(s, r, e, n, d) {
+  if (s.ariaLabel !== void 0) return s.ariaLabel;
+  const g = O(s, e, n), p = r.label !== void 0 ? r.label : F(u(r.date), e, n);
+  return d({ time: g, day: p });
+}
+function Cs() {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "ds:size-4",
+      children: /* @__PURE__ */ t("path", { d: "M15 18l-6-6 6-6" })
+    }
+  );
+}
+function Ls() {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "ds:size-4",
+      children: /* @__PURE__ */ t("path", { d: "M9 6l6 6-6 6" })
+    }
+  );
+}
+const Ds = os(
+  ({
+    days: s,
+    state: r = "default",
+    size: e = "md",
+    selectedSlotId: n,
+    maxInitialSlotsPerDay: d = 6,
+    locale: g,
+    timeZone: p,
+    hasPrevious: K = !1,
+    hasNext: M = !1,
+    showNextAvailable: _ = !1,
+    ariaLabel: H,
+    onSlotSelect: v,
+    onPreviousDays: W,
+    onNextDays: X,
+    onShowMore: h,
+    onJumpToNextAvailable: q,
+    className: J,
+    ...Q
+  }, U) => {
+    const { t: o, i18n: Y } = ms(), y = g ?? Y.language ?? "en", P = ls(), [Z, ss] = cs({}), D = r === "loading", z = r === "disabled", m = D || z, as = r === "empty" || s.length === 0 || s.every((a) => a.slots.length === 0), ts = H ?? o("slotGrid.ariaLabel"), w = L(
+      (a, i) => {
+        m || a.available !== !1 && (v == null || v(a, i));
+      },
+      [m, v]
+    ), es = L(
+      (a, i) => {
+        ss((l) => ({ ...l, [i]: !0 })), h == null || h(a);
+      },
+      [h]
+    ), rs = L(
+      (a, i, l) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), w(i, l));
+      },
+      [w]
+    ), I = xs(s.length || 1), N = bs({ cols: I });
+    let b;
+    return D ? b = /* @__PURE__ */ t(
+      "div",
+      {
+        className: N,
+        "data-state": "loading",
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": o("common.loading"),
+        children: Array.from({ length: I }, (a, i) => /* @__PURE__ */ x("div", { className: R(), children: [
+          /* @__PURE__ */ t(B, { variant: "text", size: e, width: "60%" }),
+          /* @__PURE__ */ t("div", { className: T(), children: Array.from(
+            { length: Math.min(d, 4) },
+            (l, k) => /* @__PURE__ */ t(
+              B,
+              {
+                variant: "rounded",
+                size: e,
+                height: "40px"
+              },
+              `loading-slot-${i}-${k}`
+            )
+          ) })
+        ] }, `loading-col-${i}`))
+      }
+    ) : as ? b = /* @__PURE__ */ t("div", { "data-state": "empty", children: /* @__PURE__ */ t(us, { variant: "no-results", title: o("slotGrid.noSlots") }) }) : b = /* @__PURE__ */ t(
+      "div",
+      {
+        className: N,
+        "data-state": z ? "disabled" : "default",
+        children: s.map((a, i) => {
+          const l = `${u(a.date).toISOString()}-${i}`, k = a.label ?? F(u(a.date), y, p), S = `${P}-day-${i}-header`, G = Z[l] ?? !1 ? a.slots : a.slots.slice(0, d), V = a.slots.length - G.length, j = a.slots.length === 0;
+          return (
+            // Use a plain <div role="group"> rather than <section> — a
+            // <section> with aria-labelledby is a landmark, and nesting many
+            // landmarks inside the outer slot-grid landmark fails axe's
+            // landmark-unique rule.
+            /* @__PURE__ */ x(
+              "div",
+              {
+                role: "group",
+                className: R(),
+                "aria-labelledby": S,
+                "data-empty": j || void 0,
+                children: [
+                  /* @__PURE__ */ t("h3", { id: S, className: ys({ size: e }), children: k }),
+                  j ? /* @__PURE__ */ t("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: o("slotGrid.noSlots") }) : null,
+                  /* @__PURE__ */ t("ul", { className: T(), children: G.map((c) => {
+                    const ns = ks(
+                      c,
+                      a,
+                      y,
+                      p,
+                      ({ time: C, day: ds }) => o("slotGrid.slotLabel", { time: C, day: ds })
+                    ), is = n === c.id, E = c.available === !1 || m;
+                    return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: ws({ size: e }),
+                        "aria-label": ns,
+                        "aria-pressed": is,
+                        disabled: E,
+                        "aria-disabled": E || void 0,
+                        "data-slot-id": c.id,
+                        onClick: () => w(c, a),
+                        onKeyDown: (C) => rs(C, c, a),
+                        children: O(c, y, p)
+                      }
+                    ) }, c.id);
+                  }) }),
+                  V > 0 ? /* @__PURE__ */ t(
+                    $,
+                    {
+                      intent: "ghost",
+                      size: e === "lg" ? "md" : "sm",
+                      onClick: () => es(a, l),
+                      disabled: m,
+                      children: o("slotGrid.showMore", { count: V })
+                    }
+                  ) : null
+                ]
+              },
+              l
+            )
+          );
+        })
+      }
+    ), /* @__PURE__ */ x(
+      "div",
+      {
+        ref: U,
+        role: "region",
+        "aria-label": ts,
+        className: ps({ size: e, className: J }),
+        "data-component": "slot-grid",
+        "data-state": r,
+        ...Q,
+        children: [
+          /* @__PURE__ */ x("div", { className: vs(), children: [
+            /* @__PURE__ */ t(
+              A,
+              {
+                icon: /* @__PURE__ */ t(Cs, {}),
+                "aria-label": o("slotGrid.previousDays"),
+                size: e === "lg" ? "md" : "sm",
+                intent: "ghost",
+                flipIconInRtl: !0,
+                disabled: !K || m,
+                onClick: W
+              }
+            ),
+            _ ? /* @__PURE__ */ t(
+              $,
+              {
+                intent: "secondary",
+                size: e === "lg" ? "md" : "sm",
+                disabled: m,
+                onClick: q,
+                children: o("slotGrid.nextAvailable")
+              }
+            ) : /* @__PURE__ */ t("span", { "aria-hidden": "true" }),
+            /* @__PURE__ */ t(
+              A,
+              {
+                icon: /* @__PURE__ */ t(Ls, {}),
+                "aria-label": o("slotGrid.nextDays"),
+                size: e === "lg" ? "md" : "sm",
+                intent: "ghost",
+                flipIconInRtl: !0,
+                disabled: !M || m,
+                onClick: X
+              }
+            )
+          ] }),
+          b
+        ]
+      }
+    );
+  }
+);
+Ds.displayName = "SlotGrid";
+export {
+  Ds as S,
+  Ts as f,
+  Rs as i
+};
+//# sourceMappingURL=slot-grid-B2zprPcv.js.map

package/dist/_chunks/sparkles-CuYXqQLg.js

@@ -0,0 +1,23 @@
+import { c as a } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+], l = a("sparkles", e);
+export {
+  l as S
+};
+//# sourceMappingURL=sparkles-CuYXqQLg.js.map

package/dist/_chunks/{spinner-DirtWZNG.js → spinner-CCByyvcb.js}

@@ -105,7 +105,7 @@ const f = i("ds:inline-block ds:shrink-0 ds:text-current", {
       variant: {
         pulse: "ds:animate-[spinner-pulse_var(--spinner-duration)_ease-in-out_infinite]",
         chase: "ds:animate-[spinner-chase_var(--spinner-duration)_ease-out_infinite]",
-        prism: "ds:animate-[spinner-prism_var(--spinner-duration)_linear_infinite] ds:motion-reduce:fill-[var(--color-violet-500)]"
+        prism: "ds:animate-[spinner-prism_var(--spinner-duration)_linear_infinite] ds:motion-reduce:fill-[var(--primary)]"
       },
       position: {
         top: "ds:[--spinner-position:0]",
@@ -213,4 +213,4 @@ v.displayName = "Spinner";
 export {
   v as S
 };
-//# sourceMappingURL=spinner-DirtWZNG.js.map
+//# sourceMappingURL=spinner-CCByyvcb.js.map

package/dist/_chunks/stepper-accordion-BfS6lUB9.js

@@ -0,0 +1,257 @@
+import { jsx as e, jsxs as i, Fragment as x } from "react/jsx-runtime";
+import { forwardRef as E, useMemo as P, useImperativeHandle as R } from "react";
+import * as m from "@radix-ui/react-accordion";
+import { c as v } from "./index-D2ZczOXr.js";
+import { useTranslation as B } from "react-i18next";
+import { C as D } from "./chevron-down-BX_NP2Yh.js";
+import { c as G } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const H = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+], U = G("lock", H);
+function W(a, c, r) {
+  return r === "error" ? "error" : a === c ? "current" : r === "completed" || a < c ? "completed" : "upcoming";
+}
+const k = "step-", y = (a) => `${k}${a}`, O = (a) => Number(a.slice(k.length)), p = [
+  "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 X() {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "ds:size-4",
+      children: /* @__PURE__ */ e("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: p })
+    }
+  );
+}
+function q() {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "ds:size-4",
+      children: [
+        /* @__PURE__ */ e("path", { pathLength: "1", d: "M6 6l12 12", className: p }),
+        /* @__PURE__ */ e("path", { pathLength: "1", d: "M18 6l-12 12", className: p })
+      ]
+    }
+  );
+}
+const J = [
+  "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+  "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
+  "ds:size-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-full)]",
+  "ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-semibold)]",
+  "ds:border ds:border-[var(--border)]",
+  "ds:transition-[background-color,border-color,color]",
+  "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+  "ds:motion-reduce:transition-none"
+].join(" "), K = v(J, {
+  variants: {
+    state: {
+      upcoming: "ds:bg-[var(--background)] ds:text-[var(--muted-foreground)]",
+      current: [
+        "ds:border-[var(--primary)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
+        "ds:animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]",
+        "ds:motion-reduce:animate-none"
+      ].join(" "),
+      completed: "ds:border-[var(--primary)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
+      error: [
+        "ds:border-[var(--destructive)] ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]",
+        "ds:animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]",
+        "ds:motion-reduce:animate-none"
+      ].join(" ")
+    }
+  }
+}), Q = v(
+  [
+    "ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[var(--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"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        neutral: "",
+        error: "ds:data-[state=open]:border-[var(--destructive)]"
+      }
+    },
+    defaultVariants: { tone: "neutral" }
+  }
+), Y = [
+  "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+  "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+  "ds:text-start",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:disabled:cursor-not-allowed",
+  "ds:transition-[background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+  "ds:motion-reduce:transition-none",
+  "ds:hover:enabled:bg-[var(--muted)]/40"
+].join(" "), Z = (a) => [
+  "type-body-sm",
+  a === "current" || a === "error" ? "ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]" : a === "completed" ? "ds:text-[var(--foreground)]" : "ds:text-[var(--muted-foreground)]"
+].join(" "), S = [
+  "type-meta ds:text-[var(--muted-foreground)]",
+  "ds:mt-[var(--spacing-xs)]"
+].join(" "), N = [
+  "type-meta",
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+  "ds:text-[var(--muted-foreground)]"
+].join(" "), ee = [
+  "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(" "), re = [
+  "type-meta ds:text-[var(--muted-foreground)]",
+  "ds: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(" "), se = [
+  "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(" "), ae = [
+  "ds: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(" "), te = v("ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", {
+  variants: {}
+}), ne = E(
+  ({
+    activeStep: a,
+    steps: c,
+    onStepChange: r,
+    "aria-label": w,
+    id: f,
+    className: j,
+    ..._
+  }, C) => {
+    const { t: d } = B(), l = c.length, o = Math.max(0, Math.min(a, l - 1)), z = w ?? d("navigation.stepper.label"), g = d("navigation.stepper.edit"), L = d("navigation.stepper.locked"), M = d("navigation.stepper.completed"), V = d("navigation.stepper.error"), A = (t) => {
+      if (!t) return;
+      const s = O(t);
+      Number.isFinite(s) && s !== o && (r == null || r(s));
+    }, h = P(
+      () => ({
+        getCurrentStep: () => o,
+        getTotalSteps: () => l,
+        getOpenSteps: () => [o],
+        gotoStep: (t) => {
+          if (!r) return;
+          const s = Math.max(0, Math.min(t, Math.max(l - 1, 0)));
+          s !== o && r(s);
+        },
+        next: () => {
+          r && o < l - 1 && r(o + 1);
+        },
+        previous: () => {
+          r && o > 0 && r(o - 1);
+        }
+      }),
+      [o, l, r]
+    );
+    return R(C, () => h, [h]), /* @__PURE__ */ e(
+      m.Root,
+      {
+        type: "single",
+        value: y(o),
+        onValueChange: A,
+        collapsible: !1,
+        "aria-label": z,
+        id: f,
+        "data-component": "stepper-accordion",
+        "data-component-id": f,
+        className: te({ className: j }),
+        ..._,
+        children: c.map((t, s) => {
+          const n = W(s, o, t.status), u = n === "current" || n === "error", F = n === "upcoming", I = n === "error" ? "error" : "neutral", b = d("navigation.stepper.stepN", { n: s + 1 }), T = n === "completed" ? /* @__PURE__ */ i(x, { children: [
+            /* @__PURE__ */ e(X, {}),
+            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: M })
+          ] }) : n === "error" ? /* @__PURE__ */ i(x, { children: [
+            /* @__PURE__ */ e(q, {}),
+            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: V })
+          ] }) : /* @__PURE__ */ e("span", { children: s + 1 }), $ = n === "completed" ? /* @__PURE__ */ e("span", { className: N, children: g }) : n === "upcoming" ? /* @__PURE__ */ i("span", { className: N, children: [
+            /* @__PURE__ */ e(U, { "aria-hidden": "true", className: "ds:size-3" }),
+            L
+          ] }) : null;
+          return /* @__PURE__ */ i(
+            m.Item,
+            {
+              value: y(s),
+              "data-step-id": String(s),
+              className: Q({ tone: I }),
+              children: [
+                /* @__PURE__ */ e(m.Header, { className: "ds:flex", children: /* @__PURE__ */ i(
+                  m.Trigger,
+                  {
+                    disabled: F,
+                    "aria-disabled": u || void 0,
+                    "aria-label": n === "completed" ? `${b}, ${g}` : b,
+                    "aria-current": u ? "step" : void 0,
+                    className: Y,
+                    children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: K({ state: n }),
+                          children: T
+                        }
+                      ),
+                      /* @__PURE__ */ i("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+                        /* @__PURE__ */ e("span", { className: Z(n), children: t.label }),
+                        t.description ? /* @__PURE__ */ e("span", { className: S, children: t.description }) : null
+                      ] }),
+                      $,
+                      u ? null : /* @__PURE__ */ e(
+                        D,
+                        {
+                          "aria-hidden": "true",
+                          className: ee
+                        }
+                      )
+                    ]
+                  }
+                ) }),
+                t.summary && n === "completed" ? /* @__PURE__ */ e("div", { className: re, children: t.summary }) : null,
+                /* @__PURE__ */ e(m.Content, { className: se, children: /* @__PURE__ */ e("div", { className: ae, children: t.content }) })
+              ]
+            },
+            s
+          );
+        })
+      }
+    );
+  }
+);
+ne.displayName = "StepperAccordion";
+export {
+  ne as S
+};
+//# sourceMappingURL=stepper-accordion-BfS6lUB9.js.map