@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/wizard-B4GrlEqh.js

@@ -0,0 +1,815 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { a as i, i as a, r as o, t as s } from "./alert-CP62p9Ul.js";
+/* empty css                         */
+import { n as c } from "./icon-button-TnvMhK4o.js";
+/* empty css               */
+import { i as l } from "./skeleton-2LSpg84Z.js";
+import { n as ee } from "./form-vTCQhZM-.js";
+import { a as te, o as ne, t as re } from "./stepper-DQJuRWqR.js";
+import { a as ie } from "./tag-DjtW53xN.js";
+import { createControllable as ae } from "@slotted/core/state";
+import { Children as oe, createContext as se, isValidElement as ce, useContext as le, useEffect as u, useId as ue, useImperativeHandle as de, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { wizardMessages as fe } from "@slotted/core/i18n";
+import { hasErrors as pe, isDirty as me, normaliseErrors as he } from "@slotted/core/form";
+import { assertUniqueSteps as ge, clampStep as g, createSnapshot as _e, firstIncomplete as ve, formValues as ye, includedValues as be, nextDestination as xe, previousStep as Se, reachableStep as Ce, replacementStep as we, stepComplete as Te, stepPosition as Ee } from "@slotted/core/wizard";
+//#region src/wizard/wizard-context.ts
+var De = se(void 0), Oe = se(void 0);
+function _() {
+	let e = le(De);
+	if (e === void 0) throw Error("Wizard parts must be rendered inside a Wizard.");
+	return e;
+}
+function ke() {
+	return le(Oe);
+}
+//#endregion
+//#region src/wizard/wizard-defaults.tsx
+var v = {
+	delay: 200,
+	level: 2,
+	linear: !0,
+	minDuration: 400,
+	progress: "start",
+	scroll: "ancestor"
+}, y = se(v);
+function Ae() {
+	return le(y);
+}
+function je({ children: e, ...t }) {
+	let n = {
+		...Ae(),
+		...Me(t)
+	};
+	return /* @__PURE__ */ m(y.Provider, {
+		value: n,
+		children: e
+	});
+}
+function Me(e) {
+	let t = Object.entries(e).filter(([, e]) => e !== void 0);
+	return Object.fromEntries(t);
+}
+//#endregion
+//#region src/wizard/wizard-parts.tsx
+function Ne({ children: e }) {
+	return /* @__PURE__ */ m(p, { children: e });
+}
+function Pe(e) {
+	return null;
+}
+function b(e, t) {
+	return (n) => {
+		let r = {
+			...n,
+			"data-part": e
+		};
+		return t === void 0 ? /* @__PURE__ */ m("button", { ...r }) : t(r);
+	};
+}
+function x(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function Fe({ end: e, ref: t, start: n, ...r }) {
+	return /* @__PURE__ */ h("div", {
+		...r,
+		"data-part": "actions",
+		ref: t,
+		children: [/* @__PURE__ */ m("div", {
+			"data-part": "actions-start",
+			children: n ?? /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(Re, {}),
+				/* @__PURE__ */ m(ze, {}),
+				/* @__PURE__ */ m(C, {})
+			] })
+		}), /* @__PURE__ */ m("div", {
+			"data-part": "actions-end",
+			children: e ?? /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(S, {}),
+				/* @__PURE__ */ m(Le, {}),
+				/* @__PURE__ */ m(Ie, {})
+			] })
+		})]
+	});
+}
+function Ie({ children: e, onClick: t, render: n, ...r }) {
+	let i = _(), a = i.isFinal && !i.returning;
+	return /* @__PURE__ */ m(c, {
+		"data-final": a ? "" : void 0,
+		render: b(a ? "submit" : "next", n),
+		disabled: i.disabled,
+		focusableWhenDisabled: !0,
+		form: i.formId,
+		loading: i.busy,
+		onClick: t,
+		tone: "accent",
+		type: "submit",
+		variant: "solid",
+		...r,
+		children: e ?? i.t(i.returning ? "return" : a ? "submit" : "next")
+	});
+}
+function Le({ children: e, onClick: t, render: n, ...r }) {
+	let i = _();
+	return i.isFirst || i.phase === "complete" ? null : /* @__PURE__ */ m(c, {
+		render: b("previous", n),
+		disabled: i.disabled || i.busy,
+		focusableWhenDisabled: !0,
+		onClick: x(t, (e) => i.previous(e)),
+		tone: "secondary",
+		type: "button",
+		variant: "outline",
+		...r,
+		children: e ?? i.t("previous")
+	});
+}
+function Re({ children: e, onClick: t, render: n, ...r }) {
+	let i = _();
+	return i.canCancel ? /* @__PURE__ */ m(c, {
+		render: b("cancel", n),
+		disabled: i.phase === "submitting",
+		focusableWhenDisabled: !0,
+		onClick: x(t, (e) => i.cancel(e)),
+		tone: "secondary",
+		type: "button",
+		variant: "ghost",
+		...r,
+		children: e ?? i.t("cancel")
+	}) : null;
+}
+function ze({ children: e, onClick: t, render: n, ...r }) {
+	let i = _();
+	return i.canSaveDraft ? /* @__PURE__ */ m(c, {
+		render: b("save-draft", n),
+		disabled: i.disabled || i.busy,
+		focusableWhenDisabled: !0,
+		loading: i.draftState === "saving",
+		onClick: x(t, (e) => i.saveDraft("pointer", e)),
+		tone: "secondary",
+		type: "button",
+		variant: "ghost",
+		...r,
+		children: e ?? i.t("saveDraft")
+	}) : null;
+}
+function S({ children: e, onClick: t, render: n, ...r }) {
+	let i = _();
+	return i.optional ? /* @__PURE__ */ m(c, {
+		render: b("skip", n),
+		disabled: i.disabled || i.busy,
+		focusableWhenDisabled: !0,
+		onClick: x(t, (e) => i.skip(e)),
+		tone: "secondary",
+		type: "button",
+		variant: "ghost",
+		...r,
+		children: e ?? i.t("skip")
+	}) : null;
+}
+function C() {
+	let e = _(), t = n();
+	if (!e.canSaveDraft) return null;
+	let r = e.draftState === "saving" ? e.t("saving") : e.draftState === "failed" ? e.t("draftFailed") : e.draftState === "saved" && e.savedAt !== void 0 ? e.t("saved", { time: new Intl.DateTimeFormat(t, {
+		hour: "2-digit",
+		minute: "2-digit"
+	}).format(e.savedAt) }) : "";
+	return /* @__PURE__ */ m("span", {
+		"data-part": "draft-status",
+		role: "status",
+		children: r
+	});
+}
+function Be({ children: e, onClick: t, ref: n, step: r, ...i }) {
+	let a = _(), o = a.steps.find((e) => e.name === r), s = a.disabled || a.busy || o === void 0;
+	return /* @__PURE__ */ h("button", {
+		"aria-disabled": s ? !0 : void 0,
+		"data-part": "edit",
+		...i,
+		onClick: x(t, (e) => {
+			s || a.edit(r, e);
+		}),
+		ref: n,
+		type: "button",
+		children: [e ?? a.t("edit"), o === void 0 ? null : /* @__PURE__ */ h(p, { children: [" ", /* @__PURE__ */ m("span", {
+			"data-ui": "visually-hidden",
+			children: o.label
+		})] })]
+	});
+}
+//#endregion
+//#region src/wizard/wizard.tsx
+var w = {};
+function Ve(e, t) {
+	if (!Object.hasOwn(e, t)) return e;
+	let n = { ...e };
+	return delete n[t], n;
+}
+function He(e, t, n, r, i, a, o) {
+	let s = !1;
+	return ae({
+		controlled: e,
+		initial: t,
+		onRequest: (e) => {
+			a?.(e.value, e), s = e.cancelled;
+		},
+		...o === void 0 ? {} : { equals: o }
+	}).request(n, r, i) ? "moved" : s || (o ?? Object.is)(n, t) ? "refused" : "reported";
+}
+var T = (e) => typeof e == "object" && !!e && "then" in e;
+function Ue({ actions: n, autosave: c, children: ae, defaultProgressOpen: se, defaultStep: le, defaultValue: _, delay: ke, disabled: v = !1, error: y, guardUnsaved: je = !1, handle: Me, level: b, linear: x, messages: Ie, minDuration: Le, onCancel: Re, onProgressOpenChange: ze, onSaveDraft: S, onStepChange: C, onSubmit: Be, onValueChange: Ue, persistence: E, progress: Ge, progressOpen: Ke, render: qe, scroll: Je, step: D, value: Ye, version: Xe, ...Ze }) {
+	let O = Ae(), k = r(fe, Ie), A = x ?? O.linear, Qe = Ge ?? O.progress, $e = Je ?? O.scroll, et = b ?? O.level, tt = c ?? (E === void 0 ? "none" : "step"), nt = ke ?? O.delay, rt = Le ?? O.minDuration, it = ue(), at = `slotted-wizard-${it}-form`, ot = `slotted-wizard-${it}-title`, st = `slotted-wizard-${it}-list`, ct = oe.toArray(ae).filter(ce), j = ct.filter((e) => e.type === Ne), lt = ct.find((e) => e.type === Pe), M = j.map((e) => ({
+		disabled: e.props.disabled === !0,
+		name: e.props.name
+	}));
+	ge(M);
+	let [N] = f(() => {
+		let e = E?.load(), t = T(e) ? void 0 : e, n = t?.value ?? _ ?? w;
+		return {
+			drafts: t?.drafts ?? w,
+			pendingLoad: T(e) ? e : void 0,
+			snapshot: t,
+			step: g({
+				linear: A,
+				requested: t?.step ?? le,
+				steps: M,
+				value: Ye ?? n
+			}),
+			value: n
+		};
+	}), [ut, dt] = f(N.step), [ft, pt] = f(N.value), [mt, ht] = f(se ?? !1), [gt, P] = f(N.drafts), [_t, vt] = f({}), [yt, F] = f(/* @__PURE__ */ new Set()), [I, bt] = f(void 0), [L, R] = f("editing"), [xt, St] = f(void 0), [Ct, z] = f("idle"), [wt, Tt] = f(void 0), [Et, Dt] = f(N.pendingLoad !== void 0), [Ot, kt] = f(!1), [At, jt] = f(0), B = Ye ?? ft, V = D ?? ut, H = Ke ?? mt, Mt = d(M), Nt = d(null), Pt = d(void 0), Ft = (e) => M.some((t) => t.name === e && t.disabled !== !0), It = Nt.current === null || D !== void 0 && D !== Nt.current && D !== Pt.current, U = It ? g({
+		linear: A,
+		requested: V,
+		steps: M,
+		value: B
+	}) : Ft(V) ? V : V === void 0 ? g({
+		linear: A,
+		requested: V,
+		steps: M,
+		value: B
+	}) : we({
+		after: M,
+		before: Mt.current,
+		current: V
+	}) ?? g({
+		linear: A,
+		requested: V,
+		steps: M,
+		value: B
+	}), W = d(void 0);
+	W.current !== void 0 && W.current.from !== V && (W.current = void 0), !It && W.current !== void 0 && Ft(W.current.to) && (U = W.current.to);
+	let G = j.find((e) => e.props.name === U), K = Ee(M, U), q = d({
+		current: U,
+		drafts: gt,
+		entries: M,
+		elements: j,
+		returnTo: void 0,
+		value: B
+	});
+	q.current.current = U, q.current.drafts = gt, q.current.entries = M, q.current.elements = j, q.current.value = B;
+	let J = d(null), Lt = d(null), Rt = d(null), zt = d(null), Bt = d(null), Y = d(void 0), X = d(void 0), Z = d(void 0), [Vt, Ht] = f(void 0);
+	q.current.returnTo = Vt;
+	let Q = (e, t, n) => {
+		let r = q.current.current;
+		if (e === r) return !1;
+		let i = He(D, r ?? e, e, t, n, C);
+		return i !== "refused" && (i === "moved" && dt(e), Pt.current = e, Z.current = "title", !0);
+	}, Ut = (e, t, n) => {
+		let r = He(Ye, q.current.value, e, t, n, Ue);
+		return r !== "refused" && (r === "moved" && pt(e), q.current.value = e, !0);
+	}, Wt = (e, t, n) => {
+		He(Ke, H, e, t, n, ze) === "moved" && ht(e);
+	}, Gt = d(void 0);
+	u(() => {
+		if (Nt.current = D, Mt.current = M, U === V || U === void 0) return;
+		let e = `${String(V)}→${U}`;
+		Gt.current !== e && (Gt.current = e, W.current = {
+			from: V,
+			to: U
+		}, $(), D === void 0 ? (dt(U), V !== void 0 && C?.(U, We(U, V))) : (Pt.current = U, C?.(U, We(U, V ?? U))));
+	});
+	let Kt = d(U);
+	u(() => {
+		let e = Z.current;
+		if (e === "alert" && Rt.current !== null) {
+			Z.current = void 0, Rt.current.focus();
+			return;
+		}
+		if (e === "complete" && zt.current !== null) {
+			Z.current = void 0, zt.current.focus();
+			return;
+		}
+		Kt.current !== U && (Kt.current = U, (e === "title" || e === void 0) && (Z.current = void 0, Lt.current?.focus()));
+	});
+	let qt = () => {
+		let e = J.current, t = q.current.current;
+		if (e === null || t === void 0 || !me(e)) return q.current.drafts;
+		let n = {
+			...q.current.drafts,
+			[t]: ye(new FormData(e))
+		};
+		return q.current.drafts = n, P(n), n;
+	}, Jt = async (e, t, n, r, i) => {
+		if (S === void 0 && E === void 0) return;
+		let a = _e({
+			drafts: t,
+			step: n,
+			value: e,
+			version: Xe
+		});
+		z("saving");
+		try {
+			await S?.(a, {
+				reason: r,
+				source: i
+			}), await E?.save(a), Tt(new Date(a.savedAt)), z("saved");
+		} catch {
+			z("failed");
+		}
+	}, Yt = (e, t) => {
+		R("editing"), St(e), Z.current = "alert";
+		let n = e.step;
+		n !== void 0 && q.current.entries.some((e) => e.name === n) && (e.errors !== void 0 && (vt((t) => ({
+			...t,
+			[n]: e.errors
+		})), F((e) => /* @__PURE__ */ new Set([...e, n])), n === q.current.current && jt((e) => e + 1)), Q(n, "programmatic", t), Z.current = "alert");
+	}, Xt = (e, t) => {
+		let n = ve({
+			steps: q.current.entries,
+			value: e
+		});
+		if (n !== void 0) {
+			Q(n, "submit", t), St({ message: k("incomplete") }), Z.current = "alert";
+			return;
+		}
+		St(void 0), R("submitting");
+		let r = (e) => {
+			if (typeof e == "object" && e) {
+				Yt(e, t);
+				return;
+			}
+			R("complete"), P(w), E?.clear(), Z.current = "complete";
+		}, i;
+		try {
+			i = Be?.(be(e, q.current.entries), {
+				reason: "submit",
+				source: t,
+				value: e
+			});
+		} catch {
+			Yt({}, t);
+			return;
+		}
+		if (T(i)) {
+			i.then(r, () => Yt({}, t));
+			return;
+		}
+		r(i);
+	}, Zt = (e, t, n) => {
+		let r = q.current.entries, i = X.current;
+		if (X.current = void 0, i !== void 0 && Ce({
+			current: t,
+			linear: A,
+			steps: r,
+			target: i,
+			value: e
+		})) {
+			Q(i, "pointer", n);
+			return;
+		}
+		let a = q.current.returnTo, o = xe({
+			current: t,
+			returnTo: a,
+			steps: r,
+			value: e
+		});
+		a !== void 0 && (o.kind === "submit" || o.name === a) && Ht(void 0), a !== void 0 && !r.some((e) => e.name === a) && Ht(void 0), o.kind === "step" ? Q(o.name, "submit", n) : Xt(e, n);
+	}, Qt = (e, t, n) => {
+		let r = {
+			...q.current.value,
+			[e]: t
+		};
+		if (!Ut(r, "submit", n)) return;
+		let i = Ve(q.current.drafts, e);
+		q.current.drafts = i, P(i), vt((t) => {
+			if (!(e in t)) return t;
+			let n = { ...t };
+			return delete n[e], n;
+		}), F((t) => {
+			if (!t.has(e)) return t;
+			let n = new Set(t);
+			return n.delete(e), n;
+		}), $t.current = {
+			accepted: r,
+			drafts: i,
+			name: e,
+			source: n
+		}, tn((e) => e + 1);
+	}, $t = d(void 0), [en, tn] = f(0), nn = d(void 0);
+	u(() => {
+		let e = nn.current;
+		if (e !== void 0) {
+			nn.current = void 0;
+			let t = g({
+				linear: A,
+				requested: e,
+				steps: q.current.entries,
+				value: q.current.value
+			});
+			t !== void 0 && t !== q.current.current && (Q(t, "programmatic"), Z.current = void 0, Kt.current = t);
+		}
+		let t = $t.current;
+		if (t !== void 0) {
+			if ($t.current = void 0, tt === "step") {
+				let e = xe({
+					current: t.name,
+					returnTo: q.current.returnTo,
+					steps: q.current.entries,
+					value: t.accepted
+				});
+				Jt(t.accepted, t.drafts, e.kind === "step" ? e.name : t.name, "submit", t.source);
+			}
+			Zt(t.accepted, t.name, t.source);
+		}
+	}, [en]);
+	let rn = (e, t) => {
+		let n = q.current.current;
+		if (n === void 0 || I !== void 0 || L !== "editing") return;
+		let r = q.current.elements.find((e) => e.props.name === n), i = r?.props.values ?? e, a = r?.props.validate;
+		if (a === void 0) {
+			Qt(n, i, t);
+			return;
+		}
+		Y.current?.abort();
+		let o = new AbortController();
+		Y.current = o;
+		let s = (e) => {
+			if (!o.signal.aborted) {
+				if (Y.current === o && (Y.current = void 0), bt(void 0), e !== void 0 && pe(he(e))) return F((e) => /* @__PURE__ */ new Set([...e, n])), X.current = void 0, e;
+				q.current.current === n && Qt(n, i, t);
+			}
+		}, c = a(i, {
+			signal: o.signal,
+			value: q.current.value
+		});
+		return T(c) ? (bt(n), c.then(s, () => {
+			o.signal.aborted || bt(void 0);
+		})) : s(c);
+	}, $ = () => {
+		Y.current?.abort(), Y.current = void 0, bt(void 0);
+	}, an = (e) => {
+		let t = q.current.current;
+		if (t === void 0 || I !== void 0 || L !== "editing" || v) return;
+		let n = Se({
+			current: t,
+			steps: q.current.entries
+		});
+		n !== void 0 && (qt(), $(), Q(n, "pointer", e));
+	}, on = (e, t = "pointer", n) => {
+		let r = q.current.current, i = q.current.entries;
+		if (r === void 0 || e === r || L !== "editing" || v) return;
+		let a = i.findIndex((t) => t.name === e), o = i.findIndex((e) => e.name === r);
+		if (a !== -1) {
+			if (a < o) {
+				qt(), $(), Q(e, t, n);
+				return;
+			}
+			I === void 0 && Ce({
+				current: r,
+				linear: A,
+				steps: i,
+				target: e,
+				value: {
+					...q.current.value,
+					[r]: {}
+				}
+			}) && (X.current = e, J.current?.requestSubmit(), Y.current === void 0 && X.current === e && (X.current = void 0));
+		}
+	}, sn = (e, t) => {
+		let n = q.current.current;
+		n === void 0 || L !== "editing" || v || (Ht(n), q.current.returnTo = n, qt(), $(), Q(e, "pointer", t));
+	}, cn = (e) => {
+		let t = q.current.current, n = q.current.elements.find((e) => e.props.name === t);
+		t !== void 0 && n?.props.optional === !0 && I === void 0 && (L !== "editing" || v || ($(), Qt(t, {}, e)));
+	}, ln = () => {
+		let e = J.current;
+		return L !== "complete" && (e !== null && me(e) || Object.keys(q.current.drafts).length > 0 || Object.keys(q.current.value).length > 0);
+	}, un = (e) => {
+		L !== "submitting" && Re?.({
+			dirty: ln(),
+			source: e
+		});
+	}, dn = (e = "programmatic", t) => {
+		let n = q.current.current;
+		if (n === void 0 || L !== "editing") return;
+		let r = qt();
+		Jt(q.current.value, r, n, e, t);
+	}, fn = () => {
+		$(), X.current = void 0, Ht(void 0), St(void 0), R("editing"), P(w), q.current.drafts = w, vt({}), F(/* @__PURE__ */ new Set()), z("idle"), Tt(void 0), Ut(w, "clear");
+		let e = g({
+			linear: A,
+			requested: void 0,
+			steps: M,
+			value: w
+		});
+		e !== void 0 && Q(e, "programmatic"), E?.clear();
+	};
+	de(Me, () => ({
+		clearDraft: () => {
+			z("idle"), Tt(void 0), E?.clear();
+		},
+		edit: (e) => sn(e),
+		focus: () => Lt.current?.focus(),
+		goTo: (e) => on(e, "programmatic"),
+		next: () => J.current?.requestSubmit(),
+		previous: () => an(),
+		reset: fn,
+		saveDraft: () => dn("programmatic"),
+		skip: () => cn(),
+		submit: () => J.current?.requestSubmit()
+	})), u(() => {
+		let e = N.pendingLoad;
+		if (e === void 0) {
+			let e = N.snapshot;
+			if (e === void 0) return;
+			Ye === void 0 ? Ue?.(e.value, We(e.value, w)) : Ut(e.value, "programmatic"), nn.current = e.step, tn((e) => e + 1);
+			return;
+		}
+		let t = !0, n, r = window.setTimeout(() => {
+			n = Date.now(), kt(!0);
+		}, nt), i = (e) => {
+			if (!t) return;
+			window.clearTimeout(r);
+			let i = () => {
+				t && (kt(!1), Dt(!1), e !== void 0 && (Ut(e.value, "programmatic"), q.current.drafts = e.drafts, P(e.drafts), nn.current = e.step, tn((e) => e + 1)));
+			}, a = n === void 0 ? 0 : rt - (Date.now() - n);
+			a > 0 ? window.setTimeout(i, a) : i();
+		};
+		return e.then(i, () => i(void 0)), () => {
+			t = !1, window.clearTimeout(r);
+		};
+	}, []), u(() => {
+		if (!je) return;
+		let e = (e) => {
+			ln() && e.preventDefault();
+		};
+		return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
+	}), u(() => () => Y.current?.abort(), []);
+	let pn = G?.props.optional === !0, mn = Vt !== void 0 && M.some((e) => e.name === Vt), hn = U !== void 0 && xe({
+		current: U,
+		returnTo: Vt,
+		steps: M,
+		value: {
+			...B,
+			[U]: {}
+		}
+	}).kind === "submit", gn = {
+		busy: I !== void 0 || L === "submitting",
+		canCancel: Re !== void 0,
+		canSaveDraft: S !== void 0 || E !== void 0,
+		cancel: un,
+		disabled: v,
+		draftState: Ct,
+		edit: sn,
+		formId: at,
+		goTo: on,
+		isFinal: hn,
+		isFirst: U === void 0 || Se({
+			current: U,
+			steps: M
+		}) === void 0,
+		next: () => J.current?.requestSubmit(),
+		optional: pn,
+		phase: L,
+		position: K,
+		previous: an,
+		reset: fn,
+		returning: mn,
+		saveDraft: dn,
+		savedAt: wt,
+		skip: cn,
+		step: U,
+		t: k,
+		steps: j.map((e) => ({
+			disabled: e.props.disabled === !0,
+			label: e.props.label,
+			name: e.props.name,
+			optional: e.props.optional === !0
+		})),
+		value: B
+	}, _n = U === void 0 ? void 0 : {
+		complete: Te(B, U),
+		name: U,
+		optional: pn,
+		values: gt[U] ?? B[U] ?? {}
+	}, vn = `h${et}`, yn = L === "complete", bn = M.findIndex((e) => e.name === U), xn = y ?? xt, Sn = y ?? k("submitFailed"), Cn = y === void 0 ? xt?.message ?? void 0 : void 0, wn = Qe === "none" ? null : /* @__PURE__ */ h("div", {
+		"data-open": H ? "" : void 0,
+		"data-part": "progress",
+		onKeyDown: (e) => {
+			e.key === "Escape" && H && (e.preventDefault(), Wt(!1, "escape", e), Bt.current?.focus());
+		},
+		children: [/* @__PURE__ */ h("button", {
+			"aria-controls": st,
+			"aria-expanded": H,
+			"data-part": "progress-toggle",
+			onClick: (e) => Wt(!H, e.detail === 0 ? "keyboard" : "pointer", e),
+			ref: Bt,
+			type: "button",
+			children: [
+				/* @__PURE__ */ m("span", {
+					"data-part": "progress-position",
+					children: k("position", {
+						index: K.index,
+						count: K.count
+					})
+				}),
+				/* @__PURE__ */ m("span", {
+					"aria-hidden": "true",
+					"data-part": "progress-track",
+					children: M.map((e) => /* @__PURE__ */ m("span", {
+						"data-complete": yn || e.name !== U && Te(B, e.name) ? "" : void 0,
+						"data-current": !yn && e.name === U ? "" : void 0,
+						"data-invalid": yt.has(e.name) ? "" : void 0,
+						"data-part": "progress-segment"
+					}, e.name))
+				}),
+				/* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "chevron-down" }) })
+			]
+		}), /* @__PURE__ */ m(ne, {
+			linear: !1,
+			navigation: L === "complete" ? "none" : "button",
+			onStepChange: (e, t) => {
+				let n = M[e]?.name;
+				n !== void 0 && (H && Wt(!1, "select", t.source), on(n, t.reason === "keyboard" ? "keyboard" : "pointer", t.source));
+			},
+			orientation: Qe === "top" ? "horizontal" : "vertical",
+			step: yn ? M.length : Math.max(0, bn),
+			children: /* @__PURE__ */ m(re, {
+				"aria-label": k("progress"),
+				id: st,
+				children: j.map((e) => {
+					let t = e.props.name, n = L === "complete" || Ce({
+						current: U,
+						linear: A,
+						steps: M,
+						target: t,
+						value: B
+					});
+					return /* @__PURE__ */ m(te, {
+						"aria-controls": at,
+						complete: L === "complete" || Te(B, t),
+						description: e.props.optional === !0 ? k("optional") : void 0,
+						disabled: v || e.props.disabled === !0 || !n,
+						invalid: yt.has(t),
+						label: e.props.label,
+						loading: I === t
+					}, t);
+				})
+			})
+		})]
+	}), Tn = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+		"aria-hidden": "true",
+		"data-part": "step-header",
+		children: /* @__PURE__ */ h("div", {
+			"data-part": "step-title",
+			children: [/* @__PURE__ */ m("span", {
+				"data-part": "position",
+				children: /* @__PURE__ */ m(l, { inlineSize: "5.5rem" })
+			}), /* @__PURE__ */ m(l, { inlineSize: "13rem" })]
+		})
+	}), /* @__PURE__ */ m("div", {
+		"aria-hidden": "true",
+		"data-part": "skeleton",
+		children: /* @__PURE__ */ h("div", {
+			"data-label-placement": "top",
+			"data-part": "root",
+			"data-size": "md",
+			"data-ui": "field",
+			children: [/* @__PURE__ */ m("span", {
+				"data-part": "label",
+				children: /* @__PURE__ */ m(l, { inlineSize: "7rem" })
+			}), /* @__PURE__ */ m("div", {
+				"data-part": "control",
+				children: /* @__PURE__ */ m(l, {
+					blockSize: "var(--slotted-control-height-md)",
+					shape: "block"
+				})
+			})]
+		})
+	})] }), En = G === void 0 ? null : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
+		"data-part": "step-header",
+		children: [/* @__PURE__ */ h(vn, {
+			"data-part": "step-title",
+			id: ot,
+			ref: Lt,
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ m("span", {
+					"data-part": "position",
+					children: k("position", {
+						index: K.index,
+						count: K.count
+					})
+				}),
+				" ",
+				G.props.label,
+				pn ? /* @__PURE__ */ h("span", {
+					"data-part": "optional",
+					children: [" ", /* @__PURE__ */ m(ie, {
+						shape: "pill",
+						size: "sm",
+						tone: "secondary",
+						variant: "soft",
+						children: k("optional")
+					})]
+				}) : null
+			]
+		}), G.props.description === void 0 ? null : /* @__PURE__ */ m("p", {
+			"data-part": "step-description",
+			children: G.props.description
+		})]
+	}), /* @__PURE__ */ m(ee, {
+		"aria-labelledby": ot,
+		defaultErrors: _t[U],
+		disabled: v,
+		id: at,
+		onErrorsChange: (e) => {
+			let t = q.current.current;
+			t !== void 0 && F((n) => {
+				let r = pe(e);
+				if (r === n.has(t)) return n;
+				let i = new Set(n);
+				return r ? i.add(t) : i.delete(t), i;
+			});
+		},
+		onSubmit: (e, t) => rn(e, t.event),
+		ref: J,
+		children: /* @__PURE__ */ m(Oe.Provider, {
+			value: _n,
+			children: G
+		})
+	}, `${U}-${At}`)] }), Dn = lt?.props ?? {}, On = /* @__PURE__ */ h("div", {
+		"data-part": "main",
+		children: [xn === void 0 ? null : /* @__PURE__ */ m("div", {
+			"data-part": "error",
+			children: /* @__PURE__ */ m(s, {
+				live: "off",
+				ref: Rt,
+				reach: "section",
+				tone: "danger",
+				children: /* @__PURE__ */ h(o, { children: [/* @__PURE__ */ m(i, { children: Sn }), Cn === void 0 ? null : /* @__PURE__ */ m(a, { children: Cn })] })
+			})
+		}), L === "complete" ? /* @__PURE__ */ m("div", {
+			...Dn,
+			"data-part": "complete",
+			ref: (e) => {
+				zt.current = e;
+				let t = Dn.ref;
+				typeof t == "function" ? t(e) : t != null && (t.current = e);
+			},
+			tabIndex: Dn.tabIndex ?? -1,
+			children: Dn.children
+		}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+			"aria-busy": Et ? !0 : void 0,
+			"data-part": "step",
+			children: Et ? Ot ? Tn : null : En
+		}), Et ? null : n ?? /* @__PURE__ */ m(Fe, {})] })]
+	}), kn = {
+		...Ze,
+		children: /* @__PURE__ */ m(De.Provider, {
+			value: gn,
+			children: /* @__PURE__ */ h("div", {
+				"data-part": "layout",
+				children: [wn, On]
+			})
+		}),
+		"data-complete": L === "complete" ? "" : void 0,
+		"data-disabled": v ? "" : void 0,
+		"data-invalid": xn === void 0 ? void 0 : "",
+		"data-loading": L === "submitting" || Et ? "" : void 0,
+		"data-part": "root",
+		"data-progress": Qe,
+		"data-scroll": $e,
+		"data-ui": "wizard"
+	};
+	return qe === void 0 ? /* @__PURE__ */ m("div", { ...kn }) : qe(kn);
+}
+function We(e, t) {
+	let n = !1;
+	return {
+		cancel() {
+			n = !0;
+		},
+		get cancelled() {
+			return n;
+		},
+		previous: t,
+		reason: "programmatic",
+		source: void 0,
+		value: e
+	};
+}
+//#endregion
+export { C as a, Le as c, Ne as d, v as f, ke as g, _ as h, Pe as i, ze as l, Ae as m, Fe as n, Be as o, je as p, Re as r, Ie as s, Ue as t, S as u };