docthub-core-components 3.3.12 → 3.3.15

package/dist/components/overrides/ui/inputs/phone-input.js

@@ -193,7 +193,7 @@ const Qe = /\D/g, te = (r) => r.replace(Qe, ""), Fe = (r) => {
     d
   ] }), e[15] = $, e[16] = x, e[17] = y, e[18] = i, e[19] = d, e[20] = C) : C = e[20], C;
 }, Ze = ke.getCountries(), et = (r) => {
-  if (!r || r.length === 0)
+  if (r === void 0)
     return Ze.map((t) => ({
       value: t,
       label: new Intl.DisplayNames(["en"], {
@@ -201,6 +201,8 @@ const Qe = /\D/g, te = (r) => r.replace(Qe, ""), Fe = (r) => {
       }).of(t) ?? t,
       countryCode: `+${q(t)}`
     }));
+  if (r.length === 0)
+    return [];
   const e = r[0];
   return e && typeof e == "object" && "countryId" in e ? r.map((t) => ({
     value: t,

package/dist/components/reui/stepper.js

@@ -0,0 +1,303 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { c as k } from "react-compiler-runtime";
+import { useState as J, Children as Y, useRef as Z, useEffect as ee, useMemo as te, useContext as O, isValidElement as se, createContext as Q } from "react";
+import { cn as I } from "../../lib/utils.js";
+const W = Q(void 0), X = Q(void 0);
+function C() {
+  const o = O(W);
+  if (!o)
+    throw new Error("useStepper must be used within a Stepper");
+  return o;
+}
+function L() {
+  const o = O(X);
+  if (!o)
+    throw new Error("useStepItem must be used within a StepperItem");
+  return o;
+}
+function ne(o) {
+  const e = k(52);
+  let i, a, n, t, s, l, r, c;
+  e[0] !== o ? ({
+    defaultValue: s,
+    value: c,
+    onValueChange: n,
+    orientation: l,
+    className: a,
+    children: i,
+    indicators: r,
+    ...t
+  } = o, e[0] = o, e[1] = i, e[2] = a, e[3] = n, e[4] = t, e[5] = s, e[6] = l, e[7] = r, e[8] = c) : (i = e[1], a = e[2], n = e[3], t = e[4], s = e[5], l = e[6], r = e[7], c = e[8]);
+  const p = s === void 0 ? 1 : s, f = l === void 0 ? "horizontal" : l;
+  let N;
+  e[9] !== r ? (N = r === void 0 ? {} : r, e[9] = r, e[10] = N) : N = e[10];
+  const $ = N, [x, y] = J(p);
+  let u;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[11] = u) : u = e[11];
+  const [d, w] = J(u);
+  let g;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (g = (h) => {
+    h && w((G) => G.includes(h) ? G : [...G, h]);
+  }, e[12] = g) : g = e[12];
+  const D = g;
+  let v;
+  e[13] !== n || e[14] !== c ? (v = (h) => {
+    c === void 0 && y(h), n == null || n(h);
+  }, e[13] = n, e[14] = c, e[15] = v) : v = e[15];
+  const A = v, P = c ?? x;
+  let S;
+  e[16] !== d ? (S = (h) => {
+    d[h] && d[h].focus();
+  }, e[16] = d, e[17] = S) : S = e[17];
+  const b = S;
+  let _;
+  e[18] !== b || e[19] !== d.length ? (_ = (h) => {
+    d.length && b((h + 1) % d.length);
+  }, e[18] = b, e[19] = d.length, e[20] = _) : _ = e[20];
+  const M = _;
+  let j;
+  e[21] !== b || e[22] !== d.length ? (j = (h) => {
+    d.length && b((h - 1 + d.length) % d.length);
+  }, e[21] = b, e[22] = d.length, e[23] = j) : j = e[23];
+  const H = j;
+  let R;
+  e[24] !== b ? (R = () => b(0), e[24] = b, e[25] = R) : R = e[25];
+  const U = R;
+  let V;
+  e[26] !== b || e[27] !== d.length ? (V = () => b(d.length - 1), e[26] = b, e[27] = d.length, e[28] = V) : V = e[28];
+  const q = V;
+  let T;
+  e[29] !== i ? (T = Y.toArray(i).filter(ae), e[29] = i, e[30] = T) : T = e[30];
+  let F;
+  e[31] !== P || e[32] !== U || e[33] !== q || e[34] !== M || e[35] !== H || e[36] !== A || e[37] !== $ || e[38] !== f || e[39] !== T.length || e[40] !== d ? (F = {
+    activeStep: P,
+    setActiveStep: A,
+    stepsCount: T.length,
+    orientation: f,
+    registerTrigger: D,
+    focusNext: M,
+    focusPrev: H,
+    focusFirst: U,
+    focusLast: q,
+    triggerNodes: d,
+    indicators: $
+  }, e[31] = P, e[32] = U, e[33] = q, e[34] = M, e[35] = H, e[36] = A, e[37] = $, e[38] = f, e[39] = T.length, e[40] = d, e[41] = F) : F = e[41];
+  const B = F;
+  let z;
+  e[42] !== a ? (z = I("w-full", a), e[42] = a, e[43] = z) : z = e[43];
+  let E;
+  e[44] !== i || e[45] !== f || e[46] !== t || e[47] !== z ? (E = /* @__PURE__ */ m("div", { role: "tablist", "aria-orientation": f, "data-slot": "stepper", className: z, "data-orientation": f, ...t, children: i }), e[44] = i, e[45] = f, e[46] = t, e[47] = z, e[48] = E) : E = e[48];
+  let K;
+  return e[49] !== B || e[50] !== E ? (K = /* @__PURE__ */ m(W.Provider, { value: B, children: E }), e[49] = B, e[50] = E, e[51] = K) : K = e[51], K;
+}
+function ae(o) {
+  return se(o) && o.type.displayName === "StepperItem";
+}
+function ie(o) {
+  const e = k(27);
+  let i, a, n, t, s, l, r;
+  e[0] !== o ? ({
+    step: t,
+    completed: s,
+    disabled: l,
+    loading: r,
+    className: a,
+    children: i,
+    ...n
+  } = o, e[0] = o, e[1] = i, e[2] = a, e[3] = n, e[4] = t, e[5] = s, e[6] = l, e[7] = r) : (i = e[1], a = e[2], n = e[3], t = e[4], s = e[5], l = e[6], r = e[7]);
+  const c = s === void 0 ? !1 : s, p = l === void 0 ? !1 : l, f = r === void 0 ? !1 : r, {
+    activeStep: N,
+    orientation: $
+  } = C(), x = c || t < N ? "completed" : N === t ? "active" : "inactive", y = f && t === N;
+  let u;
+  e[8] !== p || e[9] !== y || e[10] !== x || e[11] !== t ? (u = {
+    step: t,
+    state: x,
+    isDisabled: p,
+    isLoading: y
+  }, e[8] = p, e[9] = y, e[10] = x, e[11] = t, e[12] = u) : u = e[12];
+  const d = $ === "horizontal" ? "flex-row" : "flex-col";
+  let w;
+  e[13] !== a || e[14] !== d ? (w = I("group/step flex items-center justify-center [&:not(:last-child)]:flex-1", d, a), e[13] = a, e[14] = d, e[15] = w) : w = e[15];
+  let g;
+  e[16] !== y ? (g = y ? {
+    "data-loading": !0
+  } : {}, e[16] = y, e[17] = g) : g = e[17];
+  let D;
+  e[18] !== i || e[19] !== n || e[20] !== x || e[21] !== w || e[22] !== g ? (D = /* @__PURE__ */ m("div", { "data-slot": "stepper-item", className: w, "data-state": x, ...g, ...n, children: i }), e[18] = i, e[19] = n, e[20] = x, e[21] = w, e[22] = g, e[23] = D) : D = e[23];
+  let v;
+  return e[24] !== u || e[25] !== D ? (v = /* @__PURE__ */ m(X.Provider, { value: u, children: D }), e[24] = u, e[25] = D, e[26] = v) : v = e[26], v;
+}
+function le({
+  asChild: o = !1,
+  className: e,
+  children: i,
+  tabIndex: a,
+  ...n
+}) {
+  const {
+    state: t,
+    isLoading: s
+  } = L(), l = C(), {
+    setActiveStep: r,
+    activeStep: c,
+    registerTrigger: p,
+    triggerNodes: f,
+    focusNext: N,
+    focusPrev: $,
+    focusFirst: x,
+    focusLast: y
+  } = l, {
+    step: u,
+    isDisabled: d
+  } = L(), w = c === u, g = `stepper-tab-${u}`, D = `stepper-panel-${u}`, v = Z(null);
+  ee(() => {
+    p(v.current);
+  }, [p]);
+  const A = te(() => f.findIndex((S) => S === v.current), [f]), P = (S) => {
+    switch (S.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        S.preventDefault(), A !== -1 && N && N(A);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        S.preventDefault(), A !== -1 && $ && $(A);
+        break;
+      case "Home":
+        S.preventDefault(), x && x();
+        break;
+      case "End":
+        S.preventDefault(), y && y();
+        break;
+      case "Enter":
+      case " ":
+        S.preventDefault(), r(u);
+        break;
+    }
+  };
+  return o ? /* @__PURE__ */ m("span", { "data-slot": "stepper-trigger", "data-state": t, className: e, children: i }) : /* @__PURE__ */ m("button", { ref: v, role: "tab", id: g, "aria-selected": w, "aria-controls": D, tabIndex: typeof a == "number" ? a : w ? 0 : -1, "data-slot": "stepper-trigger", "data-state": t, "data-loading": s, className: I("focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-60", "gap-2.5 rounded-full", e), onClick: () => r(u), onKeyDown: P, disabled: d, ...n, children: i });
+}
+function oe(o) {
+  const e = k(8), {
+    children: i,
+    className: a
+  } = o, {
+    state: n,
+    isLoading: t
+  } = L(), {
+    indicators: s
+  } = C();
+  let l;
+  e[0] !== a ? (l = I("border-background bg-muted text-muted-foreground data-[state=completed]:bg-foreground data-[state=completed]:text-background data-[state=active]:bg-foreground data-[state=active]:text-background relative flex size-6 shrink-0 items-center justify-center overflow-hidden", "rounded-full text-xs", a), e[0] = a, e[1] = l) : l = e[1];
+  const r = s && (t && s.loading || n === "completed" && s.completed || n === "active" && s.active || n === "inactive" && s.inactive) ? t && s.loading || n === "completed" && s.completed || n === "active" && s.active || n === "inactive" && s.inactive : i;
+  let c;
+  e[2] !== r ? (c = /* @__PURE__ */ m("div", { className: "absolute", children: r }), e[2] = r, e[3] = c) : c = e[3];
+  let p;
+  return e[4] !== n || e[5] !== l || e[6] !== c ? (p = /* @__PURE__ */ m("div", { "data-slot": "stepper-indicator", "data-state": n, className: l, children: c }), e[4] = n, e[5] = l, e[6] = c, e[7] = p) : p = e[7], p;
+}
+function re(o) {
+  const e = k(6), {
+    className: i
+  } = o, {
+    state: a
+  } = L(), {
+    orientation: n
+  } = C(), t = n === "horizontal" ? "h-0.5 flex-1" : "h-12 w-0.5";
+  let s;
+  e[0] !== i || e[1] !== t ? (s = I("bg-muted data-[state=completed]:bg-foreground rounded-sm m-0.5", t, i), e[0] = i, e[1] = t, e[2] = s) : s = e[2];
+  let l;
+  return e[3] !== a || e[4] !== s ? (l = /* @__PURE__ */ m("div", { "data-slot": "stepper-separator", "data-state": a, className: s }), e[3] = a, e[4] = s, e[5] = l) : l = e[5], l;
+}
+function ce(o) {
+  const e = k(6), {
+    children: i,
+    className: a
+  } = o, {
+    state: n
+  } = L();
+  let t;
+  e[0] !== a ? (t = I("text-sm leading-none font-medium", a), e[0] = a, e[1] = t) : t = e[1];
+  let s;
+  return e[2] !== i || e[3] !== n || e[4] !== t ? (s = /* @__PURE__ */ m("h3", { "data-slot": "stepper-title", "data-state": n, className: t, children: i }), e[2] = i, e[3] = n, e[4] = t, e[5] = s) : s = e[5], s;
+}
+function de(o) {
+  const e = k(6), {
+    children: i,
+    className: a
+  } = o, {
+    state: n
+  } = L();
+  let t;
+  e[0] !== a ? (t = I("text-muted-foreground text-sm", a), e[0] = a, e[1] = t) : t = e[1];
+  let s;
+  return e[2] !== i || e[3] !== n || e[4] !== t ? (s = /* @__PURE__ */ m("div", { "data-slot": "stepper-description", "data-state": n, className: t, children: i }), e[2] = i, e[3] = n, e[4] = t, e[5] = s) : s = e[5], s;
+}
+function pe(o) {
+  const e = k(8), {
+    children: i,
+    className: a
+  } = o, {
+    activeStep: n,
+    orientation: t
+  } = C(), s = t === "horizontal" ? "w-full flex-row" : "flex-col";
+  let l;
+  e[0] !== a || e[1] !== s ? (l = I("group/stepper-nav inline-flex", s, a), e[0] = a, e[1] = s, e[2] = l) : l = e[2];
+  let r;
+  return e[3] !== n || e[4] !== i || e[5] !== t || e[6] !== l ? (r = /* @__PURE__ */ m("nav", { "data-slot": "stepper-nav", "data-state": n, "data-orientation": t, className: l, children: i }), e[3] = n, e[4] = i, e[5] = t, e[6] = l, e[7] = r) : r = e[7], r;
+}
+function fe(o) {
+  const e = k(6), {
+    children: i,
+    className: a
+  } = o, {
+    activeStep: n
+  } = C();
+  let t;
+  e[0] !== a ? (t = I("w-full", a), e[0] = a, e[1] = t) : t = e[1];
+  let s;
+  return e[2] !== n || e[3] !== i || e[4] !== t ? (s = /* @__PURE__ */ m("div", { "data-slot": "stepper-panel", "data-state": n, className: t, children: i }), e[2] = n, e[3] = i, e[4] = t, e[5] = s) : s = e[5], s;
+}
+function ue(o) {
+  const e = k(8), {
+    value: i,
+    forceMount: a,
+    children: n,
+    className: t
+  } = o, {
+    activeStep: s
+  } = C(), l = i === s;
+  if (!a && !l)
+    return null;
+  const r = !l && a && "hidden";
+  let c;
+  e[0] !== t || e[1] !== r ? (c = I("w-full", t, r), e[0] = t, e[1] = r, e[2] = c) : c = e[2];
+  const p = !l && a;
+  let f;
+  return e[3] !== s || e[4] !== n || e[5] !== c || e[6] !== p ? (f = /* @__PURE__ */ m("div", { "data-slot": "stepper-content", "data-state": s, className: c, hidden: p, children: n }), e[3] = s, e[4] = n, e[5] = c, e[6] = p, e[7] = f) : f = e[7], f;
+}
+ne.displayName = "Stepper";
+ie.displayName = "StepperItem";
+le.displayName = "StepperTrigger";
+oe.displayName = "StepperIndicator";
+re.displayName = "StepperSeparator";
+ce.displayName = "StepperTitle";
+de.displayName = "StepperDescription";
+pe.displayName = "StepperNav";
+fe.displayName = "StepperPanel";
+ue.displayName = "StepperContent";
+export {
+  ne as Stepper,
+  ue as StepperContent,
+  de as StepperDescription,
+  oe as StepperIndicator,
+  ie as StepperItem,
+  pe as StepperNav,
+  fe as StepperPanel,
+  re as StepperSeparator,
+  ce as StepperTitle,
+  le as StepperTrigger,
+  L as useStepItem,
+  C as useStepper
+};

package/dist/components/ui/stepper.js

@@ -0,0 +1,353 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { c as L } from "react-compiler-runtime";
+import { forwardRef as A, useId as oe, useState as K, useRef as ne, useEffect as ae, useMemo as le, useContext as _, createContext as ee } from "react";
+import { Slot as re } from "../../lib/slot.js";
+import { cn as k } from "../../lib/utils.js";
+const te = ee(void 0), se = ee(void 0);
+function F() {
+  const g = _(te);
+  if (!g)
+    throw new Error("useStepper must be used within a Stepper");
+  return g;
+}
+function G() {
+  const g = _(se);
+  if (!g)
+    throw new Error("useStepItem must be used within a StepperItem");
+  return g;
+}
+function ce(...g) {
+  return (c) => {
+    for (const l of g)
+      typeof l == "function" ? l(c) : l && typeof l == "object" && (l.current = c);
+  };
+}
+function de(g) {
+  return [...g].sort((e, s) => {
+    if (e === s) return 0;
+    const t = e.compareDocumentPosition(s);
+    return t & 4 ? -1 : t & 2 ? 1 : 0;
+  });
+}
+const pe = A(function(c, l) {
+  const e = L(53);
+  let s, t, i, o, a, d, n, r, u;
+  e[0] !== c ? ({
+    defaultValue: d,
+    value: u,
+    onValueChange: o,
+    orientation: n,
+    className: t,
+    children: s,
+    indicators: r,
+    id: i,
+    ...a
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i, e[4] = o, e[5] = a, e[6] = d, e[7] = n, e[8] = r, e[9] = u) : (s = e[1], t = e[2], i = e[3], o = e[4], a = e[5], d = e[6], n = e[7], r = e[8], u = e[9]);
+  const x = d === void 0 ? 1 : d, f = n === void 0 ? "horizontal" : n;
+  let v;
+  e[10] !== r ? (v = r === void 0 ? {} : r, e[10] = r, e[11] = v) : v = e[11];
+  const m = v, I = oe(), S = i ?? I, [z, P] = K(x);
+  let $;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? ($ = [], e[12] = $) : $ = e[12];
+  const [p, R] = K($);
+  let D;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (D = (w) => w ? (R((j) => j.includes(w) ? j : de([...j, w])), () => {
+    R((j) => j.filter((ie) => ie !== w));
+  }) : xe, e[13] = D) : D = e[13];
+  const C = D;
+  let b;
+  e[14] !== o || e[15] !== u ? (b = (w) => {
+    u === void 0 && P(w), o == null || o(w);
+  }, e[14] = o, e[15] = u, e[16] = b) : b = e[16];
+  const T = b, U = u ?? z;
+  let B;
+  e[17] !== p ? (B = (w) => {
+    var j;
+    (j = p[w]) == null || j.focus();
+  }, e[17] = p, e[18] = B) : B = e[18];
+  const h = B;
+  let M;
+  e[19] !== h || e[20] !== p.length ? (M = (w) => {
+    p.length && h((w + 1) % p.length);
+  }, e[19] = h, e[20] = p.length, e[21] = M) : M = e[21];
+  const E = M;
+  let V;
+  e[22] !== h || e[23] !== p.length ? (V = (w) => {
+    p.length && h((w - 1 + p.length) % p.length);
+  }, e[22] = h, e[23] = p.length, e[24] = V) : V = e[24];
+  const q = V;
+  let N;
+  e[25] !== h ? (N = () => h(0), e[25] = h, e[26] = N) : N = e[26];
+  const X = N;
+  let J;
+  e[27] !== h || e[28] !== p.length ? (J = () => h(p.length - 1), e[27] = h, e[28] = p.length, e[29] = J) : J = e[29];
+  const Y = J;
+  let Q;
+  e[30] !== S || e[31] !== U || e[32] !== X || e[33] !== Y || e[34] !== E || e[35] !== q || e[36] !== T || e[37] !== m || e[38] !== f || e[39] !== p ? (Q = {
+    activeStep: U,
+    setActiveStep: T,
+    stepsCount: p.length,
+    orientation: f,
+    baseId: S,
+    registerTrigger: C,
+    focusNext: E,
+    focusPrev: q,
+    focusFirst: X,
+    focusLast: Y,
+    triggerNodes: p,
+    indicators: m
+  }, e[30] = S, e[31] = U, e[32] = X, e[33] = Y, e[34] = E, e[35] = q, e[36] = T, e[37] = m, e[38] = f, e[39] = p, e[40] = Q) : Q = e[40];
+  const Z = Q;
+  let H;
+  e[41] !== t ? (H = k("w-full", t), e[41] = t, e[42] = H) : H = e[42];
+  let O;
+  e[43] !== s || e[44] !== i || e[45] !== f || e[46] !== a || e[47] !== l || e[48] !== H ? (O = /* @__PURE__ */ y("div", { id: i, ref: l, "data-slot": "stepper", className: H, "data-orientation": f, ...a, children: s }), e[43] = s, e[44] = i, e[45] = f, e[46] = a, e[47] = l, e[48] = H, e[49] = O) : O = e[49];
+  let W;
+  return e[50] !== Z || e[51] !== O ? (W = /* @__PURE__ */ y(te.Provider, { value: Z, children: O }), e[50] = Z, e[51] = O, e[52] = W) : W = e[52], W;
+}), fe = A(function(c, l) {
+  const e = L(30);
+  let s, t, i, o, a, d, n, r;
+  e[0] !== c ? ({
+    step: o,
+    completed: a,
+    disabled: d,
+    invalid: n,
+    loading: r,
+    className: t,
+    children: s,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i, e[4] = o, e[5] = a, e[6] = d, e[7] = n, e[8] = r) : (s = e[1], t = e[2], i = e[3], o = e[4], a = e[5], d = e[6], n = e[7], r = e[8]);
+  const u = a === void 0 ? !1 : a, x = d === void 0 ? !1 : d, f = n === void 0 ? !1 : n, v = r === void 0 ? !1 : r, {
+    activeStep: m,
+    orientation: I
+  } = F(), S = f ? "invalid" : u || o < m ? "completed" : m === o ? "active" : "inactive", z = v && o === m;
+  let P;
+  e[9] !== x || e[10] !== f || e[11] !== z || e[12] !== S || e[13] !== o ? (P = {
+    step: o,
+    state: S,
+    isDisabled: x,
+    isInvalid: f,
+    isLoading: z
+  }, e[9] = x, e[10] = f, e[11] = z, e[12] = S, e[13] = o, e[14] = P) : P = e[14];
+  const $ = I === "horizontal" ? "flex-row" : "flex-col";
+  let p;
+  e[15] !== t || e[16] !== $ ? (p = k("group/step flex items-center justify-center [&:not(:last-child)]:flex-1", $, t), e[15] = t, e[16] = $, e[17] = p) : p = e[17];
+  const R = x || void 0, D = f || void 0, C = z || void 0;
+  let b;
+  e[18] !== s || e[19] !== i || e[20] !== l || e[21] !== S || e[22] !== C || e[23] !== p || e[24] !== R || e[25] !== D ? (b = /* @__PURE__ */ y("div", { ref: l, "data-slot": "stepper-item", className: p, "data-state": S, "data-disabled": R, "data-invalid": D, "data-loading": C, ...i, children: s }), e[18] = s, e[19] = i, e[20] = l, e[21] = S, e[22] = C, e[23] = p, e[24] = R, e[25] = D, e[26] = b) : b = e[26];
+  let T;
+  return e[27] !== b || e[28] !== P ? (T = /* @__PURE__ */ y(se.Provider, { value: P, children: b }), e[27] = b, e[28] = P, e[29] = T) : T = e[29], T;
+}), ue = A(function({
+  asChild: c = !1,
+  className: l,
+  children: e,
+  disabled: s,
+  onClick: t,
+  onKeyDown: i,
+  tabIndex: o,
+  type: a,
+  ...d
+}, n) {
+  const {
+    state: r,
+    isDisabled: u,
+    isInvalid: x,
+    isLoading: f,
+    step: v
+  } = G(), {
+    setActiveStep: m,
+    activeStep: I,
+    baseId: S,
+    registerTrigger: z,
+    triggerNodes: P,
+    focusNext: $,
+    focusPrev: p,
+    focusFirst: R,
+    focusLast: D
+  } = F(), C = I === v, b = u || !!s, T = `${S}-tab-${v}`, U = `${S}-panel-${v}`, B = c ? re : "button", h = ne(null), M = ce(h, n);
+  ae(() => z(h.current), [z]);
+  const E = le(() => h.current ? P.indexOf(h.current) : -1, [P]), V = (N) => {
+    if (b) {
+      N.preventDefault();
+      return;
+    }
+    t == null || t(N), N.defaultPrevented || m(v);
+  }, q = (N) => {
+    if (i == null || i(N), !(N.defaultPrevented || b))
+      switch (N.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          N.preventDefault(), E !== -1 && $(E);
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          N.preventDefault(), E !== -1 && p(E);
+          break;
+        case "Home":
+          N.preventDefault(), R();
+          break;
+        case "End":
+          N.preventDefault(), D();
+          break;
+        case "Enter":
+        case " ":
+          N.preventDefault(), m(v);
+          break;
+      }
+  };
+  return /* @__PURE__ */ y(B, { ref: M, role: "tab", id: T, "aria-selected": C, "aria-controls": U, "aria-disabled": b || void 0, tabIndex: typeof o == "number" ? o : C ? 0 : -1, "data-slot": "stepper-trigger", "data-state": r, "data-disabled": b || void 0, "data-invalid": x || void 0, "data-loading": f || void 0, className: k("focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60", "gap-2.5 rounded-full", l), onClick: V, onKeyDown: q, ...c ? {} : {
+    disabled: b,
+    type: a ?? "button"
+  }, ...d, children: e });
+}), me = A(function(c, l) {
+  const e = L(16);
+  let s, t, i;
+  e[0] !== c ? ({
+    children: s,
+    className: t,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i) : (s = e[1], t = e[2], i = e[3]);
+  const {
+    state: o,
+    isInvalid: a,
+    isLoading: d
+  } = G(), {
+    indicators: n
+  } = F(), r = d && n.loading || a && n.invalid || o === "completed" && n.completed || o === "active" && n.active || o === "inactive" && n.inactive, u = a || void 0, x = d || void 0;
+  let f;
+  e[4] !== t ? (f = k("border-background bg-muted text-muted-foreground data-[state=completed]:bg-foreground data-[state=completed]:text-background data-[state=active]:bg-foreground data-[state=active]:text-background relative flex size-6 shrink-0 items-center justify-center overflow-hidden", "rounded-full text-xs", t), e[4] = t, e[5] = f) : f = e[5];
+  const v = r || s;
+  let m;
+  e[6] !== v ? (m = /* @__PURE__ */ y("div", { className: "absolute", children: v }), e[6] = v, e[7] = m) : m = e[7];
+  let I;
+  return e[8] !== i || e[9] !== l || e[10] !== o || e[11] !== u || e[12] !== x || e[13] !== f || e[14] !== m ? (I = /* @__PURE__ */ y("div", { ref: l, "data-slot": "stepper-indicator", "data-state": o, "data-invalid": u, "data-loading": x, className: f, ...i, children: m }), e[8] = i, e[9] = l, e[10] = o, e[11] = u, e[12] = x, e[13] = f, e[14] = m, e[15] = I) : I = e[15], I;
+}), ve = A(function(c, l) {
+  const e = L(12);
+  let s, t;
+  e[0] !== c ? ({
+    className: s,
+    ...t
+  } = c, e[0] = c, e[1] = s, e[2] = t) : (s = e[1], t = e[2]);
+  const {
+    state: i,
+    isInvalid: o
+  } = G(), {
+    orientation: a
+  } = F(), d = o || void 0, n = a === "horizontal" ? "h-0.5 flex-1" : "h-12 w-0.5";
+  let r;
+  e[3] !== s || e[4] !== n ? (r = k("bg-muted data-[state=completed]:bg-foreground rounded-sm m-0.5", n, s), e[3] = s, e[4] = n, e[5] = r) : r = e[5];
+  let u;
+  return e[6] !== t || e[7] !== l || e[8] !== i || e[9] !== d || e[10] !== r ? (u = /* @__PURE__ */ y("div", { ref: l, "data-slot": "stepper-separator", "data-state": i, "data-invalid": d, className: r, ...t }), e[6] = t, e[7] = l, e[8] = i, e[9] = d, e[10] = r, e[11] = u) : u = e[11], u;
+}), ge = A(function(c, l) {
+  const e = L(13);
+  let s, t, i;
+  e[0] !== c ? ({
+    children: s,
+    className: t,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i) : (s = e[1], t = e[2], i = e[3]);
+  const {
+    state: o,
+    isInvalid: a
+  } = G(), d = a || void 0;
+  let n;
+  e[4] !== t ? (n = k("text-sm leading-none font-medium", t), e[4] = t, e[5] = n) : n = e[5];
+  let r;
+  return e[6] !== s || e[7] !== i || e[8] !== l || e[9] !== o || e[10] !== d || e[11] !== n ? (r = /* @__PURE__ */ y("h3", { ref: l, "data-slot": "stepper-title", "data-state": o, "data-invalid": d, className: n, ...i, children: s }), e[6] = s, e[7] = i, e[8] = l, e[9] = o, e[10] = d, e[11] = n, e[12] = r) : r = e[12], r;
+}), Se = A(function(c, l) {
+  const e = L(13);
+  let s, t, i;
+  e[0] !== c ? ({
+    children: s,
+    className: t,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i) : (s = e[1], t = e[2], i = e[3]);
+  const {
+    state: o,
+    isInvalid: a
+  } = G(), d = a || void 0;
+  let n;
+  e[4] !== t ? (n = k("text-muted-foreground text-sm", t), e[4] = t, e[5] = n) : n = e[5];
+  let r;
+  return e[6] !== s || e[7] !== i || e[8] !== l || e[9] !== o || e[10] !== d || e[11] !== n ? (r = /* @__PURE__ */ y("div", { ref: l, "data-slot": "stepper-description", "data-state": o, "data-invalid": d, className: n, ...i, children: s }), e[6] = s, e[7] = i, e[8] = l, e[9] = o, e[10] = d, e[11] = n, e[12] = r) : r = e[12], r;
+}), be = A(function(c, l) {
+  const e = L(14);
+  let s, t, i;
+  e[0] !== c ? ({
+    children: s,
+    className: t,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i) : (s = e[1], t = e[2], i = e[3]);
+  const {
+    activeStep: o,
+    orientation: a
+  } = F(), d = a === "horizontal" ? "flex w-full flex-row" : "inline-flex flex-col";
+  let n;
+  e[4] !== t || e[5] !== d ? (n = k("group/stepper-nav", d, t), e[4] = t, e[5] = d, e[6] = n) : n = e[6];
+  let r;
+  return e[7] !== o || e[8] !== s || e[9] !== a || e[10] !== i || e[11] !== l || e[12] !== n ? (r = /* @__PURE__ */ y("div", { ref: l, role: "tablist", "aria-orientation": a, "data-slot": "stepper-nav", "data-state": o, "data-orientation": a, className: n, ...i, children: s }), e[7] = o, e[8] = s, e[9] = a, e[10] = i, e[11] = l, e[12] = n, e[13] = r) : r = e[13], r;
+}), he = A(function(c, l) {
+  const e = L(12);
+  let s, t, i;
+  e[0] !== c ? ({
+    children: s,
+    className: t,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i) : (s = e[1], t = e[2], i = e[3]);
+  const {
+    activeStep: o
+  } = F();
+  let a;
+  e[4] !== t ? (a = k("w-full", t), e[4] = t, e[5] = a) : a = e[5];
+  let d;
+  return e[6] !== o || e[7] !== s || e[8] !== i || e[9] !== l || e[10] !== a ? (d = /* @__PURE__ */ y("div", { ref: l, "data-slot": "stepper-panel", "data-state": o, className: a, ...i, children: s }), e[6] = o, e[7] = s, e[8] = i, e[9] = l, e[10] = a, e[11] = d) : d = e[11], d;
+}), Ne = A(function(c, l) {
+  const e = L(19);
+  let s, t, i, o, a;
+  e[0] !== c ? ({
+    value: a,
+    forceMount: i,
+    children: s,
+    className: t,
+    ...o
+  } = c, e[0] = c, e[1] = s, e[2] = t, e[3] = i, e[4] = o, e[5] = a) : (s = e[1], t = e[2], i = e[3], o = e[4], a = e[5]);
+  const {
+    activeStep: d,
+    baseId: n
+  } = F(), r = a === d;
+  if (!i && !r)
+    return null;
+  const u = `${n}-panel-${a}`, x = `${n}-tab-${a}`, f = r ? "active" : "inactive", v = !r && i && "hidden";
+  let m;
+  e[6] !== t || e[7] !== v ? (m = k("w-full", t, v), e[6] = t, e[7] = v, e[8] = m) : m = e[8];
+  const I = !r && i;
+  let S;
+  return e[9] !== s || e[10] !== o || e[11] !== l || e[12] !== u || e[13] !== x || e[14] !== f || e[15] !== m || e[16] !== I || e[17] !== a ? (S = /* @__PURE__ */ y("div", { ref: l, role: "tabpanel", id: u, "aria-labelledby": x, "data-slot": "stepper-content", "data-state": f, "data-value": a, className: m, hidden: I, ...o, children: s }), e[9] = s, e[10] = o, e[11] = l, e[12] = u, e[13] = x, e[14] = f, e[15] = m, e[16] = I, e[17] = a, e[18] = S) : S = e[18], S;
+});
+pe.displayName = "Stepper";
+fe.displayName = "StepperItem";
+ue.displayName = "StepperTrigger";
+me.displayName = "StepperIndicator";
+ve.displayName = "StepperSeparator";
+ge.displayName = "StepperTitle";
+Se.displayName = "StepperDescription";
+be.displayName = "StepperNav";
+he.displayName = "StepperPanel";
+Ne.displayName = "StepperContent";
+function xe() {
+}
+export {
+  pe as Stepper,
+  Ne as StepperContent,
+  Se as StepperDescription,
+  me as StepperIndicator,
+  fe as StepperItem,
+  be as StepperNav,
+  he as StepperPanel,
+  ve as StepperSeparator,
+  ge as StepperTitle,
+  ue as StepperTrigger,
+  G as useStepItem,
+  F as useStepper
+};