@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/wizard-gMgYFSLO.js

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