@leabankab/component-library 8.5.0 → 8.6.1

package/dist/dev-panel.mjs

@@ -1,69 +1,70 @@
 "use client";
-import { Braces as e, Check as t, ChevronRight as n, Copy as r, EyeOff as i, Minus as a, Pencil as o, Plus as s, RotateCcw as c, Undo2 as l, Upload as u, X as d } from "lucide-react";
-import { Fragment as f, createContext as p, useCallback as m, useContext as h, useEffect as g, useId as _, useLayoutEffect as v, useMemo as ee, useRef as y, useState as b } from "react";
-import { Button as x, IconButton as S, Text as C, createTranslation as te } from "./component-library.es.js";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Braces as e, Check as t, ChevronRight as n, Copy as r, EyeOff as i, Minus as a, Pencil as o, Pin as s, Plus as c, RotateCcw as l, Undo2 as u, Upload as d, X as ee } from "lucide-react";
+import { Fragment as f, createContext as p, useCallback as m, useContext as h, useEffect as g, useId as _, useLayoutEffect as v, useMemo as te, useRef as y, useState as b } from "react";
+import { Button as x, IconButton as S, Text as C, createTranslation as w } from "./component-library.es.js";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { createPortal as ne } from "react-dom";
 import './dev-panel.css';//#region \0rolldown/runtime.js
-var D = Object.defineProperty, O = (e, t) => {
+var O = Object.defineProperty, re = (e, t) => {
 	let n = {};
-	for (var r in e) D(n, r, {
+	for (var r in e) O(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || D(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || O(n, Symbol.toStringTag, { value: "Module" }), n;
 }, k = {
-	Badge: "_Badge_7j12b_23",
-	SectionLabel: "_SectionLabel_7j12b_24",
-	SectionMeta: "_SectionMeta_7j12b_25",
-	FlowLabel: "_FlowLabel_7j12b_26",
-	CountryCode: "_CountryCode_7j12b_27",
-	StepLabel: "_StepLabel_7j12b_28",
-	PayloadCode: "_PayloadCode_7j12b_29",
-	PayloadEditor: "_PayloadEditor_7j12b_30",
-	PayloadError: "_PayloadError_7j12b_31",
-	DevPanel: "_DevPanel_7j12b_40",
-	Body: "_Body_7j12b_77",
-	Header: "_Header_7j12b_82",
-	HeaderTitle: "_HeaderTitle_7j12b_94",
-	HeaderActions: "_HeaderActions_7j12b_104",
-	HeaderDot: "_HeaderDot_7j12b_111",
-	Handle: "_Handle_7j12b_141",
-	HideButton: "_HideButton_7j12b_220",
-	Section: "_Section_7j12b_24",
-	SectionHeaderRow: "_SectionHeaderRow_7j12b_244",
-	Flow: "_Flow_7j12b_26",
-	FlowText: "_FlowText_7j12b_286",
-	FlowSeparator: "_FlowSeparator_7j12b_311",
-	SegmentedGroup: "_SegmentedGroup_7j12b_324",
-	SegmentedOption: "_SegmentedOption_7j12b_345",
-	ChipGroup: "_ChipGroup_7j12b_397",
-	Chip: "_Chip_7j12b_397",
-	ChipDot: "_ChipDot_7j12b_436",
-	StepGrid: "_StepGrid_7j12b_460",
-	StepButton: "_StepButton_7j12b_466",
-	StepCircle: "_StepCircle_7j12b_490",
-	StepFlagDot: "_StepFlagDot_7j12b_532",
-	StepStateName: "_StepStateName_7j12b_563",
-	StatusGrid: "_StatusGrid_7j12b_572",
-	StatusCard: "_StatusCard_7j12b_579",
-	StatusDot: "_StatusDot_7j12b_638",
-	PayloadToggle: "_PayloadToggle_7j12b_650",
-	PayloadToggleLabel: "_PayloadToggleLabel_7j12b_670",
-	PayloadChevron: "_PayloadChevron_7j12b_677",
-	PayloadPanel: "_PayloadPanel_7j12b_701",
-	Payload: "_Payload_7j12b_29",
-	PayloadHeader: "_PayloadHeader_7j12b_734",
-	PayloadActions: "_PayloadActions_7j12b_808",
-	Flyout: "_Flyout_7j12b_820",
-	Token: "_Token_7j12b_831",
-	FlyoutTitle: "_FlyoutTitle_7j12b_879",
-	FlyoutFooter: "_FlyoutFooter_7j12b_893",
-	FlyoutCopyButton: "_FlyoutCopyButton_7j12b_900",
-	Footer: "_Footer_7j12b_940",
-	OnDark: "_OnDark_7j12b_968",
-	VisuallyHidden: "_VisuallyHidden_7j12b_979"
-}, A = te({
+	Badge: "_Badge_1wbg7_23",
+	SectionLabel: "_SectionLabel_1wbg7_24",
+	SectionMeta: "_SectionMeta_1wbg7_25",
+	FlowLabel: "_FlowLabel_1wbg7_26",
+	CountryCode: "_CountryCode_1wbg7_27",
+	StepLabel: "_StepLabel_1wbg7_28",
+	PayloadCode: "_PayloadCode_1wbg7_29",
+	PayloadEditor: "_PayloadEditor_1wbg7_30",
+	PayloadError: "_PayloadError_1wbg7_31",
+	DevPanel: "_DevPanel_1wbg7_40",
+	Body: "_Body_1wbg7_77",
+	PinButton: "_PinButton_1wbg7_107",
+	Header: "_Header_1wbg7_113",
+	HeaderTitle: "_HeaderTitle_1wbg7_125",
+	HeaderActions: "_HeaderActions_1wbg7_135",
+	HeaderDot: "_HeaderDot_1wbg7_142",
+	Handle: "_Handle_1wbg7_172",
+	HideButton: "_HideButton_1wbg7_251",
+	Section: "_Section_1wbg7_24",
+	SectionHeaderRow: "_SectionHeaderRow_1wbg7_275",
+	Flow: "_Flow_1wbg7_26",
+	FlowText: "_FlowText_1wbg7_317",
+	FlowSeparator: "_FlowSeparator_1wbg7_342",
+	SegmentedGroup: "_SegmentedGroup_1wbg7_355",
+	SegmentedOption: "_SegmentedOption_1wbg7_376",
+	ChipGroup: "_ChipGroup_1wbg7_428",
+	Chip: "_Chip_1wbg7_428",
+	ChipDot: "_ChipDot_1wbg7_467",
+	StepGrid: "_StepGrid_1wbg7_491",
+	StepButton: "_StepButton_1wbg7_497",
+	StepCircle: "_StepCircle_1wbg7_521",
+	StepFlagDot: "_StepFlagDot_1wbg7_563",
+	StepStateName: "_StepStateName_1wbg7_594",
+	StatusGrid: "_StatusGrid_1wbg7_603",
+	StatusCard: "_StatusCard_1wbg7_610",
+	StatusDot: "_StatusDot_1wbg7_669",
+	PayloadToggle: "_PayloadToggle_1wbg7_681",
+	PayloadToggleLabel: "_PayloadToggleLabel_1wbg7_701",
+	PayloadChevron: "_PayloadChevron_1wbg7_708",
+	PayloadPanel: "_PayloadPanel_1wbg7_732",
+	Payload: "_Payload_1wbg7_29",
+	PayloadHeader: "_PayloadHeader_1wbg7_765",
+	PayloadActions: "_PayloadActions_1wbg7_839",
+	Flyout: "_Flyout_1wbg7_851",
+	Token: "_Token_1wbg7_862",
+	FlyoutTitle: "_FlyoutTitle_1wbg7_910",
+	FlyoutFooter: "_FlyoutFooter_1wbg7_924",
+	FlyoutCopyButton: "_FlyoutCopyButton_1wbg7_931",
+	Footer: "_Footer_1wbg7_971",
+	OnDark: "_OnDark_1wbg7_999",
+	VisuallyHidden: "_VisuallyHidden_1wbg7_1010"
+}, ie = w({
 	copy: {
 		no: "Kopier",
 		se: "Kopiera",
@@ -142,6 +143,12 @@ var D = Object.defineProperty, O = (e, t) => {
 		fi: "Näytä",
 		es: "Mostrar"
 	},
+	pin: {
+		no: "Fest",
+		se: "Fäst",
+		fi: "Kiinnitä",
+		es: "Fijar"
+	},
 	step: {
 		no: "Steg",
 		se: "Steg",
@@ -172,166 +179,186 @@ var D = Object.defineProperty, O = (e, t) => {
 		fi: "vaatii huomiota",
 		es: "requiere atención"
 	}
-}), re = (...e) => e.filter(Boolean).join(" "), j = p(void 0);
-function M() {
-	return h(j);
+}), ae = (...e) => e.filter(Boolean).join(" "), oe = p(void 0);
+function A() {
+	return h(oe);
 }
-var ie = p(null), ae = "(max-width: 599.95px)", N = () => typeof navigator < "u" && /mac|iphone|ipad/i.test(navigator.platform || navigator.userAgent);
-function P(e, t) {
+var se = p(null), j = "(max-width: 599.95px)", M = () => typeof navigator < "u" && /mac|iphone|ipad/i.test(navigator.platform || navigator.userAgent);
+function ce(e, t) {
 	let n = t.split("+").map((e) => e.trim().toLowerCase()), r = n.pop();
 	if (!r) return !1;
 	let i = n.includes("mod"), a = {
-		ctrl: n.includes("ctrl") || i && !N(),
-		meta: n.includes("meta") || i && N(),
+		ctrl: n.includes("ctrl") || i && !M(),
+		meta: n.includes("meta") || i && M(),
 		alt: n.includes("alt"),
 		shift: n.includes("shift")
 	};
 	return e.ctrlKey !== a.ctrl || e.metaKey !== a.meta || e.altKey !== a.alt || e.shiftKey !== a.shift ? !1 : e.key.toLowerCase() === r || e.code.toLowerCase() === `key${r}` || e.code.toLowerCase() === `digit${r}`;
 }
-function oe({ title: e = "Dev controls", badge: t, showStatusDot: n = !0, minimisable: r = !0, minimised: o, defaultMinimised: c, onMinimisedChange: l, minimiseLabel: u, expandLabel: d, hidden: f, defaultHidden: p, onHiddenChange: m, hideable: h = f !== void 0 || p !== void 0, shortcut: v = "Mod+Shift+D", handle: ee, hideLabel: x, position: C, children: te, className: w, style: ne }) {
-	let D = A(), O = o !== void 0, [j, M] = b(c ?? !1), N = O ? o : j, [oe, F] = b(p ?? !1), I = h && (f ?? oe), L = y(null), R = y(null), z = y(null), B = y(null), V = () => {
-		let e = !N;
-		O || M(e), l?.(e);
-	}, H = (e) => {
-		f === void 0 && F(e), m?.(e);
+function N({ title: e = "Dev controls", badge: t, showStatusDot: n = !0, minimisable: r = !0, minimised: o, defaultMinimised: l, onMinimisedChange: u, minimiseLabel: d, expandLabel: ee, hidden: f, defaultHidden: p, onHiddenChange: m, hideable: h = f !== void 0 || p !== void 0, shortcut: v = "Mod+Shift+D", handle: te, hideLabel: x, position: C, pinned: w, defaultPinned: T, onPinnedChange: ne, pinnable: O = w !== void 0 || T !== void 0, pinLabel: re, children: oe, className: A, style: M }) {
+	let N = ie(), P = o !== void 0, [ue, F] = b(l ?? !1), I = P ? o : ue, [L, de] = b(p ?? !1), R = h && (f ?? L), [z, B] = b(T ?? !1), V = w ?? z, H = O && C !== void 0, U = y(null), W = y(null), G = y(null), K = y(null), q = () => {
+		let e = !I;
+		P || F(e), u?.(e);
+	}, J = () => {
+		let e = !V;
+		w === void 0 && B(e), ne?.(e);
+	}, Y = (e) => {
+		f === void 0 && de(e), m?.(e);
 	};
 	g(() => {
-		h && !O && c === void 0 && typeof window < "u" && window.matchMedia?.(ae).matches && M(!0);
+		h && !P && l === void 0 && typeof window < "u" && window.matchMedia?.(j).matches && F(!0);
 	}, []), g(() => {
-		let e = B.current;
-		B.current = null, e === "handle" && R.current?.focus(), e === "panel" && z.current?.focus();
+		let e = K.current;
+		K.current = null, e === "handle" && W.current?.focus(), e === "panel" && G.current?.focus();
 	});
-	let U = y({
-		isHidden: I,
-		setHiddenState: H
+	let fe = y({
+		isHidden: R,
+		setHiddenState: Y
 	});
-	U.current = {
-		isHidden: I,
-		setHiddenState: H
+	fe.current = {
+		isHidden: R,
+		setHiddenState: Y
 	}, g(() => {
 		if (!h || v === !1) return;
 		let e = (e) => {
-			if (e.repeat || !P(e, v)) return;
+			if (e.repeat || !ce(e, v)) return;
 			e.preventDefault();
-			let { isHidden: t, setHiddenState: n } = U.current, r = document.activeElement;
-			!t && L.current?.contains(r) && (B.current = "handle"), t && r != null && r === R.current && (B.current = "panel"), n(!t);
+			let { isHidden: t, setHiddenState: n } = fe.current, r = document.activeElement;
+			!t && U.current?.contains(r) && (K.current = "handle"), t && r != null && r === W.current && (K.current = "panel"), n(!t);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [h, v]);
-	let W = _(), G = C === void 0 ? void 0 : C.endsWith("left") ? "left" : "right";
-	return I ? /* @__PURE__ */ T(ie.Provider, {
+	let pe = _(), X = C === void 0 ? void 0 : C.endsWith("left") ? "left" : "right";
+	return R ? /* @__PURE__ */ E(se.Provider, {
 		value: {
 			show: () => {
-				B.current = "panel", H(!1);
+				K.current = "panel", Y(!1);
 			},
 			title: e,
-			handleRef: R,
-			side: G
+			handleRef: W,
+			side: X
 		},
-		children: ee ?? /* @__PURE__ */ T(se, {})
-	}) : /* @__PURE__ */ E("div", {
-		ref: L,
+		children: te ?? /* @__PURE__ */ E(le, {})
+	}) : /* @__PURE__ */ D("div", {
+		ref: U,
 		"data-dev-panel-root": "",
 		"data-position": C,
 		"data-hideable": h ? "" : void 0,
-		"data-minimised": N ? "" : void 0,
-		className: re(k.DevPanel, w),
-		style: ne,
-		children: [/* @__PURE__ */ E("div", {
+		"data-minimised": I ? "" : void 0,
+		"data-pinned": H && V && !I ? "" : void 0,
+		className: ae(k.DevPanel, A),
+		style: M,
+		children: [/* @__PURE__ */ D("div", {
 			className: k.Header,
-			children: [/* @__PURE__ */ E("span", {
+			children: [/* @__PURE__ */ D("span", {
 				className: k.HeaderTitle,
 				children: [
-					n && /* @__PURE__ */ T("span", {
+					n && /* @__PURE__ */ E("span", {
 						className: k.HeaderDot,
 						"aria-hidden": !0
 					}),
-					/* @__PURE__ */ T("span", { children: e }),
-					t != null && /* @__PURE__ */ T("span", {
+					/* @__PURE__ */ E("span", { children: e }),
+					t != null && /* @__PURE__ */ E("span", {
 						className: k.Badge,
 						children: t
 					})
 				]
-			}), /* @__PURE__ */ E("span", {
+			}), /* @__PURE__ */ D("span", {
 				className: k.HeaderActions,
-				children: [h && /* @__PURE__ */ T(S, {
-					ref: z,
-					className: k.HideButton,
-					"aria-label": x ?? D.hide,
-					onClick: () => {
-						B.current = "handle", H(!0);
-					},
-					variant: "outline",
-					color: "secondary",
-					size: "sm",
-					children: /* @__PURE__ */ T(i, {
-						size: 18,
-						"aria-hidden": !0
-					})
-				}), r && /* @__PURE__ */ T(S, {
-					"aria-label": N ? d ?? D.expand : u ?? D.minimise,
-					"aria-expanded": !N,
-					"aria-controls": W,
-					onClick: V,
-					variant: "outline",
-					color: "secondary",
-					size: "sm",
-					children: T(N ? s : a, {
-						size: 18,
-						"aria-hidden": !0
+				children: [
+					H && !I && /* @__PURE__ */ E(S, {
+						className: k.PinButton,
+						"aria-label": re ?? N.pin,
+						"aria-pressed": V,
+						onClick: J,
+						variant: V ? "solid" : "outline",
+						color: "secondary",
+						size: "sm",
+						children: /* @__PURE__ */ E(s, {
+							size: 18,
+							"aria-hidden": !0
+						})
+					}),
+					h && /* @__PURE__ */ E(S, {
+						ref: G,
+						className: k.HideButton,
+						"aria-label": x ?? N.hide,
+						onClick: () => {
+							K.current = "handle", Y(!0);
+						},
+						variant: "outline",
+						color: "secondary",
+						size: "sm",
+						children: /* @__PURE__ */ E(i, {
+							size: 18,
+							"aria-hidden": !0
+						})
+					}),
+					r && /* @__PURE__ */ E(S, {
+						"aria-label": I ? ee ?? N.expand : d ?? N.minimise,
+						"aria-expanded": !I,
+						"aria-controls": pe,
+						onClick: q,
+						variant: "outline",
+						color: "secondary",
+						size: "sm",
+						children: E(I ? c : a, {
+							size: 18,
+							"aria-hidden": !0
+						})
 					})
-				})]
+				]
 			})]
-		}), !N && /* @__PURE__ */ T("div", {
-			id: W,
+		}), !I && /* @__PURE__ */ E("div", {
+			id: pe,
 			className: k.Body,
-			children: te
+			children: oe
 		})]
 	});
 }
-function F({ label: e, meta: t, children: n, className: r, style: i }) {
+function P({ label: e, meta: t, children: n, className: r, style: i }) {
 	let a = _();
-	return /* @__PURE__ */ E("section", {
+	return /* @__PURE__ */ D("section", {
 		"aria-labelledby": a,
-		className: re(k.Section, r),
+		className: ae(k.Section, r),
 		style: i,
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ D("div", {
 			className: k.SectionHeaderRow,
-			children: [/* @__PURE__ */ T("span", {
+			children: [/* @__PURE__ */ E("span", {
 				id: a,
 				className: k.SectionLabel,
 				children: e
-			}), t != null && /* @__PURE__ */ T("span", {
+			}), t != null && /* @__PURE__ */ E("span", {
 				className: k.SectionMeta,
 				children: t
 			})]
-		}), /* @__PURE__ */ T(j.Provider, {
+		}), /* @__PURE__ */ E(oe.Provider, {
 			value: a,
 			children: n
 		})]
 	});
 }
-function se({ side: e, label: t, className: n, style: r }) {
-	let i = A(), a = h(ie);
+function le({ side: e, label: t, className: n, style: r }) {
+	let i = ie(), a = h(se);
 	if (!a) return null;
 	let o = t ?? a.title, s = e ?? a.side ?? "right";
-	return /* @__PURE__ */ E("button", {
+	return /* @__PURE__ */ D("button", {
 		ref: a.handleRef,
 		type: "button",
-		className: re(k.Handle, n),
+		className: ae(k.Handle, n),
 		style: r,
 		"data-side": s,
 		"aria-label": typeof o == "string" ? `${i.show} ${o}` : void 0,
 		onClick: a.show,
-		children: [/* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ E("span", {
 			className: k.HeaderDot,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ T("span", { children: o })]
+		}), /* @__PURE__ */ E("span", { children: o })]
 	});
 }
 //#endregion
 //#region src/dev-panel/use-roving-radio.ts
-function I({ values: e, selected: t, onSelect: n, isDisabled: r }) {
+function ue({ values: e, selected: t, onSelect: n, isDisabled: r }) {
 	let i = y([]), a = m((t) => r?.(e[t], t) ?? !1, [r, e]), o = e.findIndex((e) => e === t), s = e.findIndex((e, t) => !a(t)), c = o >= 0 && !a(o) ? o : s, l = m((t) => {
 		i.current[t]?.focus(), n(e[t]);
 	}, [n, e]), u = m((t, n) => {
@@ -388,49 +415,49 @@ function I({ values: e, selected: t, onSelect: n, isDisabled: r }) {
 }
 //#endregion
 //#region src/dev-panel/segmented-control.tsx
-function L({ value: e, onChange: t, options: n, variant: r = "pill", "aria-label": i, "aria-labelledby": a }) {
-	let o = M(), s = a ?? (i ? void 0 : o), { getItemProps: c } = I({
+function F({ value: e, onChange: t, options: n, variant: r = "pill", "aria-label": i, "aria-labelledby": a }) {
+	let o = A(), s = a ?? (i ? void 0 : o), { getItemProps: c } = ue({
 		values: n.map((e) => e.value),
 		selected: e,
 		onSelect: t,
 		isDisabled: (e, t) => n[t]?.disabled ?? !1
 	}), l = r === "chip";
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		role: "radiogroup",
 		"aria-label": i,
 		"aria-labelledby": s,
 		className: l ? k.ChipGroup : k.SegmentedGroup,
 		children: n.map((e, t) => {
 			let { onKeyDown: n, ...r } = c(t);
-			return /* @__PURE__ */ E("button", {
+			return /* @__PURE__ */ D("button", {
 				type: "button",
 				"data-disabled": e.disabled ? "" : void 0,
 				onKeyDown: n,
 				...r,
 				className: l ? k.Chip : k.SegmentedOption,
-				children: [l ? /* @__PURE__ */ T("span", {
+				children: [l ? /* @__PURE__ */ E("span", {
 					className: k.ChipDot,
 					"aria-hidden": !0
-				}) : e.icon, /* @__PURE__ */ T("span", { children: e.label })]
+				}) : e.icon, /* @__PURE__ */ E("span", { children: e.label })]
 			}, e.value);
 		})
 	});
 }
 //#endregion
 //#region src/dev-panel/dev-panel-country.tsx
-function R({ value: e, onChange: t, options: n, label: r = "Country" }) {
+function I({ value: e, onChange: t, options: n, label: r = "Country" }) {
 	let i = n.map((e) => ({
 		value: e.value,
 		disabled: e.disabled,
 		label: e.label,
-		icon: e.code == null ? void 0 : /* @__PURE__ */ T("span", {
+		icon: e.code == null ? void 0 : /* @__PURE__ */ E("span", {
 			className: k.CountryCode,
 			children: e.code
 		})
 	}));
-	return /* @__PURE__ */ T(F, {
+	return /* @__PURE__ */ E(P, {
 		label: r,
-		children: /* @__PURE__ */ T(L, {
+		children: /* @__PURE__ */ E(F, {
 			value: e,
 			onChange: t,
 			options: i
@@ -439,15 +466,15 @@ function R({ value: e, onChange: t, options: n, label: r = "Country" }) {
 }
 //#endregion
 //#region src/dev-panel/dev-panel-variant.tsx
-function z({ value: e, onChange: t, options: n, label: r = "Variant" }) {
+function L({ value: e, onChange: t, options: n, label: r = "Variant" }) {
 	let i = n.map((e) => ({
 		value: e.value,
 		label: e.label,
 		disabled: e.disabled
 	}));
-	return /* @__PURE__ */ T(F, {
+	return /* @__PURE__ */ E(P, {
 		label: r,
-		children: /* @__PURE__ */ T(L, {
+		children: /* @__PURE__ */ E(F, {
 			value: e,
 			onChange: t,
 			options: i
@@ -456,15 +483,15 @@ function z({ value: e, onChange: t, options: n, label: r = "Variant" }) {
 }
 //#endregion
 //#region src/dev-panel/dev-panel-step-state.tsx
-function B({ value: e, onChange: t, options: n, label: r = "Step state", stepLabel: i, variationsLabel: a = "Variations for" }) {
+function de({ value: e, onChange: t, options: n, label: r = "Step state", stepLabel: i, variationsLabel: a = "Variations for" }) {
 	let o = n.map((e) => ({
 		value: e.value,
 		label: e.label,
 		disabled: e.disabled
 	}));
-	return /* @__PURE__ */ E(F, {
+	return /* @__PURE__ */ D(P, {
 		label: r,
-		children: [i != null && /* @__PURE__ */ E(C, {
+		children: [i != null && /* @__PURE__ */ D(C, {
 			textStyle: "body-sm",
 			style: {
 				color: "var(--lea-color-neutral-600)",
@@ -473,12 +500,12 @@ function B({ value: e, onChange: t, options: n, label: r = "Step state", stepLab
 			children: [
 				a,
 				" ",
-				/* @__PURE__ */ T("span", {
+				/* @__PURE__ */ E("span", {
 					className: k.StepStateName,
 					children: i
 				})
 			]
-		}), /* @__PURE__ */ T(L, {
+		}), /* @__PURE__ */ E(F, {
 			value: e,
 			onChange: t,
 			options: o,
@@ -488,19 +515,19 @@ function B({ value: e, onChange: t, options: n, label: r = "Step state", stepLab
 }
 //#endregion
 //#region src/dev-panel/dev-panel-steps.tsx
-var V = (e, t) => {
+var R = (e, t) => {
 	switch (e) {
 		case "complete": return t.statusCompleted;
 		case "current": return t.statusCurrent;
 		default: return t.statusUpcoming;
 	}
 };
-function H({ steps: e, currentStep: t, onStepSelect: n, label: r = "Jump to step", showCount: i = !0, columns: a = 4 }) {
-	let o = A(), s = e.length, c = i && t != null ? `${t} / ${s}` : void 0;
-	return /* @__PURE__ */ T(F, {
+function z({ steps: e, currentStep: t, onStepSelect: n, label: r = "Jump to step", showCount: i = !0, columns: a = 4 }) {
+	let o = ie(), s = e.length, c = i && t != null ? `${t} / ${s}` : void 0;
+	return /* @__PURE__ */ E(P, {
 		label: r,
 		meta: c,
-		children: /* @__PURE__ */ T(U, {
+		children: /* @__PURE__ */ E(B, {
 			steps: e,
 			currentStep: t,
 			onStepSelect: n,
@@ -509,16 +536,16 @@ function H({ steps: e, currentStep: t, onStepSelect: n, label: r = "Jump to step
 		})
 	});
 }
-function U({ steps: e, currentStep: n, onStepSelect: r, columns: i, t: a }) {
-	let o = M();
-	return /* @__PURE__ */ T("div", {
+function B({ steps: e, currentStep: n, onStepSelect: r, columns: i, t: a }) {
+	let o = A();
+	return /* @__PURE__ */ E("div", {
 		role: "group",
 		"aria-labelledby": o,
 		className: k.StepGrid,
 		style: { "--_columns": i },
 		children: e.map((e, i) => {
 			let o = i + 1, s = e.status ?? (n == null ? "upcoming" : o < n ? "complete" : o === n ? "current" : "upcoming"), c = s === "current", l = s === "complete";
-			return /* @__PURE__ */ E("button", {
+			return /* @__PURE__ */ D("button", {
 				type: "button",
 				"aria-current": c ? "step" : void 0,
 				"data-state": s,
@@ -527,31 +554,31 @@ function U({ steps: e, currentStep: n, onStepSelect: r, columns: i, t: a }) {
 				onClick: () => r?.(o, e),
 				className: k.StepButton,
 				children: [
-					/* @__PURE__ */ E("span", {
+					/* @__PURE__ */ D("span", {
 						className: k.StepCircle,
 						children: [
-							/* @__PURE__ */ T("span", {
+							/* @__PURE__ */ E("span", {
 								className: k.VisuallyHidden,
 								children: l ? `${a.step} ${o}` : `${a.step} `
 							}),
-							l ? /* @__PURE__ */ T(t, {
+							l ? /* @__PURE__ */ E(t, {
 								size: 18,
 								"aria-hidden": !0
 							}) : o,
-							e.flagged && /* @__PURE__ */ T("span", {
+							e.flagged && /* @__PURE__ */ E("span", {
 								className: k.StepFlagDot,
 								"aria-hidden": !0
 							})
 						]
 					}),
 					" ",
-					/* @__PURE__ */ T("span", {
+					/* @__PURE__ */ E("span", {
 						className: k.StepLabel,
 						children: e.label
 					}),
-					/* @__PURE__ */ T("span", {
+					/* @__PURE__ */ E("span", {
 						className: k.VisuallyHidden,
-						children: `(${V(s, a)}${e.flagged ? `, ${a.needsAttention}` : ""})`
+						children: `(${R(s, a)}${e.flagged ? `, ${a.needsAttention}` : ""})`
 					})
 				]
 			}, o);
@@ -560,47 +587,47 @@ function U({ steps: e, currentStep: n, onStepSelect: r, columns: i, t: a }) {
 }
 //#endregion
 //#region src/dev-panel/dev-panel-status.tsx
-function W({ value: e, onChange: t, options: n, label: r = "Application status" }) {
-	return /* @__PURE__ */ T(F, {
+function V({ value: e, onChange: t, options: n, label: r = "Application status" }) {
+	return /* @__PURE__ */ E(P, {
 		label: r,
-		children: /* @__PURE__ */ T(G, {
+		children: /* @__PURE__ */ E(H, {
 			value: e,
 			onChange: t,
 			options: n
 		})
 	});
 }
-function G({ value: e, onChange: t, options: n }) {
-	let r = M(), { getItemProps: i } = I({
+function H({ value: e, onChange: t, options: n }) {
+	let r = A(), { getItemProps: i } = ue({
 		values: n.map((e) => e.value),
 		selected: e,
 		onSelect: t,
 		isDisabled: (e, t) => n[t]?.disabled ?? !1
 	});
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		role: "radiogroup",
 		"aria-labelledby": r,
 		className: k.StatusGrid,
 		children: n.map((e, t) => {
 			let { onKeyDown: n, ...r } = i(t);
-			return /* @__PURE__ */ E("button", {
+			return /* @__PURE__ */ D("button", {
 				type: "button",
 				"data-color": e.color ?? "neutral",
 				"data-disabled": e.disabled ? "" : void 0,
 				onKeyDown: n,
 				...r,
 				className: k.StatusCard,
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ E("span", {
 					className: k.StatusDot,
 					"aria-hidden": !0
-				}), /* @__PURE__ */ T("span", { children: e.label })]
+				}), /* @__PURE__ */ E("span", { children: e.label })]
 			}, e.value);
 		})
 	});
 }
 //#endregion
 //#region src/dev-panel/use-copy.ts
-function ce() {
+function U() {
 	let [e, t] = b(!1), n = y(void 0), r = m(async (e) => {
 		try {
 			await navigator.clipboard?.writeText(e);
@@ -614,41 +641,41 @@ function ce() {
 }
 //#endregion
 //#region src/dev-panel/dev-panel-flow.tsx
-var K = (e) => typeof e == "string" || typeof e == "number" ? String(e) : null;
-function le({ flowId: e, process: n, variant: i, label: a = "Flow", showCopy: o = !0, copyValue: s, copyLabel: c, onCopy: l }) {
-	let u = A(), { copied: d, copy: p } = ce(), m = [
+var W = (e) => typeof e == "string" || typeof e == "number" ? String(e) : null;
+function G({ flowId: e, process: n, variant: i, label: a = "Flow", showCopy: o = !0, copyValue: s, copyLabel: c, onCopy: l }) {
+	let u = ie(), { copied: d, copy: ee } = U(), p = [
 		e,
 		n,
 		i
-	].filter((e) => e != null), h = m.map(K).filter((e) => e != null).join(" · "), g = s ?? h;
-	return /* @__PURE__ */ E("div", {
+	].filter((e) => e != null), m = p.map(W).filter((e) => e != null).join(" · "), h = s ?? m;
+	return /* @__PURE__ */ D("div", {
 		className: k.Flow,
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: k.FlowText,
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ E("span", {
 					className: k.FlowLabel,
 					children: a
-				}), /* @__PURE__ */ T("span", { children: m.map((e, t) => /* @__PURE__ */ E(f, { children: [t > 0 && /* @__PURE__ */ T("span", {
+				}), /* @__PURE__ */ E("span", { children: p.map((e, t) => /* @__PURE__ */ D(f, { children: [t > 0 && /* @__PURE__ */ E("span", {
 					"aria-hidden": !0,
 					className: k.FlowSeparator,
 					children: "·"
 				}), e] }, t)) })]
 			}),
-			o && /* @__PURE__ */ T(S, {
+			o && /* @__PURE__ */ E(S, {
 				"aria-label": c ?? u.copy,
 				onClick: async () => {
-					await p(g), l?.();
+					await ee(h), l?.();
 				},
 				variant: "outline",
 				color: "secondary",
 				size: "sm",
-				children: T(d ? t : r, {
+				children: E(d ? t : r, {
 					size: 16,
 					"aria-hidden": !0
 				})
 			}),
-			/* @__PURE__ */ T("span", {
+			/* @__PURE__ */ E("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: k.VisuallyHidden,
@@ -659,18 +686,18 @@ function le({ flowId: e, process: n, variant: i, label: a = "Flow", showCopy: o
 }
 //#endregion
 //#region src/dev-panel/json-highlight.tsx
-var ue = /"(?:\\.|[^"\\])*"|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|\b(?:true|false|null)\b/g, de = (e) => e === " " || e === "	" || e === "\n" || e === "\r";
-function q(e, t, n) {
+var K = /"(?:\\.|[^"\\])*"|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|\b(?:true|false|null)\b/g, q = (e) => e === " " || e === "	" || e === "\n" || e === "\r";
+function J(e, t, n) {
 	if (e[0] === "\"") {
 		let e = n;
-		for (; e < t.length && de(t[e]);) e += 1;
+		for (; e < t.length && q(t[e]);) e += 1;
 		return t[e] === ":" ? "key" : "string";
 	}
 	return e === "true" || e === "false" ? "boolean" : e === "null" ? "null" : "number";
 }
-function J(e) {
+function Y(e) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(ue)) {
+	for (let r of e.matchAll(K)) {
 		let i = r.index ?? 0;
 		i > n && t.push({
 			type: "punctuation",
@@ -678,7 +705,7 @@ function J(e) {
 		});
 		let a = r[0];
 		t.push({
-			type: q(a, e, i + a.length),
+			type: J(a, e, i + a.length),
 			value: a
 		}), n = i + a.length;
 	}
@@ -698,8 +725,8 @@ function fe(e) {
 	}
 }
 function pe({ code: e }) {
-	let t = ee(() => J(e), [e]);
-	return /* @__PURE__ */ T(w, { children: t.map((e, t) => /* @__PURE__ */ T("span", {
+	let t = te(() => Y(e), [e]);
+	return /* @__PURE__ */ E(T, { children: t.map((e, t) => /* @__PURE__ */ E("span", {
 		className: k.Token,
 		"data-token": e.type,
 		children: e.value
@@ -707,7 +734,7 @@ function pe({ code: e }) {
 }
 //#endregion
 //#region src/dev-panel/dev-panel-payload.tsx
-var Y = {
+var X = {
 	"--button-fg": "var(--lea-palette-text-contrast)",
 	"--button-border": "var(--lea-palette-border-contrast)",
 	"--button-tint": "var(--lea-color-neutral-800)"
@@ -718,40 +745,40 @@ var Y = {
 	} catch {
 		return String(e);
 	}
-}, he = typeof window < "u" ? v : g, X = 12, ge = 420, _e = 280;
-function ve({ value: i, label: a = "Payload preview", title: s, placement: c = "inline", badge: u, open: f, defaultOpen: p = !1, onOpenChange: h, copyLabel: v, copyJsonLabel: ee, closeLabel: C, highlight: te = !0, onApply: D, onReset: O, editLabel: re, applyLabel: j, cancelLabel: M, resetLabel: ie, invalidJsonLabel: ae }) {
-	let N = A(), { copied: P, copy: oe } = ce(), F = f !== void 0, [se, I] = b(p), L = c === "panel", R = L || (F ? f : se), z = _(), B = _(), V = _(), H = c === "side", [U, W] = b(null), [G, K] = b(null), le = U !== null, ue = y(null), de = y(null), q = y(null), J = y(null), ve = y(null), [Z, ye] = b(null), [be, xe] = b(null);
-	g(() => xe(document.body), []);
-	let Q = m((e) => {
-		F || I(e), h?.(e);
-	}, [F, h]), $ = me(i), Se = te && fe(i) ? /* @__PURE__ */ T(pe, { code: $ }) : $;
+}, he = typeof window < "u" ? v : g, Z = 12, ge = 420, _e = 280;
+function Q({ value: i, label: a = "Payload preview", title: s, placement: c = "inline", badge: l, open: d, defaultOpen: f = !1, onOpenChange: p, copyLabel: h, copyJsonLabel: v, closeLabel: te, highlight: C = !0, onApply: w, onReset: O, editLabel: re, applyLabel: ae, cancelLabel: oe, resetLabel: A, invalidJsonLabel: se }) {
+	let j = ie(), { copied: M, copy: ce } = U(), N = d !== void 0, [P, le] = b(f), ue = c === "panel", F = ue || (N ? d : P), I = _(), L = _(), de = _(), R = c === "side", [z, B] = b(null), [V, H] = b(null), W = z !== null, G = y(null), K = y(null), q = y(null), J = y(null), Y = y(null), [Q, ve] = b(null), [ye, be] = b(null);
+	g(() => be(document.body), []);
+	let xe = m((e) => {
+		N || le(e), p?.(e);
+	}, [N, p]), $ = me(i), Se = C && fe(i) ? /* @__PURE__ */ E(pe, { code: $ }) : $;
 	g(() => {
 		let e = q.current;
-		q.current = null, e === "editor" && de.current?.focus(), e === "edit" && ue.current?.focus();
+		q.current = null, e === "editor" && K.current?.focus(), e === "edit" && G.current?.focus();
 	}), g(() => {
-		R || (W(null), K(null));
-	}, [R]);
+		F || (B(null), H(null));
+	}, [F]);
 	let Ce = () => {
-		q.current = "editor", W($), K(null);
+		q.current = "editor", B($), H(null);
 	}, we = () => {
-		q.current = "edit", W(null), K(null);
+		q.current = "edit", B(null), H(null);
 	}, Te = () => {
-		if (U === null) return;
+		if (z === null) return;
 		let e;
 		try {
-			e = JSON.parse(U);
+			e = JSON.parse(z);
 		} catch (e) {
-			K(e instanceof Error ? e.message : String(e));
+			H(e instanceof Error ? e.message : String(e));
 			return;
 		}
-		we(), D?.(e);
+		we(), w?.(e);
 	}, Ee = m(() => {
 		let e = J.current?.closest("[data-dev-panel-root]") ?? J.current;
 		if (!e) return;
-		let t = e.getBoundingClientRect(), n = Math.min(ge, Math.max(_e, t.width)), r = t.left - n - X;
-		r < X && (r = Math.min(t.right + X, window.innerWidth - n - X));
-		let i = Math.min(t.height, window.innerHeight - 24), a = Math.min(Math.max(X, t.top), window.innerHeight - X - i);
-		ye({
+		let t = e.getBoundingClientRect(), n = Math.min(ge, Math.max(_e, t.width)), r = t.left - n - Z;
+		r < Z && (r = Math.min(t.right + Z, window.innerWidth - n - Z));
+		let i = Math.min(t.height, window.innerHeight - 24), a = Math.min(Math.max(Z, t.top), window.innerHeight - Z - i);
+		ve({
 			top: a,
 			left: r,
 			width: n,
@@ -759,25 +786,25 @@ function ve({ value: i, label: a = "Payload preview", title: s, placement: c = "
 		});
 	}, []);
 	he(() => {
-		if (!H || !R) return;
+		if (!R || !F) return;
 		Ee();
 		let e = () => Ee();
 		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		H,
 		R,
+		F,
 		Ee
 	]);
-	let De = Z !== null;
+	let De = Q !== null;
 	g(() => {
-		if (!H || !R || !be || !De) return;
-		let e = ve.current, t = J.current, n = () => Array.from(e?.querySelectorAll("button, [href], input, textarea, select, [tabindex]:not([tabindex=\"-1\"])") ?? []).filter((e) => !e.hasAttribute("disabled"));
+		if (!R || !F || !ye || !De) return;
+		let e = Y.current, t = J.current, n = () => Array.from(e?.querySelectorAll("button, [href], input, textarea, select, [tabindex]:not([tabindex=\"-1\"])") ?? []).filter((e) => !e.hasAttribute("disabled"));
 		(n()[0] ?? e)?.focus();
 		let r = (t) => {
 			if (t.key === "Escape") {
-				t.stopPropagation(), Q(!1);
+				t.stopPropagation(), xe(!1);
 				return;
 			}
 			if (t.key !== "Tab") return;
@@ -790,176 +817,176 @@ function ve({ value: i, label: a = "Payload preview", title: s, placement: c = "
 			t.shiftKey && (o === i || o === e) ? (t.preventDefault(), a.focus()) : !t.shiftKey && o === a && (t.preventDefault(), i.focus());
 		}, i = (n) => {
 			let r = n.target;
-			e?.contains(r) || t?.contains(r) || Q(!1);
+			e?.contains(r) || t?.contains(r) || xe(!1);
 		};
 		return document.addEventListener("keydown", r, !0), document.addEventListener("pointerdown", i, !0), () => {
 			document.removeEventListener("keydown", r, !0), document.removeEventListener("pointerdown", i, !0), t?.focus();
 		};
 	}, [
-		H,
 		R,
-		be,
+		F,
+		ye,
 		De,
-		Q
+		xe
 	]);
-	let Oe = U ?? $, ke = /* @__PURE__ */ T(S, {
-		"aria-label": v ?? N.copy,
-		onClick: () => oe(Oe),
+	let Oe = z ?? $, ke = /* @__PURE__ */ E(S, {
+		"aria-label": h ?? j.copy,
+		onClick: () => ce(Oe),
 		variant: "outline",
 		color: "secondary",
 		size: "sm",
 		className: k.OnDark,
-		style: Y,
-		children: T(P ? t : r, {
+		style: X,
+		children: E(M ? t : r, {
 			size: 16,
 			"aria-hidden": !0
 		})
-	}), Ae = !le && /* @__PURE__ */ E(w, { children: [O && /* @__PURE__ */ T(S, {
-		"aria-label": ie ?? N.reset,
+	}), Ae = !W && /* @__PURE__ */ D(T, { children: [O && /* @__PURE__ */ E(S, {
+		"aria-label": A ?? j.reset,
 		onClick: O,
 		variant: "outline",
 		color: "secondary",
 		size: "sm",
 		className: k.OnDark,
-		style: Y,
-		children: /* @__PURE__ */ T(l, {
+		style: X,
+		children: /* @__PURE__ */ E(u, {
 			size: 16,
 			"aria-hidden": !0
 		})
-	}), D && /* @__PURE__ */ T(S, {
-		ref: ue,
-		"aria-label": re ?? N.edit,
+	}), w && /* @__PURE__ */ E(S, {
+		ref: G,
+		"aria-label": re ?? j.edit,
 		onClick: Ce,
 		variant: "outline",
 		color: "secondary",
 		size: "sm",
 		className: k.OnDark,
-		style: Y,
-		children: /* @__PURE__ */ T(o, {
+		style: X,
+		children: /* @__PURE__ */ E(o, {
 			size: 16,
 			"aria-hidden": !0
 		})
-	})] }), je = le ? /* @__PURE__ */ E(w, { children: [
-		/* @__PURE__ */ T("textarea", {
-			ref: de,
-			value: U,
+	})] }), je = W ? /* @__PURE__ */ D(T, { children: [
+		/* @__PURE__ */ E("textarea", {
+			ref: K,
+			value: z,
 			onChange: (e) => {
-				W(e.target.value), K(null);
+				B(e.target.value), H(null);
 			},
-			"aria-labelledby": B,
-			"aria-invalid": G !== null || void 0,
-			"aria-describedby": G === null ? void 0 : V,
+			"aria-labelledby": L,
+			"aria-invalid": V !== null || void 0,
+			"aria-describedby": V === null ? void 0 : de,
 			spellCheck: !1,
 			autoCapitalize: "off",
 			autoComplete: "off",
 			className: k.PayloadEditor
 		}),
-		G !== null && /* @__PURE__ */ T("p", {
-			id: V,
+		V !== null && /* @__PURE__ */ E("p", {
+			id: de,
 			role: "alert",
 			className: k.PayloadError,
-			children: `${ae ?? N.invalidJson}: ${G}`
+			children: `${se ?? j.invalidJson}: ${V}`
 		}),
-		/* @__PURE__ */ E("div", {
+		/* @__PURE__ */ D("div", {
 			className: k.PayloadActions,
-			children: [/* @__PURE__ */ T(x, {
+			children: [/* @__PURE__ */ E(x, {
 				onClick: we,
 				variant: "outline",
 				color: "secondary",
 				size: "sm",
 				className: k.OnDark,
-				style: Y,
-				children: M ?? N.cancel
-			}), /* @__PURE__ */ T(x, {
+				style: X,
+				children: oe ?? j.cancel
+			}), /* @__PURE__ */ E(x, {
 				onClick: Te,
 				variant: "solid",
 				size: "sm",
-				children: j ?? N.apply
+				children: ae ?? j.apply
 			})]
 		})
-	] }) : /* @__PURE__ */ T("pre", {
+	] }) : /* @__PURE__ */ E("pre", {
 		tabIndex: 0,
 		className: k.PayloadCode,
 		children: Se
 	});
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ D("div", {
 		className: k.Payload,
 		"data-placement": c,
 		children: [
-			!L && /* @__PURE__ */ E("button", {
+			!ue && /* @__PURE__ */ D("button", {
 				ref: J,
 				type: "button",
-				"aria-expanded": R,
-				"aria-controls": z,
+				"aria-expanded": F,
+				"aria-controls": I,
 				"data-placement": c,
-				onClick: () => Q(!R),
+				onClick: () => xe(!F),
 				className: k.PayloadToggle,
-				children: [/* @__PURE__ */ E("span", {
+				children: [/* @__PURE__ */ D("span", {
 					className: k.PayloadToggleLabel,
-					children: [/* @__PURE__ */ T(e, {
+					children: [/* @__PURE__ */ E(e, {
 						size: 16,
 						"aria-hidden": !0
 					}), a]
-				}), /* @__PURE__ */ T("span", {
+				}), /* @__PURE__ */ E("span", {
 					className: k.PayloadChevron,
-					children: /* @__PURE__ */ T(n, {
+					children: /* @__PURE__ */ E(n, {
 						size: 16,
 						"aria-hidden": !0
 					})
 				})]
 			}),
-			!H && R && /* @__PURE__ */ E("div", {
-				id: z,
+			!R && F && /* @__PURE__ */ D("div", {
+				id: I,
 				className: k.PayloadPanel,
 				"data-placement": c,
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: k.PayloadHeader,
-					children: [/* @__PURE__ */ T("span", {
-						id: B,
+					children: [/* @__PURE__ */ E("span", {
+						id: L,
 						children: s ?? a
-					}), /* @__PURE__ */ E("span", {
+					}), /* @__PURE__ */ D("span", {
 						className: k.HeaderActions,
 						children: [Ae, ke]
 					})]
 				}), je]
 			}),
-			H && R && be && ne(/* @__PURE__ */ E("div", {
-				ref: ve,
-				id: z,
+			R && F && ye && ne(/* @__PURE__ */ D("div", {
+				ref: Y,
+				id: I,
 				role: "dialog",
-				"aria-labelledby": B,
+				"aria-labelledby": L,
 				tabIndex: -1,
 				className: k.Flyout,
-				style: Z ? {
-					top: Z.top,
-					left: Z.left,
-					width: Z.width,
-					height: Z.height
+				style: Q ? {
+					top: Q.top,
+					left: Q.left,
+					width: Q.width,
+					height: Q.height
 				} : { visibility: "hidden" },
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ D("div", {
 						className: k.PayloadHeader,
-						children: [/* @__PURE__ */ E("span", {
+						children: [/* @__PURE__ */ D("span", {
 							className: k.FlyoutTitle,
-							children: [/* @__PURE__ */ T("span", {
-								id: B,
+							children: [/* @__PURE__ */ E("span", {
+								id: L,
 								children: s ?? a
-							}), u != null && /* @__PURE__ */ T("span", {
+							}), l != null && /* @__PURE__ */ E("span", {
 								className: k.Badge,
 								"data-on-dark": "",
-								children: u
+								children: l
 							})]
-						}), /* @__PURE__ */ E("span", {
+						}), /* @__PURE__ */ D("span", {
 							className: k.HeaderActions,
-							children: [Ae, /* @__PURE__ */ T(S, {
-								"aria-label": C ?? N.close,
-								onClick: () => Q(!1),
+							children: [Ae, /* @__PURE__ */ E(S, {
+								"aria-label": te ?? j.close,
+								onClick: () => xe(!1),
 								variant: "outline",
 								color: "secondary",
 								size: "sm",
 								className: k.OnDark,
-								style: Y,
-								children: /* @__PURE__ */ T(d, {
+								style: X,
+								children: /* @__PURE__ */ E(ee, {
 									size: 16,
 									"aria-hidden": !0
 								})
@@ -967,81 +994,81 @@ function ve({ value: i, label: a = "Payload preview", title: s, placement: c = "
 						})]
 					}),
 					je,
-					!le && /* @__PURE__ */ T("div", {
+					!W && /* @__PURE__ */ E("div", {
 						className: k.FlyoutFooter,
-						children: /* @__PURE__ */ E("button", {
+						children: /* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => oe($),
+							onClick: () => ce($),
 							className: k.FlyoutCopyButton,
-							children: [T(P ? t : r, {
+							children: [E(M ? t : r, {
 								size: 16,
 								"aria-hidden": !0
-							}), P ? N.copied : ee ?? N.copyJson]
+							}), M ? j.copied : v ?? j.copyJson]
 						})
 					})
 				]
-			}), be),
-			/* @__PURE__ */ T("span", {
+			}), ye),
+			/* @__PURE__ */ E("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: k.VisuallyHidden,
-				children: P ? N.copied : ""
+				children: M ? j.copied : ""
 			})
 		]
 	});
 }
 //#endregion
 //#region src/dev-panel/dev-panel-footer.tsx
-function Z({ onReseed: e, reseedLabel: t = "Reseed", onCopyUrl: r, url: i, copyUrlLabel: a = "Copy URL", onConsole: o, consoleLabel: s = "Console", children: l }) {
-	let { copy: d } = ce();
-	return /* @__PURE__ */ E("div", {
+function ve({ onReseed: e, reseedLabel: t = "Reseed", onCopyUrl: r, url: i, copyUrlLabel: a = "Copy URL", onConsole: o, consoleLabel: s = "Console", children: c }) {
+	let { copy: u } = U();
+	return /* @__PURE__ */ D("div", {
 		className: k.Footer,
 		children: [
-			e && /* @__PURE__ */ T(x, {
+			e && /* @__PURE__ */ E(x, {
 				variant: "outline",
 				color: "secondary",
 				size: "sm",
-				startIcon: /* @__PURE__ */ T(c, { "aria-hidden": !0 }),
+				startIcon: /* @__PURE__ */ E(l, { "aria-hidden": !0 }),
 				onClick: e,
 				children: t
 			}),
-			r && /* @__PURE__ */ T(x, {
+			r && /* @__PURE__ */ E(x, {
 				variant: "outline",
 				color: "secondary",
 				size: "sm",
-				startIcon: /* @__PURE__ */ T(u, { "aria-hidden": !0 }),
+				startIcon: /* @__PURE__ */ E(d, { "aria-hidden": !0 }),
 				onClick: async () => {
-					i != null && await d(i), r?.();
+					i != null && await u(i), r?.();
 				},
 				children: a
 			}),
-			o && /* @__PURE__ */ T(x, {
+			o && /* @__PURE__ */ E(x, {
 				variant: "solid",
 				size: "sm",
-				endIcon: /* @__PURE__ */ T(n, { "aria-hidden": !0 }),
+				endIcon: /* @__PURE__ */ E(n, { "aria-hidden": !0 }),
 				onClick: o,
 				style: { marginInlineStart: "auto" },
 				children: s
 			}),
-			l
+			c
 		]
 	});
 }
 //#endregion
 //#region src/dev-panel/parts.ts
-var ye = /* @__PURE__ */ O({
-	Country: () => R,
-	Flow: () => le,
-	Footer: () => Z,
-	Handle: () => se,
-	Payload: () => ve,
-	Root: () => oe,
-	Section: () => F,
-	Status: () => W,
-	StepState: () => B,
-	Steps: () => H,
-	Variant: () => z,
-	useSectionLabelId: () => M
+var ye = /* @__PURE__ */ re({
+	Country: () => I,
+	Flow: () => G,
+	Footer: () => ve,
+	Handle: () => le,
+	Payload: () => Q,
+	Root: () => N,
+	Section: () => P,
+	Status: () => V,
+	StepState: () => de,
+	Steps: () => z,
+	Variant: () => L,
+	useSectionLabelId: () => A
 });
 //#endregion
 export { ye as DevPanel };