@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/stepper-calendar-_fLOAjus.js

@@ -1,570 +0,0 @@
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as X, useMemo as C, useState as U, useEffect as W, useRef as V, useCallback as q } from "react";
-import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as Ce } from "react-i18next";
-import { s as Ne } from "./stepper-C-sIpRRU.js";
-import { S as De } from "./stepper-progress-rE7tn7WY.js";
-import { B as H } from "./button-7mLWcMp_.js";
-import { I as re } from "./icon-button-Wnnde5lc.js";
-import { p as F, S as ae } from "./slot-grid-D_l5VsHG.js";
-import { S as te } from "./skeleton-dtqyF09N.js";
-import { E as de } from "./empty-state-DQPtRp2b.js";
-import { a as Me } from "./calendar-nGEgelJs.js";
-import { a as J, s as ne, b as B, c as E, f as Q, i as se } from "./isSameMonth-5wNF2f4I.js";
-import { C as Le } from "./chevron-left-CX1jqD2M.js";
-import { C as Te } from "./chevron-right-BrpYejk0.js";
-import { i as Ae } from "./isSameDay-ecuM8PBB.js";
-function oe(t, m, b) {
-  return J(t, -1, b);
-}
-const Ie = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, ie = 4, Re = N(
-  "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[var(--foreground)]",
-  {
-    variants: {
-      layout: {
-        vertical: "ds:flex-col",
-        horizontal: "ds:lg:flex-row ds:lg:items-start"
-      },
-      density: {
-        comfortable: "ds:gap-[var(--spacing-md)]",
-        compact: "ds:gap-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: {
-      layout: "vertical",
-      density: "comfortable"
-    }
-  }
-), ze = N(
-  [
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:bg-[var(--card)]",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-  ].join(" "),
-  {
-    variants: {
-      density: {
-        comfortable: "ds:gap-[var(--spacing-md)]",
-        compact: "ds:gap-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: { density: "comfortable" }
-  }
-), Se = N(
-  [
-    "ds:group/service ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:text-start",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:bg-[var(--background)]",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:transition-[background-color,border-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
-    "ds:motion-reduce:transition-none",
-    "ds:hover:enabled:bg-[var(--muted)]/40",
-    "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:aria-checked:border-[var(--primary)] ds:aria-checked:bg-[var(--primary)]/5",
-    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
-  ].join(" ")
-), je = N(
-  "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]"
-), K = N(
-  "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-xs)]"
-), Be = N(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center",
-    // `min-target-size` (44/48px) governs the rendered size — it always
-    // exceeds the explicit floor below. Keeping the explicit floor for
-    // grid layout stability when the cell content is empty (skeletons),
-    // matching the precedent in `slot-grid`.
-    "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
-    "ds:h-10 ds:w-10 ds:rounded-[var(--radius-sm)]",
-    "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
-    "ds:border ds:border-transparent ds:bg-[var(--background)] ds:text-[var(--foreground)]",
-    "ds:transition-[background-color,border-color,color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
-    "ds:motion-reduce:transition-none",
-    "ds:hover:enabled:bg-[var(--muted)]/40",
-    "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:opacity-40 ds:disabled:cursor-not-allowed",
-    "ds:aria-selected:bg-[var(--primary)] ds:aria-selected:text-[var(--primary-foreground)]",
-    "ds:aria-selected:border-[var(--primary)]",
-    "ds:data-[outside=true]:text-[var(--muted-foreground)]"
-  ].join(" ")
-), Ee = N(
-  "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-md)]"
-);
-function O(t) {
-  return Q(t, "yyyy-MM-dd");
-}
-function Fe(t) {
-  return t.serviceId ? t.date ? t.time ? 3 : 2 : 1 : 0;
-}
-const le = X(
-  ({ services: t, selectedId: m, onSelect: b, durationLabel: i, groupLabel: v }, u) => {
-    const x = V([]), D = (() => {
-      const r = t.findIndex((s) => s.id === m);
-      return r >= 0 ? r : 0;
-    })(), f = (r) => {
-      const s = (r + t.length) % t.length, g = x.current[s];
-      if (!g) return;
-      g.focus();
-      const l = t[s];
-      l && b(l.id);
-    }, n = (r, s) => {
-      const g = typeof document < "u" && document.documentElement.dir === "rtl", l = g ? "ArrowLeft" : "ArrowRight", h = g ? "ArrowRight" : "ArrowLeft";
-      if (r.key === l || r.key === "ArrowDown") {
-        r.preventDefault(), f(s + 1);
-        return;
-      }
-      if (r.key === h || r.key === "ArrowUp") {
-        r.preventDefault(), f(s - 1);
-        return;
-      }
-      if (r.key === "Home") {
-        r.preventDefault(), f(0);
-        return;
-      }
-      r.key === "End" && (r.preventDefault(), f(t.length - 1));
-    };
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: u,
-        role: "radiogroup",
-        "aria-label": v,
-        className: "ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2",
-        children: t.map((r, s) => {
-          const g = r.id === m;
-          return /* @__PURE__ */ w(
-            "button",
-            {
-              ref: (h) => {
-                x.current[s] = h;
-              },
-              type: "button",
-              role: "radio",
-              "aria-checked": g,
-              tabIndex: s === D ? 0 : -1,
-              onClick: () => b(r.id),
-              onKeyDown: (h) => n(h, s),
-              className: Se(),
-              children: [
-                /* @__PURE__ */ a("span", { className: "type-body-sm ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: r.label }),
-                r.description ? /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.description }) : null,
-                /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: i(r.durationMin) })
-              ]
-            },
-            r.id
-          );
-        })
-      }
-    );
-  }
-);
-le.displayName = "StepperCalendar.ServiceGrid";
-const ce = X(
-  ({
-    availableDates: t,
-    selectedDate: m,
-    onSelectDate: b,
-    loading: i,
-    locale: v,
-    weekStartsOn: u,
-    prevLabel: x,
-    nextLabel: D,
-    emptyLabel: f
-  }, n) => {
-    const r = C(() => {
-      if (m) return F(m);
-      const e = [...t].sort()[0];
-      return e ? F(e) : /* @__PURE__ */ new Date();
-    }, [t, m]), [s, g] = U(r), [l, h] = U(
-      m ? F(m) : r
-    ), $ = ne(s), d = B($, { weekStartsOn: u }), G = C(() => {
-      const e = [];
-      for (let c = 0; c < 42; c += 1)
-        e.push(E(d, c));
-      return e;
-    }, [d]), T = C(() => {
-      const e = B(/* @__PURE__ */ new Date(), { weekStartsOn: u }), c = new Intl.DateTimeFormat(v, { weekday: "short" });
-      return Array.from({ length: 7 }, (I, y) => c.format(E(e, y)));
-    }, [v, u]), S = C(() => {
-      try {
-        return new Intl.DateTimeFormat(v, {
-          month: "long",
-          year: "numeric"
-        }).format(s);
-      } catch {
-        return Q(s, "MMMM yyyy");
-      }
-    }, [v, s]), k = q(
-      (e) => t.has(O(e)),
-      [t]
-    ), o = q(
-      (e) => {
-        h(e), se(e, s) || g(ne(e));
-      },
-      [s]
-    ), M = (e) => {
-      const c = {
-        ArrowLeft: -1,
-        ArrowRight: 1,
-        ArrowUp: -7,
-        ArrowDown: 7
-      };
-      if (e.key in c) {
-        e.preventDefault(), o(E(l, c[e.key]));
-        return;
-      }
-      if (e.key === "Home") {
-        e.preventDefault(), o(B(l, { weekStartsOn: u }));
-        return;
-      }
-      if (e.key === "End") {
-        e.preventDefault(), o(E(B(l, { weekStartsOn: u }), 6));
-        return;
-      }
-      if (e.key === "PageUp") {
-        e.preventDefault(), o(oe(l));
-        return;
-      }
-      if (e.key === "PageDown") {
-        e.preventDefault(), o(J(l, 1));
-        return;
-      }
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), k(l) && b(O(l)));
-    }, A = V(null);
-    return W(() => {
-      var e;
-      (e = A.current) == null || e.focus();
-    }, [l.getTime()]), i ? /* @__PURE__ */ w("div", { ref: n, className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ a(te, { variant: "text", size: "md", width: "40%" }),
-      /* @__PURE__ */ a("div", { className: K(), children: Array.from({ length: 42 }, (e, c) => /* @__PURE__ */ a(
-        te,
-        {
-          variant: "rounded",
-          size: "md",
-          height: "40px"
-        },
-        `day-skeleton-${c}`
-      )) })
-    ] }) : t.size === 0 ? /* @__PURE__ */ a("div", { ref: n, children: /* @__PURE__ */ a(de, { variant: "no-results", title: f }) }) : /* @__PURE__ */ w("div", { ref: n, className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ w("div", { className: je(), children: [
-        /* @__PURE__ */ a(
-          re,
-          {
-            icon: /* @__PURE__ */ a(Le, {}),
-            "aria-label": x,
-            size: "sm",
-            intent: "ghost",
-            flipIconInRtl: !0,
-            onClick: () => g(oe(s))
-          }
-        ),
-        /* @__PURE__ */ a(
-          "span",
-          {
-            className: "type-body-sm ds:font-[var(--font-weight-semibold)]",
-            "aria-live": "polite",
-            children: S
-          }
-        ),
-        /* @__PURE__ */ a(
-          re,
-          {
-            icon: /* @__PURE__ */ a(Te, {}),
-            "aria-label": D,
-            size: "sm",
-            intent: "ghost",
-            flipIconInRtl: !0,
-            onClick: () => g(J(s, 1))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ w(
-        "div",
-        {
-          role: "grid",
-          "aria-label": S,
-          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-          onKeyDown: M,
-          children: [
-            /* @__PURE__ */ a("div", { className: K(), role: "row", children: T.map((e) => /* @__PURE__ */ a(
-              "span",
-              {
-                role: "columnheader",
-                className: "type-meta ds:text-center ds:text-[var(--muted-foreground)]",
-                children: e
-              },
-              e
-            )) }),
-            Array.from({ length: 6 }, (e, c) => {
-              const I = G.slice(c * 7, c * 7 + 7);
-              return /* @__PURE__ */ a(
-                "div",
-                {
-                  role: "row",
-                  className: K(),
-                  children: I.map((y) => {
-                    const R = O(y), _ = !se(y, s), L = k(y), P = m === R, j = Ae(y, l);
-                    return /* @__PURE__ */ a(
-                      "button",
-                      {
-                        ref: j ? A : void 0,
-                        type: "button",
-                        role: "gridcell",
-                        "aria-selected": P,
-                        "aria-disabled": !L || void 0,
-                        disabled: !L,
-                        "data-outside": _ || void 0,
-                        tabIndex: j ? 0 : -1,
-                        onClick: () => L && b(R),
-                        className: Be(),
-                        children: Q(y, "d")
-                      },
-                      R
-                    );
-                  })
-                },
-                `week-${c}`
-              );
-            })
-          ]
-        }
-      )
-    ] });
-  }
-);
-ce.displayName = "StepperCalendar.MonthGrid";
-function Ve({
-  date: t,
-  slots: m,
-  selectedTime: b,
-  loading: i,
-  emptyLabel: v,
-  onSelect: u
-}) {
-  if (!t) return null;
-  if (i)
-    return /* @__PURE__ */ a(
-      ae,
-      {
-        days: [{ date: t, slots: [] }],
-        state: "loading"
-      }
-    );
-  if (m.length === 0)
-    return /* @__PURE__ */ a(de, { variant: "no-results", title: v });
-  const x = m.map((f) => {
-    const [n, r] = f.split(":"), s = F(t);
-    return s.setHours(Number(n), Number(r), 0, 0), {
-      id: `${t}T${f}`,
-      start: s,
-      label: f
-    };
-  });
-  return /* @__PURE__ */ a(
-    ae,
-    {
-      days: [{ date: t, slots: x }],
-      selectedSlotId: b ? `${t}T${b}` : void 0,
-      onSlotSelect: (f) => {
-        const n = Ie.exec(f.id);
-        n && u(n[2]);
-      }
-    }
-  );
-}
-const $e = X(
-  ({
-    services: t,
-    availableDates: m,
-    availableSlots: b,
-    value: i,
-    onChange: v,
-    onSubmit: u,
-    detailsFields: x,
-    loadingDates: D = !1,
-    loadingSlots: f = !1,
-    stepStatuses: n,
-    layout: r = "vertical",
-    density: s = "comfortable",
-    "aria-label": g,
-    className: l,
-    ...h
-  }, $) => {
-    var Z;
-    const { t: d, i18n: G } = Ce(), T = G.language ?? "en", S = C(
-      () => Me(T),
-      [T]
-    ), k = Fe(i), [o, M] = U(k);
-    W(() => {
-      o > k && M(k);
-    }, [o, k]);
-    const A = V(null), e = V(!0);
-    W(() => {
-      var p;
-      if (e.current) {
-        e.current = !1;
-        return;
-      }
-      (p = A.current) == null || p.focus();
-    }, [o]);
-    const c = C(
-      () => [
-        {
-          label: d("navigation.stepperCalendar.steps.service"),
-          status: n == null ? void 0 : n[0]
-        },
-        {
-          label: d("navigation.stepperCalendar.steps.date"),
-          status: n == null ? void 0 : n[1]
-        },
-        {
-          label: d("navigation.stepperCalendar.steps.time"),
-          status: n == null ? void 0 : n[2]
-        },
-        {
-          label: d("navigation.stepperCalendar.steps.details"),
-          status: n == null ? void 0 : n[3]
-        }
-      ],
-      [n, d]
-    ), I = g ?? d("navigation.stepperCalendar.label"), y = d("navigation.stepperCalendar.actions.back"), R = d("navigation.stepperCalendar.actions.next"), _ = d("navigation.stepperCalendar.actions.submit"), L = d("navigation.stepperCalendar.time.empty"), P = d("navigation.stepperCalendar.date.previousMonth"), j = d("navigation.stepperCalendar.date.nextMonth"), me = d("navigation.stepperCalendar.steps.service"), fe = q(
-      (p) => d("navigation.stepperCalendar.service.duration", { minutes: p }),
-      [d]
-    ), pe = o === 0 ? !!i.serviceId : o === 1 ? !!i.date : o === 2 ? !!i.time : !1, ue = (p) => {
-      v({ ...i, serviceId: p }), setTimeout(() => {
-        M((ee) => ee === 0 ? 1 : ee);
-      }, 120);
-    }, ge = (p) => {
-      v({ ...i, date: p, time: void 0 });
-    }, be = (p) => {
-      v({ ...i, time: p });
-    }, ve = () => M((p) => Math.max(0, p - 1)), he = () => M((p) => Math.min(ie - 1, p + 1)), ye = () => u == null ? void 0 : u(i), Y = `stepper-calendar-step-${o}-heading`, xe = C(
-      () => new Set(m),
-      [m]
-    );
-    let z = null;
-    o === 0 ? z = /* @__PURE__ */ a(
-      le,
-      {
-        services: t,
-        selectedId: i.serviceId,
-        onSelect: ue,
-        durationLabel: fe,
-        groupLabel: me
-      }
-    ) : o === 1 ? z = /* @__PURE__ */ a(
-      ce,
-      {
-        availableDates: xe,
-        selectedDate: i.date,
-        onSelectDate: ge,
-        loading: D,
-        locale: T,
-        weekStartsOn: S,
-        prevLabel: P,
-        nextLabel: j,
-        emptyLabel: L
-      }
-    ) : o === 2 ? z = /* @__PURE__ */ a(
-      Ve,
-      {
-        date: i.date,
-        slots: i.date ? b[i.date] ?? [] : [],
-        selectedTime: i.time,
-        loading: f,
-        emptyLabel: L,
-        onSelect: be
-      }
-    ) : z = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: x });
-    const we = o === ie - 1, ke = Ne(
-      o,
-      o,
-      n == null ? void 0 : n[o]
-    );
-    return /* @__PURE__ */ w(
-      "div",
-      {
-        ref: $,
-        role: "region",
-        "aria-label": I,
-        "data-component": "stepper-calendar",
-        className: Re({ layout: r, density: s, className: l }),
-        ...h,
-        children: [
-          /* @__PURE__ */ a(
-            De,
-            {
-              activeStep: o,
-              steps: c,
-              "aria-label": I
-            }
-          ),
-          /* @__PURE__ */ w(
-            "section",
-            {
-              "aria-labelledby": Y,
-              className: ze({ density: s }),
-              "data-step": o,
-              "data-state": ke,
-              children: [
-                /* @__PURE__ */ a(
-                  "h2",
-                  {
-                    ref: A,
-                    id: Y,
-                    tabIndex: -1,
-                    className: "type-body-sm ds:font-[var(--font-weight-semibold)] ds:focus:outline-none",
-                    children: (Z = c[o]) == null ? void 0 : Z.label
-                  }
-                ),
-                z,
-                /* @__PURE__ */ w("div", { className: Ee(), children: [
-                  /* @__PURE__ */ a(
-                    H,
-                    {
-                      type: "button",
-                      intent: "ghost",
-                      size: "md",
-                      onClick: ve,
-                      disabled: o === 0,
-                      children: y
-                    }
-                  ),
-                  we ? /* @__PURE__ */ a(
-                    H,
-                    {
-                      type: "button",
-                      intent: "primary",
-                      size: "md",
-                      onClick: ye,
-                      children: _
-                    }
-                  ) : /* @__PURE__ */ a(
-                    H,
-                    {
-                      type: "button",
-                      intent: "primary",
-                      size: "md",
-                      onClick: he,
-                      disabled: !pe,
-                      children: R
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-$e.displayName = "StepperCalendar";
-export {
-  $e as S
-};
-//# sourceMappingURL=stepper-calendar-_fLOAjus.js.map

package/dist/_chunks/stepper-progress-rE7tn7WY.js

@@ -1,129 +0,0 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { forwardRef as k, useRef as R, useState as S, useEffect as C, useLayoutEffect as E } from "react";
-import { c as t } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-const B = t("ds:flex ds:w-full", {
-  variants: {
-    captionPosition: {
-      top: "ds:flex-col ds:gap-[var(--spacing-xs)]",
-      bottom: "ds:flex-col-reverse ds:gap-[var(--spacing-xs)]"
-    }
-  },
-  defaultVariants: { captionPosition: "top" }
-}), H = t(
-  "ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)]",
-  {
-    variants: {
-      size: {
-        sm: "ds:h-[var(--spacing-xs)]",
-        default: "ds:h-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: { size: "default" }
-  }
-), L = t(
-  [
-    "ds:block ds:h-full ds:rounded-[var(--radius-full)]",
-    "ds:[inline-size:calc(var(--stepper-progress-value,0)*1%)]",
-    "ds:transition-[inline-size,background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
-    "ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      tone: {
-        progress: "ds:bg-[var(--primary)]",
-        error: "ds:bg-[var(--destructive)]",
-        complete: "ds:bg-[var(--success,var(--primary))]"
-      }
-    },
-    defaultVariants: { tone: "progress" }
-  }
-), O = t(
-  "ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)] ds:flex-wrap",
-  {
-    variants: {
-      tone: {
-        progress: "ds:text-[var(--foreground)]",
-        error: "ds:text-[var(--destructive)]",
-        complete: "ds:text-[var(--foreground)]"
-      }
-    },
-    defaultVariants: { tone: "progress" }
-  }
-), $ = k(
-  ({
-    activeStep: g,
-    steps: l,
-    "aria-label": x,
-    hideCaption: h = !1,
-    size: b = "default",
-    captionPosition: y = "top",
-    className: N,
-    ...V
-  }, w) => {
-    const { t: i } = A(), d = R(null), s = l.length, r = Math.max(0, Math.min(g, s - 1)), e = l[r], c = (e == null ? void 0 : e.status) === "error" ? "error" : "current", p = r + 1, P = s === 0 ? 0 : p / s * 100, u = c === "error" ? "error" : r === s - 1 && s > 0 ? "complete" : "progress", [j, z] = S(!1);
-    C(() => {
-      z(!0);
-    }, []);
-    const f = j ? P : 0;
-    E(() => {
-      var m;
-      (m = d.current) == null || m.style.setProperty(
-        "--stepper-progress-value",
-        String(f)
-      );
-    }, [f]);
-    const v = i("navigation.stepper.stepOfTotal", {
-      n: r + 1,
-      total: s
-    }), M = x ?? i("navigation.stepper.label"), o = c === "error" && (e != null && e.description) ? e.description : null, T = [
-      v,
-      e ? `— ${e.label}` : null,
-      o
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        ref: w,
-        "data-component": "stepper-progress",
-        className: B({ captionPosition: y, className: N }),
-        ...V,
-        children: [
-          h ? null : /* @__PURE__ */ n("div", { className: O({ tone: u }), "aria-hidden": "true", children: [
-            /* @__PURE__ */ a("span", { className: "type-meta ds:font-[var(--font-weight-semibold)]", children: v }),
-            e ? /* @__PURE__ */ n("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: [
-              "— ",
-              e.label
-            ] }) : null,
-            o ? /* @__PURE__ */ a("span", { className: "type-meta ds:ms-auto ds:text-[var(--destructive)]", children: o }) : null
-          ] }),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              role: "progressbar",
-              "aria-label": M,
-              "aria-valuemin": 0,
-              "aria-valuemax": s,
-              "aria-valuenow": p,
-              "aria-valuetext": T,
-              className: H({ size: b }),
-              children: /* @__PURE__ */ a(
-                "span",
-                {
-                  ref: d,
-                  "aria-hidden": "true",
-                  className: L({ tone: u })
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-$.displayName = "StepperProgress";
-export {
-  $ as S
-};
-//# sourceMappingURL=stepper-progress-rE7tn7WY.js.map