@webority/ui-react 0.92.0 → 0.94.0

package/dist/canvas-kit/kit.js

@@ -62867,7 +62867,9 @@ function iWe({ comment: e, topLevel: r = !1, readOnly: i }) {
 //#endregion
 //#region dist/components/AppCompareTable.js
 function aWe(e) {
-	let { columns: r = [], rows: i = [], caption: a, className: o = "", ...s } = e;
+	let { columns: r, rows: i, caption: a, className: o = "", ...s } = e;
+	if (!Array.isArray(r)) throw Error("<AppCompareTable> columns is required: pass the feature-name column, then one per option.");
+	if (!Array.isArray(i)) throw Error("<AppCompareTable> rows is required: pass one row per capability.");
 	U("AppCompareTable", s);
 	let c = (e) => e === !0 ? t("span", {
 		className: "compare-yes",
@@ -85899,7 +85901,11 @@ var TXe = [
 	"sm",
 	"lg",
 	"xl"
-], EXe = ["off", "border"], DXe = (e, t) => ({
+], EXe = [
+	"off",
+	"border",
+	"above"
+], DXe = (e, t) => ({
 	value: e.value,
 	label: t,
 	icon: e.icon
@@ -85980,7 +85986,7 @@ var TXe = [
 				]
 			}),
 			re ? n("div", {
-				className: "field-float",
+				className: _ === "above" ? "field-float wui-float-above" : "field-float",
 				children: [le, n("label", {
 					className: "float-label",
 					htmlFor: ne,
@@ -88375,7 +88381,9 @@ Hs("wui-kanban", class extends Us {
 //#region dist/components/AppKanban.js
 var $Qe = (e) => e.key ?? e.id, e$e = (e) => e.column, t$e = ["rupees", "paise"], n$e = ["inline", "stacked"];
 function r$e(e) {
-	let { columns: r = [], cards: i = [], renderCard: a, renderColumnActions: o, getCardKey: s = $Qe, getCardColumn: c = e$e, getCardValue: l, cardLabel: u, isCardLocked: d, onLocked: f, onMove: p, accept: g, filter: _, boardId: v, ariaLabel: b = "Board", emptyText: C = MZ.empty, readOnly: w = !1, swipeHint: T = !1, fill: E = !1, columnWidth: D, fillOffset: O, activeCardKey: k, headLayout: A = "inline", summaryFormat: j, summaryUnit: M, className: N = "", id: P, ...F } = e;
+	let { columns: r, cards: i, renderCard: a, renderColumnActions: o, getCardKey: s = $Qe, getCardColumn: c = e$e, getCardValue: l, cardLabel: u, isCardLocked: d, onLocked: f, onMove: p, accept: g, filter: _, boardId: v, ariaLabel: b = "Board", emptyText: C = MZ.empty, readOnly: w = !1, swipeHint: T = !1, fill: E = !1, columnWidth: D, fillOffset: O, activeCardKey: k, headLayout: A = "inline", summaryFormat: j, summaryUnit: M, className: N = "", id: P, ...F } = e;
+	if (!Array.isArray(r)) throw Error("<AppKanban> columns is required: pass the board's stage columns.");
+	if (!Array.isArray(i)) throw Error("<AppKanban> cards is required: pass the cards, an empty array for an empty board.");
 	U("AppKanban", F), H("AppKanban", "summaryFormat", j, jZ), H("AppKanban", "summaryUnit", M, t$e), H("AppKanban", "headLayout", A, n$e);
 	for (let e of r) H("AppKanban", "columns[].tone", e.tone, MQe);
 	let I = h(), L = P || `kanban-${I.replace(/[^a-zA-Z0-9_-]/g, "")}`, R = x(null), [ee, te] = S(() => /* @__PURE__ */ new Map()), [z, ne] = S(() => /* @__PURE__ */ new Set()), [re, ie] = S(() => /* @__PURE__ */ new Set()), ae = y(() => new Map(i.map((e) => [String(s(e)), e])), [i, s]), B = x(null);
@@ -90968,7 +90976,7 @@ var J1e = [
 		return typeof f == "number" && (t = Math.max(t, f)), typeof p == "number" && (t = Math.min(t, p)), t;
 	}, M = (e) => Y1e(e, _), [N, P] = S(() => M(u));
 	m(() => {
-		P((e) => wQ(e) === (u ?? "") ? e : Y1e(u, _));
+		P((e) => wQ(e) === (u ?? null) ? e : Y1e(u, _));
 	}, [u, _]);
 	let F = (e) => {
 		let t = (wQ(N) ?? j(0)) + e * g, n = j(A(t));
@@ -90988,7 +90996,7 @@ var J1e = [
 		n !== null && d?.(n);
 	}, ae = (e) => {
 		let t = wQ(e.target.value);
-		if (t === null) P(""), d?.("");
+		if (t === null) P(""), d?.(null);
 		else {
 			let e = j(A(t));
 			P(M(e)), d?.(e);
@@ -125412,14 +125420,21 @@ var h9 = [
 	"h4",
 	"h5",
 	"h6"
-], g9 = ["start", "center"], _9 = ["default", "muted"];
+], g9 = ["start", "center"], _9 = ["default", "muted"], Jdt = [
+	"neutral",
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+];
 function v9(e, t) {
 	return h9.includes(e) ? e : t;
 }
-function Jdt(e) {
+function Ydt(e) {
 	return h9[Math.min(h9.indexOf(e) + 1, 5)];
 }
-function Ydt({ className: e, src: n, alt: r, width: i, height: a }) {
+function Xdt({ className: e, src: n, alt: r, width: i, height: a }) {
 	return t("img", {
 		className: e,
 		src: n,
@@ -125430,50 +125445,50 @@ function Ydt({ className: e, src: n, alt: r, width: i, height: a }) {
 		decoding: "async"
 	});
 }
-function y9({ component: e, kind: r, title: i, as: a, eyebrow: o, subtitle: s, align: c, variant: l, actions: u, extraClass: d, className: f, rest: p, children: m }) {
+function y9({ component: e, kind: r, title: i, as: a, eyebrow: o, subtitle: s, align: c, variant: l, eyebrowTone: u, actions: d, extraClass: f, className: p, rest: m, children: h }) {
 	if (i == null || i === "") throw Error(`${e} needs a title: every section opens with its heading.`);
-	let h = a, g = p.id ? `${p.id}-title` : void 0;
+	let g = a, _ = m.id ? `${m.id}-title` : void 0, v = Jdt.includes(u);
 	return t("section", {
 		className: [
 			"wui-section",
 			`wui-section-${r}`,
 			c === "center" ? "wui-section-center" : "",
 			l === "muted" ? "wui-section-muted" : "",
-			d,
-			f
+			f,
+			p
 		].filter(Boolean).join(" "),
-		"aria-labelledby": g,
-		...p,
+		"aria-labelledby": _,
+		...m,
 		children: n("div", {
 			className: "wui-section-inner",
 			children: [n("div", {
 				className: "wui-section-head",
 				children: [
 					o != null && o !== "" && t("div", {
-						className: "wui-section-eyebrow",
+						className: v ? `wui-section-eyebrow wui-section-eyebrow-pill wui-section-eyebrow-${u}` : "wui-section-eyebrow",
 						children: o
 					}),
-					t(h, {
+					t(g, {
 						className: "wui-section-title",
-						id: g,
+						id: _,
 						children: i
 					}),
 					s != null && s !== "" && t("p", {
 						className: "wui-section-subtitle",
 						children: s
 					}),
-					u != null && u !== !1 && t("div", {
+					d != null && d !== !1 && t("div", {
 						className: "wui-section-actions",
-						children: u
+						children: d
 					})
 				]
-			}), m]
+			}), h]
 		})
 	});
 }
 //#endregion
 //#region dist/components/AppSectionCallToAction.js
-function Xdt(e) {
+function Zdt(e) {
 	let { title: n, actions: r, as: i = "h2", eyebrow: a, subtitle: o, align: s = "center", variant: c = "default", className: l = "", ...u } = e;
 	return U("AppSectionCallToAction", u), H("AppSectionCallToAction", "as", i, h9), H("AppSectionCallToAction", "align", s, g9), H("AppSectionCallToAction", "variant", c, _9), t(y9, {
 		component: "AppSectionCallToAction",
@@ -125494,10 +125509,10 @@ function Xdt(e) {
 }
 //#endregion
 //#region dist/components/AppSectionFaq.js
-function Zdt(e, t) {
+function Qdt(e, t) {
 	return Array.isArray(t) ? a.map(e, (e) => !d(e) || e.type !== us ? e : s(e, { openItems: t.map((t) => e.props.items?.[t]?.key ?? String(t)) })) : e;
 }
-function Qdt(e) {
+function $dt(e) {
 	let { title: n, as: r = "h2", eyebrow: i, subtitle: a, align: o = "center", variant: s = "default", children: c, openItems: l, className: u = "", ...d } = e;
 	return U("AppSectionFaq", d), H("AppSectionFaq", "as", r, h9), H("AppSectionFaq", "align", o, g9), H("AppSectionFaq", "variant", s, _9), t(y9, {
 		component: "AppSectionFaq",
@@ -125515,17 +125530,17 @@ function Qdt(e) {
 		},
 		children: c != null && c !== !1 && t("div", {
 			className: "wui-section-faq-body",
-			children: Zdt(c, l)
+			children: Qdt(c, l)
 		})
 	});
 }
 //#endregion
 //#region dist/components/AppSectionFeatures.js
-var $dt = ["grid", "rows"];
-function eft(e) {
+var eft = ["grid", "rows"];
+function tft(e) {
 	let { title: r, items: i = [], layout: a = "grid", as: o = "h2", eyebrow: s, subtitle: c, align: l = "center", variant: u = "default", className: d = "", ...f } = e;
-	U("AppSectionFeatures", f), H("AppSectionFeatures", "layout", a, $dt), H("AppSectionFeatures", "as", o, h9), H("AppSectionFeatures", "align", l, g9), H("AppSectionFeatures", "variant", u, _9);
-	let p = v9(o, "h2"), m = Jdt(p);
+	U("AppSectionFeatures", f), H("AppSectionFeatures", "layout", a, eft), H("AppSectionFeatures", "as", o, h9), H("AppSectionFeatures", "align", l, g9), H("AppSectionFeatures", "variant", u, _9);
+	let p = v9(o, "h2"), m = Ydt(p);
 	return t(y9, {
 		component: "AppSectionFeatures",
 		kind: "features",
@@ -125574,9 +125589,9 @@ function eft(e) {
 }
 //#endregion
 //#region dist/components/AppSectionHero.js
-function tft(e) {
-	let { title: n, as: r = "h1", eyebrow: i, subtitle: a, align: o = "start", variant: s = "default", actions: c, media: l, className: u = "", ...d } = e;
-	return U("AppSectionHero", d), H("AppSectionHero", "as", r, h9), H("AppSectionHero", "align", o, g9), H("AppSectionHero", "variant", s, _9), t(y9, {
+function nft(e) {
+	let { title: n, as: r = "h1", eyebrow: i, subtitle: a, align: o = "start", variant: s = "default", eyebrowTone: c, actions: l, media: u, className: d = "", ...f } = e;
+	return U("AppSectionHero", f), H("AppSectionHero", "as", r, h9), H("AppSectionHero", "align", o, g9), H("AppSectionHero", "variant", s, _9), c !== void 0 && H("AppSectionHero", "eyebrowTone", c, Jdt), t(y9, {
 		component: "AppSectionHero",
 		kind: "hero",
 		title: n,
@@ -125585,22 +125600,23 @@ function tft(e) {
 		subtitle: a,
 		align: o,
 		variant: s,
-		actions: c,
-		className: u,
+		eyebrowTone: c,
+		actions: l,
+		className: d,
 		rest: {
 			...V("AppSectionHero", e),
-			...d
+			...f
 		},
-		children: l != null && l !== !1 && t("div", {
+		children: u != null && u !== !1 && t("div", {
 			className: "wui-section-media",
-			children: l
+			children: u
 		})
 	});
 }
 //#endregion
 //#region dist/components/AppSectionLogos.js
 var b9 = (e) => typeof e == "string" && e.trim() !== "" ? e : void 0;
-function nft(e) {
+function rft(e) {
 	let { title: n, items: r = [], as: i = "h2", eyebrow: a, subtitle: o, align: s = "center", variant: c = "default", className: l = "", ...u } = e;
 	U("AppSectionLogos", u), H("AppSectionLogos", "as", i, h9), H("AppSectionLogos", "align", s, g9), H("AppSectionLogos", "variant", c, _9);
 	for (let e of r) {
@@ -125624,7 +125640,7 @@ function nft(e) {
 		children: r.length > 0 && t("ul", {
 			className: "wui-section-logos-list",
 			children: r.map((e) => {
-				let n = b9(e.src), r = b9(e.name) ?? b9(e.label), i = n ? t(Ydt, {
+				let n = b9(e.src), r = b9(e.name) ?? b9(e.label), i = n ? t(Xdt, {
 					className: "wui-section-logo-img",
 					src: e.src,
 					alt: b9(e.alt) ?? r,
@@ -125647,7 +125663,7 @@ function nft(e) {
 }
 //#endregion
 //#region dist/components/AppSectionPricing.js
-function rft(e) {
+function ift(e) {
 	let { title: n, as: r = "h2", eyebrow: i, subtitle: a, align: o = "center", variant: s = "default", children: c, className: l = "", ...u } = e;
 	return U("AppSectionPricing", u), H("AppSectionPricing", "as", r, h9), H("AppSectionPricing", "align", o, g9), H("AppSectionPricing", "variant", s, _9), t(y9, {
 		component: "AppSectionPricing",
@@ -125671,7 +125687,7 @@ function rft(e) {
 }
 //#endregion
 //#region dist/components/AppSectionTestimonials.js
-function ift(e) {
+function aft(e) {
 	let { title: r, items: i = [], as: a = "h2", eyebrow: o, subtitle: s, align: c = "center", variant: l = "default", className: u = "", ...d } = e;
 	return U("AppSectionTestimonials", d), H("AppSectionTestimonials", "as", a, h9), H("AppSectionTestimonials", "align", c, g9), H("AppSectionTestimonials", "variant", l, _9), t(y9, {
 		component: "AppSectionTestimonials",
@@ -125696,7 +125712,7 @@ function ift(e) {
 					children: e.quote
 				}), n("figcaption", {
 					className: "wui-section-testimonial-author",
-					children: [e.avatar && t(Ydt, {
+					children: [e.avatar && t(Xdt, {
 						className: "wui-section-testimonial-avatar",
 						src: e.avatar,
 						alt: "",
@@ -125719,57 +125735,68 @@ function ift(e) {
 }
 //#endregion
 //#region dist/lib/navMatch.js
-var aft = /^[a-z][a-z0-9+.-]*:/i;
+var oft = /^[a-z][a-z0-9+.-]*:/i;
 function x9(e) {
 	if (typeof e != "string" || e.trim() === "") return null;
 	let t = e.trim(), n = t.search(/[?#]/);
-	if (n >= 0 && (t = t.slice(0, n)), t.startsWith("~/") && (t = t.slice(1)), t === "" || t.startsWith("//") || aft.test(t)) return null;
+	if (n >= 0 && (t = t.slice(0, n)), t.startsWith("~/") && (t = t.slice(1)), t === "" || t.startsWith("//") || oft.test(t)) return null;
 	for (t[0] !== "/" && (t = `/${t}`); t.length > 1 && t.endsWith("/");) t = t.slice(0, -1);
 	return t;
 }
-function oft(e, t, n) {
+function sft(e, t, n) {
 	return e.toLowerCase() === t.toLowerCase() ? !0 : n || t === "/" ? !1 : e.toLowerCase().startsWith(`${t.toLowerCase()}/`);
 }
-function sft(e, t) {
+function cft(e, t) {
 	return e == null || t == null ? e : e.toLowerCase() === t.toLowerCase() ? "/" : e.toLowerCase().startsWith(`${t.toLowerCase()}/`) ? e.slice(t.length) : e;
 }
-function cft(e, t, { exact: n = !1, also: r, pathBase: i } = {}) {
+function lft(e, t, { exact: n = !1, also: r, pathBase: i } = {}) {
 	let a = x9(e);
 	if (a == null) return -1;
 	let o = x9(i);
 	o === "/" && (o = null);
 	let s = -1, c = (e, t) => {
-		e != null && oft(a, e, t) && (s = Math.max(s, e.length));
+		e != null && sft(a, e, t) && (s = Math.max(s, e.length));
 	};
-	c(sft(x9(t), o), n);
-	for (let e of r ?? []) c(sft(x9(e), o), !1);
+	c(cft(x9(t), o), n);
+	for (let e of r ?? []) c(cft(x9(e), o), !1);
 	return s;
 }
 //#endregion
 //#region dist/lib/shellCookie.js
-var lft = "wui-shell-collapsed";
-function uft(e = lft, t = document) {
-	for (let n of t.cookie.split(";")) {
-		let t = n.indexOf("=");
-		if (t < 0 || n.slice(0, t).trim() !== e) continue;
-		let r = n.slice(t + 1).trim();
+var uft = "wui-shell-collapsed", dft = (e) => e instanceof DOMException && e.name === "SecurityError";
+function fft(e = uft, t = document) {
+	let n;
+	try {
+		n = t.cookie;
+	} catch (e) {
+		if (dft(e)) return null;
+		throw e;
+	}
+	for (let t of n.split(";")) {
+		let n = t.indexOf("=");
+		if (n < 0 || t.slice(0, n).trim() !== e) continue;
+		let r = t.slice(n + 1).trim();
 		return r === "1" || r !== "0" && null;
 	}
 	return null;
 }
-function dft(e, t = lft, n = document) {
-	n.cookie = `${t}=${e ? "1" : "0"}; Path=/; Max-Age=31536000; SameSite=Lax`;
+function pft(e, t = uft, n = document) {
+	try {
+		n.cookie = `${t}=${e ? "1" : "0"}; Path=/; Max-Age=31536000; SameSite=Lax`;
+	} catch (e) {
+		if (!dft(e)) throw e;
+	}
 }
 //#endregion
 //#region dist/components/AppShell.js
-var fft = 99, pft = 4, mft = 5, hft = ["prefix", "exact"], gft = ["comfortable", "compact"], _ft = ["default", "primary"], vft = [
+var mft = 99, hft = 4, gft = 5, _ft = ["prefix", "exact"], vft = ["comfortable", "compact"], yft = ["default", "primary"], bft = [
 	"linear",
 	"outline",
 	"bold",
 	"bulk",
 	"broken",
 	"twotone"
-], yft = /* @__PURE__ */ new Set([
+], xft = /* @__PURE__ */ new Set([
 	"key",
 	"label",
 	"icon",
@@ -125786,17 +125813,17 @@ var fft = 99, pft = 4, mft = 5, hft = ["prefix", "exact"], gft = ["comfortable",
 	"tab",
 	"tabLabel",
 	"children"
-]), S9 = (e) => e > fft ? `${fft}+` : String(e);
-function bft(e) {
+]), S9 = (e) => e > mft ? `${mft}+` : String(e);
+function Sft(e) {
 	let { groups: r = [], brand: i, sidebarStart: a, sidebarStartCompact: o, sidebarFooter: s, topbarStart: c, topbarEnd: l, footer: u, launcher: d, children: f, collapsed: p, onCollapsedChange: h, noSidebar: g = !1, density: _ = "comfortable", itemHeight: v, iconVariant: b, topbarTone: C = "default", navLabel: w = "Main navigation", linkComponent: T, currentPath: E, rememberCollapsed: D = !1, collapsedCookie: O = "wui-shell-collapsed", tabBarLabel: k = "Quick navigation", moreLabel: A = "More", userMenu: j, notifications: M, search: N, className: P = "", style: F, ...I } = e;
-	U("AppShell", I), H("AppShell", "density", _, gft), H("AppShell", "topbarTone", C, _ft), H("AppShell", "iconVariant", b, vft);
+	U("AppShell", I), H("AppShell", "density", _, vft), H("AppShell", "topbarTone", C, yft), H("AppShell", "iconVariant", b, bft);
 	let L = v > 0 ? {
 		...F,
 		"--wui-nav-item-height": `${v}px`
-	} : F, [R, ee] = S(() => D && p === void 0 && typeof document < "u" ? uft(O) ?? !1 : !1), [te, z] = S(!1), [ne, re] = S(!1), [ie, ae] = S(!1), B = x(null), oe = p ?? R, se = () => {
+	} : F, [R, ee] = S(() => D && p === void 0 && typeof document < "u" ? fft(O) ?? !1 : !1), [te, z] = S(!1), [ne, re] = S(!1), [ie, ae] = S(!1), B = x(null), oe = p ?? R, se = () => {
 		let e = !oe;
-		p === void 0 && ee(e), D && dft(e, O), h?.(e);
-	}, ce = y(() => xft(r, E), [r, E]), le = g ? null : Cft(ce);
+		p === void 0 && ee(e), D && pft(e, O), h?.(e);
+	}, ce = y(() => Cft(r, E), [r, E]), le = g ? null : Tft(ce);
 	return m(() => {
 		let e = () => re(window.scrollY > 4);
 		return e(), window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
@@ -125865,7 +125892,7 @@ function bft(e) {
 									className: "app-nav-group-label",
 									children: e.label
 								}),
-								e.items.map((e) => t(Eft, {
+								e.items.map((e) => t(Oft, {
 									item: e,
 									linkComponent: T,
 									onNavigate: () => z(!1),
@@ -125916,14 +125943,14 @@ function bft(e) {
 									})
 								}),
 								c,
-								N && t(jft, { config: N })
+								N && t(Nft, { config: N })
 							]
 						}), n("div", {
 							className: "app-topbar-end",
 							children: [
 								l,
-								M && t(kft, { config: M }),
-								j && t(Oft, {
+								M && t(jft, { config: M }),
+								j && t(Aft, {
 									config: j,
 									linkComponent: T
 								})
@@ -125948,7 +125975,7 @@ function bft(e) {
 			le && n("nav", {
 				className: "wui-tabbar",
 				"aria-label": k,
-				children: [le.tabs.map((e) => t(wft, {
+				children: [le.tabs.map((e) => t(Eft, {
 					tab: e,
 					linkComponent: T,
 					iconVariant: b
@@ -125978,7 +126005,7 @@ function bft(e) {
 		]
 	});
 }
-function xft(e, t) {
+function Cft(e, t) {
 	let n = (e) => (e ?? []).map((e) => Array.isArray(e.children) ? {
 		...e,
 		children: n(e.children)
@@ -125989,35 +126016,35 @@ function xft(e, t) {
 		for (let t of e) i.push(t), t.children && a(t.children);
 	};
 	for (let e of r) a(e.items);
-	for (let e of i) U("AppShell items", Sft(e)), H("AppShell", "match", e.match, hft), H("AppShell", "iconVariant", e.iconVariant, vft);
+	for (let e of i) U("AppShell items", wft(e)), H("AppShell", "match", e.match, _ft), H("AppShell", "iconVariant", e.iconVariant, bft);
 	let o = null;
 	if (t != null && !i.some((e) => e.active === !0)) {
 		let e = -1;
 		for (let n of i) {
 			if (n.active != null || n.children?.length && !n.href) continue;
-			let r = cft(t, n.href, {
+			let r = lft(t, n.href, {
 				exact: n.match === "exact",
 				also: n.matchAlso
 			});
 			if (r < 0) continue;
-			let i = n.match === "exact" && cft(t, n.href, { exact: !0 }) >= 0 ? Infinity : r;
+			let i = n.match === "exact" && lft(t, n.href, { exact: !0 }) >= 0 ? Infinity : r;
 			i > e && (e = i, o = n);
 		}
 	}
 	for (let e of i) e.active = e.active ?? e === o;
 	return r;
 }
-function Sft(e) {
-	return Object.fromEntries(Object.entries(e).filter(([e]) => !yft.has(e)));
+function wft(e) {
+	return Object.fromEntries(Object.entries(e).filter(([e]) => !xft.has(e)));
 }
-function Cft(e) {
+function Tft(e) {
 	let t = [], n = (e) => {
 		for (let r of e) r.children?.length ? n(r.children) : t.push(r);
 	};
 	for (let t of e) n(t.items);
 	let r = t.filter((e) => e.tab);
 	if (r.length === 0) return null;
-	let i = r.length < t.length, a = i ? pft : mft;
+	let i = r.length < t.length, a = i ? hft : gft;
 	if (r.length > a) throw Error(`<AppShell>: ${r.length} items carry tab: true, but the phone tab bar holds ${a} (${i ? "4 plus More, because other items exist" : "5 when every item is a tab"}). Flag fewer items.`);
 	return {
 		tabs: r,
@@ -126025,7 +126052,7 @@ function Cft(e) {
 		moreActive: t.some((e) => !e.tab && e.active)
 	};
 }
-function wft({ tab: r, linkComponent: i, iconVariant: a }) {
+function Eft({ tab: r, linkComponent: i, iconVariant: a }) {
 	let o = `wui-tabbar-item${r.active ? " active" : ""}`, s = n(e, { children: [
 		r.icon && t("span", {
 			className: "wui-tabbar-icon",
@@ -126057,15 +126084,15 @@ function wft({ tab: r, linkComponent: i, iconVariant: a }) {
 		children: s
 	});
 }
-function Tft(e) {
+function Dft(e) {
 	for (let t of e) {
 		if (t.active) return t;
-		let e = t.children?.length ? Tft(t.children) : void 0;
+		let e = t.children?.length ? Dft(t.children) : void 0;
 		if (e) return e;
 	}
 }
-function Eft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVariant: s }) {
-	let c = o > 0, l = o > 1 ? ` wui-nav-depth-${Math.min(o, 6)}` : "", u = Array.isArray(r.children) && r.children.length > 0, d = u ? Tft(r.children) : void 0, f = !!d, p = d ? d.key ?? d.href ?? d.label : null, [h, g] = S(f);
+function Oft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVariant: s }) {
+	let c = o > 0, l = o > 1 ? ` wui-nav-depth-${Math.min(o, 6)}` : "", u = Array.isArray(r.children) && r.children.length > 0, d = u ? Dft(r.children) : void 0, f = !!d, p = d ? d.key ?? d.href ?? d.label : null, [h, g] = S(f);
 	m(() => {
 		p != null && g(!0);
 	}, [p]);
@@ -126102,7 +126129,7 @@ function Eft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVaria
 			"aria-hidden": !h || void 0,
 			children: t("div", {
 				className: "app-nav-sub-inner",
-				children: r.children.map((e) => t(Eft, {
+				children: r.children.map((e) => t(Oft, {
 					item: e,
 					linkComponent: i,
 					onNavigate: a,
@@ -126181,7 +126208,7 @@ function Eft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVaria
 		children: b
 	});
 }
-function Dft() {
+function kft() {
 	let [e, t] = S(!1), n = x(null);
 	return m(() => {
 		if (!e) return;
@@ -126199,8 +126226,8 @@ function Dft() {
 		ref: n
 	};
 }
-function Oft({ config: r, linkComponent: i }) {
-	let a = h(), { open: o, setOpen: s, ref: c } = Dft(), { name: l, role: u, photo: d, profileHref: f, profileLabel: p = "My profile", onLogout: m, logoutAction: g, logoutLabel: _ = "Sign out", items: v = [] } = r;
+function Aft({ config: r, linkComponent: i }) {
+	let a = h(), { open: o, setOpen: s, ref: c } = kft(), { name: l, role: u, photo: d, profileHref: f, profileLabel: p = "My profile", onLogout: m, logoutAction: g, logoutLabel: _ = "Sign out", items: v = [] } = r;
 	if (!l) throw Error("<AppShell> userMenu.name is required; the trigger and the avatar are named from it.");
 	let y = () => s(!1), b = (e, n, r, a) => i ? t(i, {
 		className: "dropdown-item",
@@ -126311,8 +126338,8 @@ function Oft({ config: r, linkComponent: i }) {
 		})]
 	});
 }
-function kft({ config: r }) {
-	let i = h(), { open: a, setOpen: o, ref: s } = Dft(), { unread: c = 0, items: l, loading: u = !1, onOpen: d, onMarkAllRead: f, viewAllHref: p, label: g = "Notifications", emptyText: _ = "You are all caught up." } = r, [v, y] = S(""), b = x(c);
+function jft({ config: r }) {
+	let i = h(), { open: a, setOpen: o, ref: s } = kft(), { unread: c = 0, items: l, loading: u = !1, onOpen: d, onMarkAllRead: f, viewAllHref: p, label: g = "Notifications", emptyText: _ = "You are all caught up." } = r, [v, y] = S(""), b = x(c);
 	m(() => {
 		b.current !== c && (b.current = c, y(c === 0 ? "No unread notifications" : `${S9(c)} unread notifications`));
 	}, [c]);
@@ -126428,8 +126455,8 @@ function kft({ config: r }) {
 		]
 	});
 }
-var Aft = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName));
-function jft({ config: e }) {
+var Mft = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName));
+function Nft({ config: e }) {
 	let r = h(), { value: i = "", onChange: a, results: o = null, loading: s = !1, onSelect: c, onSubmit: l, placeholder: u = "Search" } = e, [d, f] = S(!1), [p, g] = S(!1), [_, v] = S({
 		results: null,
 		index: -1
@@ -126439,7 +126466,7 @@ function jft({ config: e }) {
 	}), w = x(null), T = x(null), E = x([]), D = y(() => (o ?? []).flatMap((e) => e.hits ?? []), [o]), O = o != null && !p, k = D.length;
 	m(() => {
 		let e = (e) => {
-			e.key !== "/" || e.ctrlKey || e.metaKey || e.altKey || Aft(e.target) || (e.preventDefault(), f(!0), T.current?.focus());
+			e.key !== "/" || e.ctrlKey || e.metaKey || e.altKey || Mft(e.target) || (e.preventDefault(), f(!0), T.current?.focus());
 		}, t = (e) => {
 			w.current?.contains(e.target) || (g(!0), f(!1));
 		};
@@ -126579,7 +126606,7 @@ Hs("wui-shortcuts", class extends Us {
 		};
 	}
 	connectedCallback() {
-		this._doc = this.ownerDocument, this._doc.addEventListener("keydown", this._onKeyDown), this._doc.addEventListener("click", this._onDocClick), this.addEventListener("click", this._onClick);
+		this._doc = this.ownerDocument, this._doc.addEventListener("keydown", this._onKeyDown), this._doc.addEventListener("click", this._onDocClick), this.addEventListener("click", this._onClick), this._place();
 	}
 	disconnectedCallback() {
 		this._doc?.removeEventListener("keydown", this._onKeyDown), this._doc?.removeEventListener("click", this._onDocClick), this.removeEventListener("click", this._onClick), this._doc = null;
@@ -126595,13 +126622,32 @@ Hs("wui-shortcuts", class extends Us {
 	setOpen(e, { focus: t = !0 } = {}) {
 		let n = this._sheet();
 		if (!n) return;
-		n.hidden = !e;
+		n.hidden = !e, e && this._place();
 		let r = this.querySelector(".wui-shortcut-toggle");
 		r?.setAttribute("aria-expanded", String(e)), t && (e ? n.querySelector(".wui-shortcut-close")?.focus() : r?.focus());
 	}
 	_sheet() {
 		return this.querySelector(".wui-shortcut-sheet");
 	}
+	_place() {
+		let e = this._sheet();
+		if (!e || e.hidden) return;
+		e.classList.remove("wui-shortcut-sheet-below", "wui-shortcut-sheet-start");
+		let t = this.ownerDocument.defaultView, n = {
+			top: 0,
+			left: 0,
+			right: t.innerWidth,
+			bottom: t.innerHeight
+		};
+		for (let e = this.parentElement; e && e !== this.ownerDocument.documentElement; e = e.parentElement) {
+			let r = t.getComputedStyle(e);
+			if (r.overflowX === "visible" && r.overflowY === "visible") continue;
+			let i = e.getBoundingClientRect();
+			n.top = Math.max(n.top, i.top), n.left = Math.max(n.left, i.left), n.right = Math.min(n.right, i.right), n.bottom = Math.min(n.bottom, i.bottom);
+		}
+		let r = e.getBoundingClientRect();
+		r.top < n.top && e.classList.add("wui-shortcut-sheet-below"), r.left < n.left && e.classList.add("wui-shortcut-sheet-start");
+	}
 	_scope() {
 		return this.closest(`[${he}]`);
 	}
@@ -126655,7 +126701,7 @@ Hs("wui-shortcuts", class extends Us {
 });
 //#endregion
 //#region dist/components/AppShortcutLegend.js
-function Mft(e) {
+function Pft(e) {
 	let { shortcuts: r = [], items: i, search: a, className: o = "", ...s } = e;
 	U("AppShortcutLegend", s);
 	let c = h(), l = x(null), u = r.filter((e) => De(e.key) !== "?"), d = x(u);
@@ -126720,7 +126766,7 @@ function Mft(e) {
 }
 //#endregion
 //#region ../elements/dist/WuiShowMore-D3VHRZJg.js
-var Nft = 3, Pft = "Show more", Fft = "Show less";
+var Fft = 3, Ift = "Show more", Lft = "Show less";
 //#endregion
 //#region ../elements/dist/elements/show-more.js
 Hs("wui-show-more", class extends Us {
@@ -126730,7 +126776,7 @@ Hs("wui-show-more", class extends Us {
 	connectedCallback() {
 		if (this._toggle = this.querySelector(".wui-show-more-toggle"), !this._toggle) return;
 		let e = Number.parseInt(this.getAttribute("lines"), 10);
-		this.style.setProperty("--wui-show-more-lines", String(e >= 1 ? e : Nft)), this._toggle.addEventListener("click", this._onClick), this._sync(), this._check(), typeof ResizeObserver < "u" && (this._observer = new ResizeObserver(() => {
+		this.style.setProperty("--wui-show-more-lines", String(e >= 1 ? e : Fft)), this._toggle.addEventListener("click", this._onClick), this._sync(), this._check(), typeof ResizeObserver < "u" && (this._observer = new ResizeObserver(() => {
 			this.clientWidth !== this._width && this._check();
 		}), this._observer.observe(this));
 	}
@@ -126748,7 +126794,7 @@ Hs("wui-show-more", class extends Us {
 	}
 	_sync() {
 		let e = this.expanded;
-		this._toggle.setAttribute("aria-expanded", String(e)), this._toggle.textContent = e ? this.getAttribute("less-label") || Fft : this.getAttribute("more-label") || Pft;
+		this._toggle.setAttribute("aria-expanded", String(e)), this._toggle.textContent = e ? this.getAttribute("less-label") || Lft : this.getAttribute("more-label") || Ift;
 	}
 	_check() {
 		let e = this.querySelector(".wui-show-more-body");
@@ -126762,7 +126808,7 @@ Hs("wui-show-more", class extends Us {
 });
 //#endregion
 //#region dist/components/AppShowMore.js
-function Ift(e) {
+function Rft(e) {
 	let { children: r, lines: i = 3, moreLabel: a = "Show more", lessLabel: o = "Show less", defaultExpanded: s = !1, id: c, className: l = "", ...u } = e;
 	U("AppShowMore", u);
 	let d = h(), f = c || `show-more-${d.replace(/:/g, "")}`, p = `${f}-body`, m = x(null), g = x(s);
@@ -126793,22 +126839,22 @@ function Ift(e) {
 }
 //#endregion
 //#region dist/components/AppSidebarMenu.js
-var Lft = {
+var zft = {
 	left: "start",
 	right: "end",
 	start: "start",
 	end: "end",
 	top: "top",
 	bottom: "bottom"
-}, Rft = {
+}, Bft = {
 	on: !0,
 	static: "static",
 	off: !1
 };
-function zft(e) {
+function Vft(e) {
 	let { show: r, onHide: i, side: a = "right", title: o, titleIcon: s, header: c, children: l, footer: u, width: d, maxWidth: f, backdrop: p = "on", scroll: m = !1, keyboard: h = !0, closeButton: g = !0, closeLabel: _ = "Close", responsive: v, className: y = "", bodyClassName: b = "", ariaLabel: x, ...S } = e;
-	U("AppSidebarMenu", S), H("AppSidebarMenu", "side", a, Object.keys(Lft)), H("AppSidebarMenu", "backdrop", p, Object.keys(Rft));
-	let { style: C, ...w } = S, T = Lft[a] || "end", E = d || f || C ? {
+	U("AppSidebarMenu", S), H("AppSidebarMenu", "side", a, Object.keys(zft)), H("AppSidebarMenu", "backdrop", p, Object.keys(Bft));
+	let { style: C, ...w } = S, T = zft[a] || "end", E = d || f || C ? {
 		...d && { "--asm-width": d },
 		...f && { "--asm-max-width": f },
 		...C
@@ -126819,7 +126865,7 @@ function zft(e) {
 		show: r,
 		onHide: i,
 		placement: T,
-		backdrop: Rft[p] ?? !0,
+		backdrop: Bft[p] ?? !0,
 		scroll: m,
 		keyboard: h,
 		responsive: v,
@@ -126870,7 +126916,7 @@ function zft(e) {
 }
 //#endregion
 //#region ../elements/dist/WuiSlider-IOqadOtK.js
-var Bft = class extends Us {
+var Hft = class extends Us {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -127011,7 +127057,7 @@ var Bft = class extends Us {
             aria-valuenow="${this._value}"
             aria-valuetext="${this._formatValue(this._value)}"
             ${a ? "disabled" : ""}
-            aria-label="${Vft(this.getAttribute("aria-label") || "Value")}"
+            aria-label="${Uft(this.getAttribute("aria-label") || "Value")}"
           ></button>
         `}
         </div>
@@ -127117,19 +127163,19 @@ var Bft = class extends Us {
 }, C9 = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, Vft = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}, Uft = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 //#endregion
 //#region ../elements/dist/elements/slider.js
-Hs("wui-slider", Bft);
+Hs("wui-slider", Hft);
 //#endregion
 //#region dist/components/AppSlider.js
-var Hft = [
+var Wft = [
 	"sm",
 	"md",
 	"lg"
-], Uft = u(function(e, r) {
+], Gft = u(function(e, r) {
 	let { value: i, start: a, end: o, range: s = !1, onChange: c, label: l, required: u = !1, hint: d, error: f, name: p, startName: g, endName: _, min: v = 0, max: y = 100, step: b = 1, disabled: x, size: S, showValue: C, unit: w, id: T, ariaLabel: E, className: D = "", fieldClassName: O = "", "data-canvas": k, ...A } = e;
-	U("AppSlider", A), H("AppSlider", "size", S, Hft);
+	U("AppSlider", A), H("AppSlider", "size", S, Wft);
 	let j = h(), M = T || j, N = s, { setRef: P, innerRef: F } = Ls({
 		ref: r,
 		value: N ? void 0 : i,
@@ -127187,7 +127233,7 @@ var Hft = [
 			})
 		]
 	});
-}), w9 = /* @__PURE__ */ new Set(), Wft = ".wui-sortable-handle", Gft = "a[href],button,input,select,textarea,label,summary,[contenteditable='true'],[role='button'],[role='link']", Kft = 4, qft = 8, Jft = 250, T9 = 48, Yft = 18, Xft = class extends Us {
+}), w9 = /* @__PURE__ */ new Set(), Kft = ".wui-sortable-handle", qft = "a[href],button,input,select,textarea,label,summary,[contenteditable='true'],[role='button'],[role='link']", Jft = 4, Yft = 8, Xft = 250, T9 = 48, Zft = 18, Qft = class extends Us {
 	static get observedAttributes() {
 		return ["name", "disabled"];
 	}
@@ -127270,10 +127316,10 @@ var Hft = [
 		if (this._drag || this._kb || this.hasAttribute("disabled") || e.pointerType === "mouse" && e.button !== 0) return;
 		let t = this._itemFrom(e.target);
 		if (!t || this._itemDisabled(t)) return;
-		let n = t.querySelector(`:scope > ${Wft}`), r = !!n && n.contains(e.target);
+		let n = t.querySelector(`:scope > ${Kft}`), r = !!n && n.contains(e.target);
 		if (this.hasAttribute("handle") && !r) return;
 		if (!r) {
-			let n = e.target.closest?.(Gft);
+			let n = e.target.closest?.(qft);
 			if (n && n !== t && t.contains(n)) return;
 		}
 		let i = e.pointerType === "touch" && !r, a = {
@@ -127283,7 +127329,7 @@ var Hft = [
 			startY: e.clientY,
 			x: e.clientX,
 			y: e.clientY,
-			slop: e.pointerType === "touch" ? qft : Kft,
+			slop: e.pointerType === "touch" ? Yft : Jft,
 			ready: !i,
 			started: !1,
 			timer: null,
@@ -127293,7 +127339,7 @@ var Hft = [
 		};
 		this._drag = a, i && (a.timer = setTimeout(() => {
 			a.timer = null, a.ready = !0, this._begin();
-		}, Jft)), document.addEventListener("pointermove", this._onDocMove), document.addEventListener("pointerup", this._onDocUp), document.addEventListener("pointercancel", this._onDocCancel), document.addEventListener("keydown", this._onDocKey, !0), document.addEventListener("touchmove", this._onDocTouchMove, { passive: !1 });
+		}, Xft)), document.addEventListener("pointermove", this._onDocMove), document.addEventListener("pointerup", this._onDocUp), document.addEventListener("pointercancel", this._onDocCancel), document.addEventListener("keydown", this._onDocKey, !0), document.addEventListener("touchmove", this._onDocTouchMove, { passive: !1 });
 	}
 	_onDocMove(e) {
 		let t = this._drag;
@@ -127349,7 +127395,7 @@ var Hft = [
 	_scrollTick() {
 		let e = this._drag;
 		if (!e?.started) return;
-		let t = Qft(e.list), n = t ? t.getBoundingClientRect() : null, r = Math.max(n?.top ?? 0, 0), i = Math.min(n?.bottom ?? window.innerHeight, window.innerHeight), a = Math.max(n?.left ?? 0, 0), o = Math.min(n?.right ?? window.innerWidth, window.innerWidth), s = Zft(e.y, r, i), c = Zft(e.x, a, o);
+		let t = ept(e.list), n = t ? t.getBoundingClientRect() : null, r = Math.max(n?.top ?? 0, 0), i = Math.min(n?.bottom ?? window.innerHeight, window.innerHeight), a = Math.max(n?.left ?? 0, 0), o = Math.min(n?.right ?? window.innerWidth, window.innerWidth), s = $ft(e.y, r, i), c = $ft(e.x, a, o);
 		(c || s) && (t ? (t.scrollTop += s, t.scrollLeft += c) : window.scrollBy(c, s), this._update()), e.raf = requestAnimationFrame(this._scrollTick);
 	}
 	_finish(e) {
@@ -127393,7 +127439,7 @@ var Hft = [
 	}
 	_onKeyDown(e) {
 		if (this.hasAttribute("disabled")) return;
-		let t = e.target.closest?.(Wft), n = t && t.parentElement?.parentElement === this ? t.parentElement : null;
+		let t = e.target.closest?.(Kft), n = t && t.parentElement?.parentElement === this ? t.parentElement : null;
 		if (!n || this._itemDisabled(n) || this._drag) return;
 		let r = e.key;
 		if (!this._kb) {
@@ -127452,10 +127498,10 @@ var Hft = [
 		e(), n && document.activeElement !== t && t.focus(), this._moving = !1;
 	}
 };
-function Zft(e, t, n) {
-	return e < t + T9 ? -Math.ceil(Yft * Math.min(1, (t + T9 - e) / T9)) : e > n - T9 ? Math.ceil(Yft * Math.min(1, (e - (n - T9)) / T9)) : 0;
+function $ft(e, t, n) {
+	return e < t + T9 ? -Math.ceil(Zft * Math.min(1, (t + T9 - e) / T9)) : e > n - T9 ? Math.ceil(Zft * Math.min(1, (e - (n - T9)) / T9)) : 0;
 }
-function Qft(e) {
+function ept(e) {
 	for (let t = e.parentElement; t && t !== document.body && t !== document.documentElement; t = t.parentElement) {
 		let e = getComputedStyle(t), n = /(auto|scroll)/.test(e.overflowY) && t.scrollHeight > t.clientHeight, r = /(auto|scroll)/.test(e.overflowX) && t.scrollWidth > t.clientWidth;
 		if (n || r) return t;
@@ -127464,16 +127510,16 @@ function Qft(e) {
 }
 //#endregion
 //#region ../elements/dist/elements/sortable.js
-Hs("wui-sortable", Xft);
+Hs("wui-sortable", Qft);
 //#endregion
 //#region dist/components/AppSortableList.js
-var $ft = ["vertical", "horizontal"], ept = (e, t) => {
+var tpt = ["vertical", "horizontal"], npt = (e, t) => {
 	e.controlled = !0;
 	let n = e.order;
 	(n.length !== t.length || t.some((e, t) => e !== n[t])) && (e.order = t);
-}, tpt = u(function(e, r) {
+}, rpt = u(function(e, r) {
 	let { items: i = [], onReorder: a, ariaLabel: o, handle: s = !1, group: c, name: l, disabled: u = !1, orientation: d = "vertical", className: f = "", ...p } = e;
-	U("AppSortableList", p), H("AppSortableList", "orientation", d, $ft);
+	U("AppSortableList", p), H("AppSortableList", "orientation", d, tpt);
 	let h = i.map((e) => e.id), g = x(h);
 	m(() => {
 		g.current = h;
@@ -127481,10 +127527,10 @@ var $ft = ["vertical", "horizontal"], ept = (e, t) => {
 	let { setRef: _, innerRef: v } = Ls({
 		ref: r,
 		value: h,
-		writeValue: ept,
+		writeValue: npt,
 		on: { "wui-sortable:change": (e) => {
 			e.target === e.currentTarget && (a?.(e.detail.ids, e.detail), requestAnimationFrame(() => {
-				v.current && ept(v.current, g.current);
+				v.current && npt(v.current, g.current);
 			}));
 		} }
 	});
@@ -127521,7 +127567,7 @@ var $ft = ["vertical", "horizontal"], ept = (e, t) => {
 			})]
 		}, e.id))
 	});
-}), npt = [
+}), ipt = [
 	"bar",
 	"ring",
 	"dots"
@@ -127530,9 +127576,9 @@ var $ft = ["vertical", "horizontal"], ept = (e, t) => {
 	md: 56,
 	lg: 72
 };
-function rpt(e) {
+function apt(e) {
 	let { logo: r, initials: i, text: a, subtext: o, variant: s = "bar", size: c = "md", label: l = "Loading", className: u = "", ...d } = e;
-	U("AppSplash", d), H("AppSplash", "variant", s, npt), H("AppSplash", "size", typeof c == "string" ? c : null, Object.keys(E9));
+	U("AppSplash", d), H("AppSplash", "variant", s, ipt), H("AppSplash", "size", typeof c == "string" ? c : null, Object.keys(E9));
 	let { style: f, ...p } = d, m = typeof c == "number" ? c : E9[c] ?? E9.md, h = s === "ring" ? t("span", {
 		className: "splash-ring",
 		"aria-hidden": "true"
@@ -127581,34 +127627,34 @@ function rpt(e) {
 }
 //#endregion
 //#region dist/components/AppSplitButton.js
-var ipt = [
+var opt = [
 	"sm",
 	"md",
 	"lg"
-], apt = [
+], spt = [
 	"button",
 	"submit",
 	"reset"
-], opt = {
+], cpt = {
 	sm: 14,
 	md: 16,
 	lg: 20
-}, spt = {
+}, lpt = {
 	sm: "btn-sm",
 	md: "",
 	lg: "btn-lg"
 };
-function cpt(e) {
+function upt(e) {
 	let { label: r, items: i = [], onClick: a, href: o, type: s = "button", variant: c = "primary", size: l = "md", disabled: u = !1, loading: d = !1, leftIcon: f, shortcut: p, menuLabel: m = "More actions", align: h = "end", linkComponent: g, className: _ = "", ...v } = e;
-	U("AppSplitButton", v), H("AppSplitButton", "size", l, ipt), H("AppSplitButton", "type", s, apt);
+	U("AppSplitButton", v), H("AppSplitButton", "size", l, opt), H("AppSplitButton", "type", s, spt);
 	let y = [
 		"btn",
 		vpe(c),
-		spt[l] ?? "",
+		lpt[l] ?? "",
 		"wui-split-toggle"
 	].filter(Boolean).join(" "), b = t(W, {
 		name: "chevron-down",
-		size: opt[l] ?? opt.md
+		size: cpt[l] ?? cpt.md
 	}), x = u || d;
 	return n("div", {
 		role: "group",
@@ -127656,21 +127702,21 @@ var D9 = {
 	lg: 992,
 	xl: 1200,
 	xxl: 1400
-}, lpt = Object.keys(D9), upt = [
+}, dpt = Object.keys(D9), fpt = [
 	3,
 	4,
 	5,
 	6,
 	7,
 	8
-], dpt = 6, fpt = ".wui-split-items > .wui-split-item > .wui-split-link", ppt = (e, t) => e != null && String(e) === String(t), mpt = (e) => {
+], ppt = 6, mpt = ".wui-split-items > .wui-split-item > .wui-split-link", hpt = (e, t) => e != null && String(e) === String(t), gpt = (e) => {
 	let t = window.matchMedia?.(`(min-width: ${D9[e]}px)`);
 	return !t || t.matches;
-}, hpt = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "item";
-function gpt(r) {
+}, _pt = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "item";
+function vpt(r) {
 	let { items: i = [], currentKey: a, onSelect: o, selectable: s = !1, selectedKeys: c, onToggle: l, onToggleAll: u, bulkActions: d, header: f, chips: p, pane: h, paneHeader: g, pager: _ = !0, shortcuts: v, shortcutsEnabled: b = !0, empty: S = "Nothing here yet.", loading: C = !1, listWidth: w = 5, stackBelow: T = "xl", className: E = "", ...D } = r, O = y(() => new Set(c), [c]);
-	U("AppSplitView", D), H("AppSplitView", "stackBelow", T, lpt), H("AppSplitView", "listWidth", w, upt);
-	let k = D9[T] ? T : "xl", A = upt.includes(w) ? w : 5, j = x(null), M = a != null, N = s ? O?.size ?? 0 : 0, P = N > 0, F = s && i.length > 0 && i.every((e) => O?.has(e.key)), I = s && !F && i.some((e) => O?.has(e.key)), L = (e) => {
+	U("AppSplitView", D), H("AppSplitView", "stackBelow", T, dpt), H("AppSplitView", "listWidth", w, fpt);
+	let k = D9[T] ? T : "xl", A = fpt.includes(w) ? w : 5, j = x(null), M = a != null, N = s ? O?.size ?? 0 : 0, P = N > 0, F = s && i.length > 0 && i.every((e) => O?.has(e.key)), I = s && !F && i.some((e) => O?.has(e.key)), L = (e) => {
 		e && (e.indeterminate = I);
 	}, R = x(!1);
 	m(() => {
@@ -127681,9 +127727,9 @@ function gpt(r) {
 		a != null && j.current?.querySelector(".wui-split-link[aria-current=\"true\"]")?.scrollIntoView?.({ block: "nearest" });
 	}, [a]);
 	let ee = (e, t) => {
-		t.button > 0 || t.ctrlKey || t.metaKey || t.shiftKey || t.altKey || o && (e.href && !mpt(k) || (t.preventDefault(), o(e.key)));
+		t.button > 0 || t.ctrlKey || t.metaKey || t.shiftKey || t.altKey || o && (e.href && !gpt(k) || (t.preventDefault(), o(e.key)));
 	}, te = (e) => {
-		let t = [...j.current?.querySelectorAll(fpt) ?? []];
+		let t = [...j.current?.querySelectorAll(mpt) ?? []];
 		t[t.findIndex((e) => e.getAttribute("aria-current") === "true") + e]?.click();
 	}, z = [
 		"wui-split-view",
@@ -127699,7 +127745,7 @@ function gpt(r) {
 		key: e.key,
 		label: e.label,
 		onPress: () => e.onPress?.(a)
-	}))], ae = i.findIndex((e) => ppt(a, e.key)), B = _ && !C && i.length > 0 ? t(A7e, {
+	}))], ae = i.findIndex((e) => hpt(a, e.key)), B = _ && !C && i.length > 0 ? t(A7e, {
 		"data-split-pager": "",
 		index: ae >= 0 ? ae + 1 : void 0,
 		total: i.length,
@@ -127708,7 +127754,7 @@ function gpt(r) {
 		prevLabel: "Previous item",
 		nextLabel: "Next item"
 	}) : null, oe = (r) => {
-		let i = ppt(a, r.key), o = s && !!O?.has(r.key), c = r.badge !== void 0 && r.badge !== null && r.badge !== "", u = n(e, { children: [n("span", {
+		let i = hpt(a, r.key), o = s && !!O?.has(r.key), c = r.badge !== void 0 && r.badge !== null && r.badge !== "", u = n(e, { children: [n("span", {
 			className: "wui-split-item-main",
 			children: [t("span", {
 				className: "wui-split-item-title",
@@ -127736,7 +127782,7 @@ function gpt(r) {
 				className: "wui-check wui-split-check",
 				checked: o,
 				onChange: () => l?.(r.key),
-				"aria-label": `Select ${hpt(r.title)}`
+				"aria-label": `Select ${_pt(r.title)}`
 			}), r.href ? t("a", {
 				className: "wui-split-link",
 				href: r.href,
@@ -127759,7 +127805,7 @@ function gpt(r) {
 		children: [t("span", {
 			className: "visually-hidden",
 			children: "Loading"
-		}), Array.from({ length: dpt }, (e, r) => n("div", {
+		}), Array.from({ length: ppt }, (e, r) => n("div", {
 			className: "wui-split-skeleton",
 			"aria-hidden": "true",
 			children: [t("span", { className: "skeleton wui-split-skeleton-title" }), t("span", { className: "skeleton wui-split-skeleton-meta" })]
@@ -127833,8 +127879,8 @@ function gpt(r) {
 							className: "wui-kbd",
 							children: "Enter"
 						}), " Open"] }),
-						t(Mft, {
-							items: fpt,
+						t(Pft, {
+							items: mpt,
 							shortcuts: ie
 						})
 					]
@@ -127856,7 +127902,7 @@ function gpt(r) {
 }
 //#endregion
 //#region dist/components/AppStatusBadge.js
-var _pt = [
+var ypt = [
 	"neutral",
 	"primary",
 	"success",
@@ -127864,9 +127910,9 @@ var _pt = [
 	"danger",
 	"info"
 ];
-function vpt(e) {
+function bpt(e) {
 	let { label: n, tone: r = "neutral", className: i = "", tooltip: a, tooltipPlacement: o, ...s } = e;
-	return U("AppStatusBadge", s), H("AppStatusBadge", "tone", r, _pt), n == null || n === "" ? "-" : Ko(t("span", {
+	return U("AppStatusBadge", s), H("AppStatusBadge", "tone", r, ypt), n == null || n === "" ? "-" : Ko(t("span", {
 		className: `status-label ${r}${i ? ` ${i}` : ""}`,
 		...V("AppStatusBadge", e),
 		...s,
@@ -127875,47 +127921,47 @@ function vpt(e) {
 }
 //#endregion
 //#region dist/components/AppStepper.js
-var ypt = ["steps", "journey"], bpt = ["horizontal", "vertical"], xpt = [
+var xpt = ["steps", "journey"], Spt = ["horizontal", "vertical"], Cpt = [
 	"linear",
 	"outline",
 	"bold",
 	"bulk",
 	"broken",
 	"twotone"
-], Spt = [
+], wpt = [
 	"sm",
 	"md",
 	"lg"
-], Cpt = ["primary", "info"], wpt = {
+], Tpt = ["primary", "info"], Ept = {
 	sm: 12,
 	md: 14,
 	lg: 18
-}, Tpt = [
+}, Dpt = [
 	"done",
 	"active",
 	"pending",
 	"error"
 ];
-function Ept(r) {
+function Opt(r) {
 	let { steps: i = [], variant: a = "steps", orientation: o = "horizontal", iconVariant: s, size: c = "md", iconSize: l, activeStep: u, onStepClick: d, label: f = "Progress", tone: p = "primary", linkComponent: m, className: h = "", ...g } = r;
-	U("AppStepper", g), H("AppStepper", "variant", a, ypt), H("AppStepper", "orientation", o, bpt), H("AppStepper", "iconVariant", s, xpt), H("AppStepper", "size", c, Spt), H("AppStepper", "tone", p, Cpt);
-	let _ = l > 0 ? l : wpt[c] ?? wpt.md;
-	for (let e of i) H("AppStepper", "steps[].status", e.status, Tpt);
+	U("AppStepper", g), H("AppStepper", "variant", a, xpt), H("AppStepper", "orientation", o, Spt), H("AppStepper", "iconVariant", s, Cpt), H("AppStepper", "size", c, wpt), H("AppStepper", "tone", p, Tpt);
+	let _ = l > 0 ? l : Ept[c] ?? Ept.md;
+	for (let e of i) H("AppStepper", "steps[].status", e.status, Dpt);
 	let v = a === "journey";
 	return t("nav", {
 		className: [
 			"stepper",
 			v && "stepper-journey",
 			o === "vertical" && "stepper-vertical",
-			c !== "md" && Spt.includes(c) && `wui-step-size-${c}`,
-			p !== "primary" && Cpt.includes(p) && `wui-step-tone-${p}`,
+			c !== "md" && wpt.includes(c) && `wui-step-size-${c}`,
+			p !== "primary" && Tpt.includes(p) && `wui-step-tone-${p}`,
 			h
 		].filter(Boolean).join(" "),
 		"aria-label": f,
 		...V("AppStepper", r),
 		...g,
 		children: i.map((r, a) => {
-			let o = r.status || Dpt(a, u), c = `step${o === "pending" ? "" : ` ${o}`}`, l;
+			let o = r.status || kpt(a, u), c = `step${o === "pending" ? "" : ` ${o}`}`, l;
 			l = o === "done" ? t(W, {
 				name: "check",
 				size: _,
@@ -127982,12 +128028,12 @@ function Ept(r) {
 		})
 	});
 }
-function Dpt(e, t) {
+function kpt(e, t) {
 	return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
 }
 //#endregion
 //#region dist/components/AppTableEmptyState.js
-function Opt(e) {
+function Apt(e) {
 	let { icon: r, illustration: i, title: a, text: o, action: s, ...c } = e;
 	U("AppTableEmptyState", c), typeof i == "string" && H("AppTableEmptyState", "illustration", i, ws);
 	let l = typeof i == "string" && ws.includes(i), u = i != null && typeof i != "string" ? i : null;
@@ -128024,7 +128070,7 @@ function Opt(e) {
 }
 //#endregion
 //#region dist/components/AppTableToolbar.js
-function kpt(e) {
+function jpt(e) {
 	let { filters: r, actions: i, selectedCount: a = 0, bulkActions: o, onClearSelection: s, totalCount: c, pageCount: l, onSelectAllMatching: u, allMatchingSelected: d = !1, className: f = "", ...p } = e;
 	U("AppTableToolbar", p);
 	let m = a > 0, h = typeof u == "function" && typeof c == "number", g = h && d, _ = (e) => Ye(e, { decimals: 0 }), v = h && !g && m && a >= (l ?? 1) && c > (l ?? a);
@@ -128075,20 +128121,20 @@ function kpt(e) {
 }
 //#endregion
 //#region dist/components/AppTabs.js
-var Apt = ["underline", "pills"], jpt = ["horizontal", "vertical"], Mpt = [
+var Mpt = ["underline", "pills"], Npt = ["horizontal", "vertical"], Ppt = [
 	"sm",
 	"md",
 	"lg"
-], Npt = ["automatic", "manual"], Ppt = ["scroll", "menu"], Fpt = [
+], Fpt = ["automatic", "manual"], Ipt = ["scroll", "menu"], Lpt = [
 	"success",
 	"warning",
 	"danger",
 	"info"
-], O9 = 1, Ipt = 28, Lpt = .7;
-function Rpt(r) {
+], O9 = 1, Rpt = 28, zpt = .7;
+function Bpt(r) {
 	let { tabs: i, value: a, onChange: o, linkComponent: c, variant: l = "underline", orientation: u = "horizontal", size: d = "md", fitted: p = !1, overflow: h = "scroll", moreLabel: g = "More", maxVisible: _, activation: y = "automatic", ariaLabel: b, className: C = "", style: w, "data-canvas": T, ...E } = r;
-	U("AppTabs", E), H("AppTabs", "variant", l, Apt), H("AppTabs", "orientation", u, jpt), H("AppTabs", "size", d, Mpt), H("AppTabs", "activation", y, Npt), H("AppTabs", "overflow", h, Ppt);
-	for (let e of i) H("AppTabs", "tabs[].tone", e.tone, Fpt);
+	U("AppTabs", E), H("AppTabs", "variant", l, Mpt), H("AppTabs", "orientation", u, Npt), H("AppTabs", "size", d, Ppt), H("AppTabs", "activation", y, Fpt), H("AppTabs", "overflow", h, Ipt);
+	for (let e of i) H("AppTabs", "tabs[].tone", e.tone, Lpt);
 	let D = x(null), O = x(null), k = u === "vertical", A = (h === "menu" || _ != null) && !k, [j, M] = S(a);
 	m(() => {
 		M(a);
@@ -128115,7 +128161,7 @@ function Rpt(r) {
 		if (!e || k) return;
 		let t = e.querySelector(".app-tab.active");
 		if (!t) return;
-		let n = Ipt, r = t.offsetLeft, i = r + t.offsetWidth;
+		let n = Rpt, r = t.offsetLeft, i = r + t.offsetWidth;
 		r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
 	}, [k]);
 	v(() => {
@@ -128163,7 +128209,7 @@ function Rpt(r) {
 	}
 	let ie = (e) => {
 		let t = D.current;
-		t && t.scrollBy({ left: e * t.clientWidth * Lpt });
+		t && t.scrollBy({ left: e * t.clientWidth * zpt });
 	}, ae = [
 		"app-tabs",
 		l === "pills" ? "app-tabs-pills" : "",
@@ -128285,7 +128331,7 @@ function Rpt(r) {
 }
 //#endregion
 //#region ../elements/dist/WuiTagInput-oJliYC-h.js
-var zpt = class extends Us {
+var Vpt = class extends Us {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Add tags";
@@ -128366,7 +128412,7 @@ var zpt = class extends Us {
 		let e = this.querySelector("[data-chips]");
 		if (e) {
 			for (let t of e.querySelectorAll(":scope > .chip")) t.remove();
-			this._values.length && e.querySelector("[data-input]").insertAdjacentHTML("beforebegin", this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Bpt(e)}</span><button type="button" class="chip-remove" data-remove="${k9(e)}" aria-label="Remove ${k9(e)}">${at("x")}</button></span>`).join(""));
+			this._values.length && e.querySelector("[data-input]").insertAdjacentHTML("beforebegin", this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Hpt(e)}</span><button type="button" class="chip-remove" data-remove="${k9(e)}" aria-label="Remove ${k9(e)}">${at("x")}</button></span>`).join(""));
 		}
 	}
 	_wire() {
@@ -128437,15 +128483,15 @@ var zpt = class extends Us {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Bpt = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), k9 = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}, Hpt = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), k9 = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 //#endregion
 //#region ../elements/dist/elements/taginput.js
-Hs("wui-taginput", zpt);
+Hs("wui-taginput", Vpt);
 //#endregion
 //#region dist/components/AppTagInput.js
-var Vpt = ["sm", "lg"], Hpt = u(function(e, r) {
+var Upt = ["sm", "lg"], Wpt = u(function(e, r) {
 	let { values: i, onChange: a, placeholder: o = "Add…", name: s, label: c, error: l, hint: u, required: d = !1, size: f, maxTags: p, allowDuplicates: m = !1, disabled: g = !1, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", help: x, helpLabel: S = "More information", "data-canvas": C, ...w } = e;
-	U("AppTagInput", w), H("AppTagInput", "size", f, Vpt);
+	U("AppTagInput", w), H("AppTagInput", "size", f, Upt);
 	let T = h(), E = _ || T, { setRef: D } = Ls({
 		ref: r,
 		value: i,
@@ -128493,7 +128539,7 @@ var Vpt = ["sm", "lg"], Hpt = u(function(e, r) {
 			})
 		]
 	});
-}), Upt = u(function(e, r) {
+}), Gpt = u(function(e, r) {
 	let { label: i, required: a = !1, error: o, hint: s, help: c, helpLabel: l = "More information", id: u, name: d, rows: p = 4, autoGrow: g = !1, showCount: _ = !1, maxLength: y, disabled: b = !1, readOnly: C = !1, className: w = "", fieldClassName: T = "", "data-canvas": E, ...D } = e;
 	U("AppTextarea", D);
 	let O = h(), k = u || O, A = [
@@ -128569,19 +128615,19 @@ var Vpt = ["sm", "lg"], Hpt = u(function(e, r) {
 	light: "sun",
 	dark: "moon",
 	auto: "monitor"
-}, Wpt = {
+}, Kpt = {
 	light: "light",
 	dark: "dark",
 	auto: "follows your device"
-}, Gpt = ["icon", "segmented"], j9 = {
+}, qpt = ["icon", "segmented"], j9 = {
 	sm: 16,
 	md: 20,
 	lg: 24,
 	xl: 28
 };
-function Kpt(e) {
+function Jpt(e) {
 	let { variant: n = "icon", effect: r = qee, includeAuto: i = !0, storageKey: a = fn, duration: o, label: s = "Theme", lightLabel: c = "Light", darkLabel: l = "Dark", autoLabel: u = "System", name: d, size: p = "md", tooltipPlacement: g = "auto", onChange: _, className: v = "", ...y } = e;
-	U("AppThemeToggle", y), H("AppThemeToggle", "variant", n, Gpt), H("AppThemeToggle", "effect", r, Kee), H("AppThemeToggle", "size", p, Object.keys(j9));
+	U("AppThemeToggle", y), H("AppThemeToggle", "variant", n, qpt), H("AppThemeToggle", "effect", r, Kee), H("AppThemeToggle", "size", p, Object.keys(j9));
 	let b = f((e) => e === "auto" && !i ? mn(e) : e, [i]), [x, C] = S(() => b(typeof window > "u" ? "auto" : $ee(a))), w = h(), T = d || w;
 	m(() => {
 		let e = document.documentElement.getAttribute("data-theme");
@@ -128655,7 +128701,7 @@ function Kpt(e) {
 	return t(fs, {
 		...V("AppThemeToggle", e),
 		icon: A9[x],
-		label: `${s}: ${Wpt[x]}`,
+		label: `${s}: ${Kpt[x]}`,
 		size: j9[p] ?? j9.md,
 		tooltipPlacement: g,
 		onClick: (e) => D(tte(x, { includeAuto: i }), e.currentTarget),
@@ -128664,28 +128710,28 @@ function Kpt(e) {
 }
 //#endregion
 //#region dist/components/AppTimeline.js
-var qpt = [
+var Ypt = [
 	"feed",
 	"progress",
 	"steps"
-], Jpt = ["vertical", "horizontal"], Ypt = [
+], Xpt = ["vertical", "horizontal"], Zpt = [
 	"linear",
 	"outline",
 	"bold",
 	"bulk",
 	"broken",
 	"twotone"
-], Xpt = [
+], Qpt = [
 	"neutral",
 	"success",
 	"warning",
 	"danger",
 	"info"
-], Zpt = [
+], $pt = [
 	"sm",
 	"md",
 	"lg"
-], Qpt = {
+], emt = {
 	done: "check",
 	current: "clock",
 	"on-hold": "lock",
@@ -128693,23 +128739,23 @@ var qpt = [
 	cancelled: "minus",
 	skipped: "arrow-right",
 	upcoming: null
-}, $pt = (e) => typeof e == "string" && (/^https?:[/][/]/i.test(e) || e.startsWith("/") && e[1] !== "/" && e[1] !== "\\") && ![...e].some((e) => e.charCodeAt(0) <= 32 || e.charCodeAt(0) === 127);
-function emt(e) {
+}, tmt = (e) => typeof e == "string" && (/^https?:[/][/]/i.test(e) || e.startsWith("/") && e[1] !== "/" && e[1] !== "\\") && ![...e].some((e) => e.charCodeAt(0) <= 32 || e.charCodeAt(0) === 127);
+function nmt(e) {
 	if (!(e.byHref == null || e.byHref === "")) {
-		if (!$pt(e.byHref)) throw Error("<AppTimeline> items[].byHref must be a path starting with one '/', or an http:// or https:// address, with no spaces.");
+		if (!tmt(e.byHref)) throw Error("<AppTimeline> items[].byHref must be a path starting with one '/', or an http:// or https:// address, with no spaces.");
 		if (!e.by) throw Error("<AppTimeline> items[].byHref links the by name, so the item needs by.");
 	}
 }
-var tmt = (e) => e.byHref ? t("a", {
+var rmt = (e) => e.byHref ? t("a", {
 	className: "timeline-by-link",
 	href: e.byHref,
 	children: e.by
 }) : e.by;
-function nmt(e) {
+function imt(e) {
 	let { items: r = [], variant: i = "feed", orientation: a, iconVariant: o, size: s, className: c = "", style: l, ...u } = e;
-	U("AppTimeline", u), H("AppTimeline", "variant", i, qpt), H("AppTimeline", "orientation", a, Jpt), H("AppTimeline", "iconVariant", o, Ypt), H("AppTimeline", "size", typeof s == "string" ? s : null, Zpt);
-	for (let e of r) H("AppTimeline", "items[].tone", e.tone, Xpt), emt(e), i === "progress" && H("AppTimeline", "items[].status", e.status, Object.keys(Qpt));
-	let d = i === "progress", f = i === "steps", p = a === "horizontal", m = o ?? (f ? "bulk" : void 0), h = typeof s == "string" && Zpt.includes(s) ? s : "md", g = typeof s == "number" && s > 0 ? s : void 0, _ = !g && h !== "md" ? ` wui-timeline--${h}` : "", v = `${f ? `timeline wui-timeline--steps${a === "vertical" ? " wui-timeline--steps-vertical" : ""}` : `timeline${d ? " timeline--progress" : ""}${p ? " timeline--horizontal" : ""}`}${_}${c ? ` ${c}` : ""}`, y = f ? g ? Math.round(g * .43) : {
+	U("AppTimeline", u), H("AppTimeline", "variant", i, Ypt), H("AppTimeline", "orientation", a, Xpt), H("AppTimeline", "iconVariant", o, Zpt), H("AppTimeline", "size", typeof s == "string" ? s : null, $pt);
+	for (let e of r) H("AppTimeline", "items[].tone", e.tone, Qpt), nmt(e), i === "progress" && H("AppTimeline", "items[].status", e.status, Object.keys(emt));
+	let d = i === "progress", f = i === "steps", p = a === "horizontal", m = o ?? (f ? "bulk" : void 0), h = typeof s == "string" && $pt.includes(s) ? s : "md", g = typeof s == "number" && s > 0 ? s : void 0, _ = !g && h !== "md" ? ` wui-timeline--${h}` : "", v = `${f ? `timeline wui-timeline--steps${a === "vertical" ? " wui-timeline--steps-vertical" : ""}` : `timeline${d ? " timeline--progress" : ""}${p ? " timeline--horizontal" : ""}`}${_}${c ? ` ${c}` : ""}`, y = f ? g ? Math.round(g * .43) : {
 		sm: 19,
 		md: 24,
 		lg: 31
@@ -128762,7 +128808,7 @@ function nmt(e) {
 					})]
 				}, e.key ?? `${e.at}-${r}`);
 			}
-			let a = d ? e.status : void 0, o = a ? ` is-${a}` : "", s = d ? e.icon ?? (a ? Qpt[a] : void 0) : e.icon || "circle";
+			let a = d ? e.status : void 0, o = a ? ` is-${a}` : "", s = d ? e.icon ?? (a ? emt[a] : void 0) : e.icon || "circle";
 			return n("li", {
 				className: `timeline-item${o}${i}`,
 				children: [t("span", {
@@ -128813,14 +128859,14 @@ function nmt(e) {
 								})]
 							}), e.by && t("span", {
 								className: "timeline-by",
-								children: tmt(e)
+								children: rmt(e)
 							})]
 						}),
 						d && e.by && t("div", {
 							className: "timeline-meta",
 							children: t("span", {
 								className: "timeline-by",
-								children: tmt(e)
+								children: rmt(e)
 							})
 						}),
 						e.note && t("p", {
@@ -128835,7 +128881,7 @@ function nmt(e) {
 }
 //#endregion
 //#region ../elements/dist/WuiTimePicker-CDcjvxR9.js
-var M9 = (e) => String(e).padStart(2, "0"), rmt = (e, t) => `${M9(e)}:${M9(t)}`, N9 = (e) => {
+var M9 = (e) => String(e).padStart(2, "0"), amt = (e, t) => `${M9(e)}:${M9(t)}`, N9 = (e) => {
 	let t = /^(\d{2}):(\d{2})$/.exec(e || "");
 	return t ? {
 		h: +t[1],
@@ -128843,10 +128889,10 @@ var M9 = (e) => String(e).padStart(2, "0"), rmt = (e, t) => `${M9(e)}:${M9(t)}`,
 	} : null;
 }, P9 = (e, t = "24") => {
 	if (!e) return "";
-	if (t === "24") return rmt(e.h, e.m);
+	if (t === "24") return amt(e.h, e.m);
 	let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
 	return `${n}:${M9(e.m)} ${r}`;
-}, imt = (e) => {
+}, omt = (e) => {
 	let t = String(e || "").trim().toLowerCase(), n = /^(\d{1,2})(?:[:.](\d{2})|(\d{2}))?\s*(?:([ap])\.?\s*(?:m\.?)?)?$/.exec(t);
 	if (!n) return null;
 	let r = +n[1], i = +(n[2] ?? n[3] ?? "0");
@@ -128859,7 +128905,7 @@ var M9 = (e) => String(e).padStart(2, "0"), rmt = (e, t) => `${M9(e)}:${M9(t)}`,
 		h: r,
 		m: i
 	};
-}, amt = 0;
+}, smt = 0;
 //#endregion
 //#region ../elements/dist/elements/timepicker.js
 Hs("wui-timepicker", class extends Us {
@@ -128887,7 +128933,7 @@ Hs("wui-timepicker", class extends Us {
 		} catch {
 			this._internals = null;
 		}
-		this._value = "", this._uid = `wui-tp-${++amt}`, this._typedError = "", this._typeahead = "", this._typeaheadTimer = null, this.addEventListener("focusout", (e) => {
+		this._value = "", this._uid = `wui-tp-${++smt}`, this._typedError = "", this._typeahead = "", this._typeaheadTimer = null, this.addEventListener("focusout", (e) => {
 			this._isOpen?.() && e.relatedTarget && !this.contains(e.relatedTarget) && this._close({ commit: !0 });
 		});
 	}
@@ -129018,15 +129064,15 @@ Hs("wui-timepicker", class extends Us {
 		if (!e || e.value === P9(N9(this._value), this._format())) return !0;
 		let t = e.value.trim(), n = "";
 		if (t) {
-			let e = imt(t), r = e ? this._refusal(e) : `Enter a time like ${this._format() === "12" ? "7:45 PM" : "19:45"}.`;
+			let e = omt(t), r = e ? this._refusal(e) : `Enter a time like ${this._format() === "12" ? "7:45 PM" : "19:45"}.`;
 			if (r) return this._typedError = r, this._syncInvalid(), !1;
-			n = rmt(e.h, e.m);
+			n = amt(e.h, e.m);
 		}
 		let r = n !== this._value;
 		return this.value = n, r && this.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
 	}
 	_pending() {
-		let e = imt(this._input()?.value);
+		let e = omt(this._input()?.value);
 		return e && this._allowed(e.h, e.m) ? e : null;
 	}
 	_columnsHtml() {
@@ -129208,15 +129254,15 @@ Hs("wui-timepicker", class extends Us {
 });
 //#endregion
 //#region dist/components/AppTimePicker.js
-var omt = [
+var cmt = [
 	"sm",
 	"md",
 	"lg"
-], smt = ["12", "24"], cmt = u(function(e, r) {
+], lmt = ["12", "24"], umt = u(function(e, r) {
 	let { value: i, onChange: a, label: o, required: c = !1, hint: l, error: u, help: d, helpLabel: f = "More information", name: p, min: m, max: g, step: _, format: v = 24, placeholder: y = "Select time", disabled: b, size: x, id: S, ariaLabel: C, className: w = "", fieldClassName: T = "", "data-canvas": E, ...D } = e;
-	U("AppTimePicker", D), H("AppTimePicker", "size", x, omt);
+	U("AppTimePicker", D), H("AppTimePicker", "size", x, cmt);
 	let O = String(v);
-	H("AppTimePicker", "format", O, smt);
+	H("AppTimePicker", "format", O, lmt);
 	let k = h(), A = S || p || k, { setRef: j } = Ls({
 		ref: r,
 		value: i ?? "",
@@ -129265,7 +129311,7 @@ var omt = [
 			})
 		]
 	});
-}), lmt = {
+}), dmt = {
 	success: {
 		icon: "check-circle",
 		assertive: !1
@@ -129290,7 +129336,7 @@ var omt = [
 	"bottom-start": "bottom-0 start-0",
 	"bottom-center": "bottom-0 start-50 translate-middle-x",
 	"bottom-end": "bottom-0 end-0"
-}, umt = 64, I9 = /* @__PURE__ */ new Set([
+}, fmt = 64, I9 = /* @__PURE__ */ new Set([
 	"rise",
 	"organic",
 	"jelly",
@@ -129299,10 +129345,10 @@ var omt = [
 	"rounded",
 	"pill",
 	"sharp"
-]), dmt = /* @__PURE__ */ new Set(["auto", "inverse"]);
-function fmt(e) {
+]), pmt = /* @__PURE__ */ new Set(["auto", "inverse"]);
+function mmt(e) {
 	let { position: r = "bottom-end", maxVisible: i = 4, animation: a = "rise", shape: o = "rounded", surface: s = "auto", className: c = "", ...l } = e;
-	U("AppToast", l), H("AppToast", "position", r, Object.keys(F9)), H("AppToast", "animation", a, I9), H("AppToast", "shape", o, L9), H("AppToast", "surface", s, dmt);
+	U("AppToast", l), H("AppToast", "position", r, Object.keys(F9)), H("AppToast", "animation", a, I9), H("AppToast", "shape", o, L9), H("AppToast", "surface", s, pmt);
 	let [u, d] = S([]);
 	m(() => LZe(d), []);
 	let f = Math.max(0, u.length - i), p = f ? u.slice(f) : u, h = F9[r] ?? F9["bottom-end"];
@@ -129318,7 +129364,7 @@ function fmt(e) {
 				f,
 				" more"
 			]
-		}), p.map((e) => t(pmt, {
+		}), p.map((e) => t(hmt, {
 			toast: e,
 			defaultAnimation: a,
 			defaultShape: o,
@@ -129326,8 +129372,8 @@ function fmt(e) {
 		}, e.id))]
 	});
 }
-function pmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounded", defaultSurface: a = "auto" }) {
-	let o = lmt[e.variant] ?? lmt.success, s = I9.has(e.animation) ? e.animation : r, c = L9.has(e.shape) ? e.shape : i, l = dmt.has(e.surface) ? e.surface : a, u = (s !== "rise" && I9.has(s) ? ` wui-toast--anim-${s}` : "") + (c !== "rounded" && L9.has(c) ? ` wui-toast--shape-${c}` : "") + (l === "inverse" ? " wui-toast--surface-inverse" : ""), d = e.duration === 0, [f, p] = S(0), [h, g] = S(!1), _ = x(null), v = () => cZ(e.id), y = x(null);
+function hmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounded", defaultSurface: a = "auto" }) {
+	let o = dmt[e.variant] ?? dmt.success, s = I9.has(e.animation) ? e.animation : r, c = L9.has(e.shape) ? e.shape : i, l = pmt.has(e.surface) ? e.surface : a, u = (s !== "rise" && I9.has(s) ? ` wui-toast--anim-${s}` : "") + (c !== "rounded" && L9.has(c) ? ` wui-toast--shape-${c}` : "") + (l === "inverse" ? " wui-toast--surface-inverse" : ""), d = e.duration === 0, [f, p] = S(0), [h, g] = S(!1), _ = x(null), v = () => cZ(e.id), y = x(null);
 	m(() => {
 		if (e.duration === 0) return;
 		zZe(e.id);
@@ -129345,7 +129391,7 @@ function pmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounde
 	}, T = (e) => {
 		if (_.current === null) return;
 		let t = e.clientX - _.current;
-		if (Math.abs(t) > umt) {
+		if (Math.abs(t) > fmt) {
 			v();
 			return;
 		}
@@ -129429,7 +129475,7 @@ function pmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounde
 }
 //#endregion
 //#region dist/components/AppToolbar.js
-function mmt(e) {
+function gmt(e) {
 	let { items: r = [], actions: i = [], value: a, defaultValue: o, onSelect: s, label: c, name: l, disabled: u = !1, className: d = "", ...f } = e;
 	U("AppToolbar", f);
 	let p = h(), m = l || p, [g, _] = S(o), v = a === void 0 ? g : a;
@@ -129489,8 +129535,8 @@ function mmt(e) {
 }
 //#endregion
 //#region ../elements/dist/WuiTour-BZQVityh.js
-var R9 = "data-advance", hmt = "wui-tour-hint", gmt = "Click {actionName} to continue.", _mt = "a[href], button, input, select, textarea, summary, [tabindex], [contenteditable]", z9 = (e, t) => e?.advanceOn === "click" && !!t, vmt = (e) => (e ?? "").replace(/\s+/g, " ").trim();
-function ymt(e) {
+var R9 = "data-advance", _mt = "wui-tour-hint", vmt = "Click {actionName} to continue.", ymt = "a[href], button, input, select, textarea, summary, [tabindex], [contenteditable]", z9 = (e, t) => e?.advanceOn === "click" && !!t, bmt = (e) => (e ?? "").replace(/\s+/g, " ").trim();
+function xmt(e) {
 	let t = e.ownerDocument, n = (e.getAttribute("aria-labelledby") || "").split(/\s+/).filter(Boolean), r = e.tagName === "INPUT" && /^(button|submit|reset)$/.test(e.type) ? e.value : "", i = [
 		n.map((e) => t.getElementById(e)?.textContent ?? "").join(" "),
 		e.getAttribute("aria-label"),
@@ -129501,37 +129547,37 @@ function ymt(e) {
 		e.getAttribute("title")
 	];
 	for (let e of i) {
-		let t = vmt(e);
+		let t = bmt(e);
 		if (t) return t;
 	}
 	return "";
 }
-function bmt(e) {
-	for (let t of [e, ...e.querySelectorAll(_mt)]) if (t.tabIndex >= 0 && !t.disabled) return t;
+function Smt(e) {
+	for (let t of [e, ...e.querySelectorAll(ymt)]) if (t.tabIndex >= 0 && !t.disabled) return t;
 	return null;
 }
-function xmt(e, t, n) {
+function Cmt(e, t, n) {
 	let r = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== t);
 	n && r.push(t), r.length > 0 ? e.setAttribute("aria-describedby", r.join(" ")) : e.removeAttribute("aria-describedby");
 }
-function Smt(e, t) {
-	let n = e.querySelector(`.${hmt}`), r = e.querySelector(".wui-tour-text")?.id, i = r ? `${r.replace(/-text$/, "")}-hint` : "";
+function wmt(e, t) {
+	let n = e.querySelector(`.${_mt}`), r = e.querySelector(".wui-tour-text")?.id, i = r ? `${r.replace(/-text$/, "")}-hint` : "";
 	if (!t) {
-		n?.remove(), i && xmt(e, i, !1);
+		n?.remove(), i && Cmt(e, i, !1);
 		return;
 	}
-	n || (n = e.ownerDocument.createElement("p"), n.className = hmt, i && (n.id = i), e.querySelector(".wui-tour-actions").before(n)), n.textContent = t, i && xmt(e, i, !0);
+	n || (n = e.ownerDocument.createElement("p"), n.className = _mt, i && (n.id = i), e.querySelector(".wui-tour-actions").before(n)), n.textContent = t, i && Cmt(e, i, !0);
 }
-var Cmt = (e) => getComputedStyle(e).animationName;
-function wmt(e, { layer: t, spot: n, card: r }, i, a) {
+var Tmt = (e) => getComputedStyle(e).animationName;
+function Emt(e, { layer: t, spot: n, card: r }, i, a) {
 	let o = z9(i, a);
-	t.toggleAttribute(R9, o && !(t.getRootNode() instanceof ShadowRoot)), n.hasAttribute(R9) && (n.removeAttribute(R9), o && Cmt(n)), o && n.setAttribute(R9, "");
+	t.toggleAttribute(R9, o && !(t.getRootNode() instanceof ShadowRoot)), n.hasAttribute(R9) && (n.removeAttribute(R9), o && Tmt(n)), o && n.setAttribute(R9, "");
 	let s = r.querySelector(".wui-tour-next");
 	s.classList.toggle("btn-primary", !o), s.classList.toggle("btn-link", o);
-	let c = o ? vmt(i.actionLabel) || ymt(a) : "", l = e.getAttribute("advance-label") || gmt, u = c ? l.replace(/\{actionName\}/g, () => c) : "";
-	return Smt(r, u), u;
+	let c = o ? bmt(i.actionLabel) || xmt(a) : "", l = e.getAttribute("advance-label") || vmt, u = c ? l.replace(/\{actionName\}/g, () => c) : "";
+	return wmt(r, u), u;
 }
-function Tmt(e, t, n) {
+function Dmt(e, t, n) {
 	if (!z9(e, t)) return () => {};
 	let r = null, i = () => {
 		r ??= setTimeout(n, 0);
@@ -129540,78 +129586,78 @@ function Tmt(e, t, n) {
 		t.removeEventListener("click", i), clearTimeout(r);
 	};
 }
-function Emt(e, t, n, r) {
+function Omt(e, t, n, r) {
 	return e.contains(r) || z9(t, n) && n.contains(r);
 }
-function Dmt(e, { card: t, active: n, step: r, target: i }) {
-	let a = Array.from(t.querySelectorAll("button")).filter((e) => !e.hidden), o = z9(r, i) ? bmt(i) : null;
+function kmt(e, { card: t, active: n, step: r, target: i }) {
+	let a = Array.from(t.querySelectorAll("button")).filter((e) => !e.hidden), o = z9(r, i) ? Smt(i) : null;
 	o && a.push(o);
 	let s = a.findIndex((e) => e === n || e === o && i.contains(n));
 	e.preventDefault(), a[s === -1 ? e.shiftKey ? a.length - 1 : 0 : (s + (e.shiftKey ? -1 : 1) + a.length) % a.length].focus();
 }
-var Omt = 2 / 3, kmt = 1e3, Amt = /* @__PURE__ */ new Set([
+var Amt = 2 / 3, jmt = 1e3, Mmt = /* @__PURE__ */ new Set([
 	"top",
 	"left",
 	"width",
 	"height"
-]), jmt = /* @__PURE__ */ new WeakMap(), B9 = (e, t) => typeof e.getAnimations == "function" ? e.getAnimations().filter(t) : [], Mmt = (e) => e.transitionProperty === "opacity", Nmt = (e) => Amt.has(e.transitionProperty), Pmt = (e) => typeof e.animationName == "string" && e.animationName.startsWith("wui-tour-");
-function Fmt(e) {
+]), Nmt = /* @__PURE__ */ new WeakMap(), B9 = (e, t) => typeof e.getAnimations == "function" ? e.getAnimations().filter(t) : [], Pmt = (e) => e.transitionProperty === "opacity", Fmt = (e) => Mmt.has(e.transitionProperty), Imt = (e) => typeof e.animationName == "string" && e.animationName.startsWith("wui-tour-");
+function Lmt(e) {
 	return e.length === 0 ? null : new Promise((t) => {
-		let n = setTimeout(t, kmt);
+		let n = setTimeout(t, jmt);
 		Promise.allSettled(e.map((e) => e.finished)).then(() => {
 			clearTimeout(n), t();
 		});
 	});
 }
-function Imt(e) {
+function Rmt(e) {
 	let t = e.parentElement?.querySelector(":scope > .wui-tour-spot"), n = 0;
-	for (let e of t ? B9(t, Nmt) : []) {
+	for (let e of t ? B9(t, Fmt) : []) {
 		let t = e.effect?.getComputedTiming?.();
 		if (typeof t?.duration != "number") continue;
 		let r = typeof e.currentTime == "number" ? e.currentTime : 0;
-		n = Math.max(n, (t.delay ?? 0) + t.duration * Omt - r);
+		n = Math.max(n, (t.delay ?? 0) + t.duration * Amt - r);
 	}
 	return n;
 }
-function Lmt(e) {
-	let t = Imt(e);
+function zmt(e) {
+	let t = Rmt(e);
 	t > 0 ? e.style.setProperty("--wui-tour-card-delay", `${Math.round(t)}ms`) : e.style.removeProperty("--wui-tour-card-delay"), e.dataset.state = "entering";
 	let n = {};
-	jmt.set(e, n);
+	Nmt.set(e, n);
 	let r = () => {
-		jmt.get(e) === n && e.dataset.state === "entering" && (e.dataset.state = "shown");
-	}, i = B9(e, Pmt);
+		Nmt.get(e) === n && e.dataset.state === "entering" && (e.dataset.state = "shown");
+	}, i = B9(e, Imt);
 	i.length === 0 ? r() : Promise.allSettled(i.map((e) => e.finished)).then(r);
 }
-function Rmt(e) {
-	return e.dataset.state = "leaving", Fmt(B9(e, Mmt));
+function Bmt(e) {
+	return e.dataset.state = "leaving", Lmt(B9(e, Pmt));
 }
-function zmt(e) {
+function Vmt(e) {
 	let t = e.classList.contains("wui-tour-layer") ? e : e.shadowRoot?.querySelector(".wui-tour-layer");
 	t && (t.dataset.state = "leaving");
-	let n = t ? Fmt(B9(t, Mmt)) : null;
+	let n = t ? Lmt(B9(t, Pmt)) : null;
 	if (!n) {
 		e.remove();
 		return;
 	}
 	e.setAttribute("inert", ""), n.then(() => e.remove());
 }
-var Bmt = 2, V9 = 12, H9 = 8, U9 = 4, W9 = 20, Vmt = "(max-width: 575.98px)", Hmt = [
+var Hmt = 2, V9 = 12, H9 = 8, U9 = 4, W9 = 20, Umt = "(max-width: 575.98px)", Wmt = [
 	"bottom",
 	"top",
 	"right",
 	"left"
-], Umt = [
+], Gmt = [
 	"top-left",
 	"top-right",
 	"bottom-right",
 	"bottom-left"
-], Wmt, G9 = (e, t, n) => Math.max(t, Math.min(e, n)), K9 = (e, t, n, r) => (Math.max(e, n) + Math.min(t, r)) / 2;
-function Gmt(e, t) {
+], Kmt, G9 = (e, t, n) => Math.max(t, Math.min(e, n)), K9 = (e, t, n, r) => (Math.max(e, n) + Math.min(t, r)) / 2;
+function qmt(e, t) {
 	if (!t?.scrollIntoView) return;
 	e.style.maxHeight = "";
-	let n = Zmt(e), r = e.offsetHeight + V9;
-	if (t.getBoundingClientRect().height + Bmt * 2 + r * 2 <= n.bottom - n.top) {
+	let n = $mt(e), r = e.offsetHeight + V9;
+	if (t.getBoundingClientRect().height + Hmt * 2 + r * 2 <= n.bottom - n.top) {
 		t.scrollIntoView({
 			block: "center",
 			inline: "nearest"
@@ -129619,41 +129665,41 @@ function Gmt(e, t) {
 		return;
 	}
 	let i = t.style.scrollMarginTop;
-	t.style.scrollMarginTop = `${n.top + r + Bmt}px`, t.scrollIntoView({
+	t.style.scrollMarginTop = `${n.top + r + Hmt}px`, t.scrollIntoView({
 		block: "start",
 		inline: "nearest"
 	}), t.style.scrollMarginTop = i;
 }
-function Kmt(e, t, n) {
-	let r = e.style, i = t.style, a = Qmt(t);
+function Jmt(e, t, n) {
+	let r = e.style, i = t.style, a = eht(t);
 	if (!n) {
 		r.top = "50%", r.left = "50%", r.width = "0px", r.height = "0px", r.boxShadow = "0 0 0 100vmax var(--color-scrim-strong)";
-		for (let e of Umt) r.removeProperty(`border-${e}-radius`), r.removeProperty(`corner-${e}-shape`);
+		for (let e of Gmt) r.removeProperty(`border-${e}-radius`), r.removeProperty(`corner-${e}-shape`);
 		t.dataset.placement = "center", a.hidden = !0, i.position = "fixed", i.top = "50%", i.left = "50%", i.transform = "translate(-50%, -50%)", i.maxHeight = "calc(100vh - 16px)";
 		return;
 	}
 	r.boxShadow = "", i.transform = "", i.position = "fixed";
 	let o = n.getBoundingClientRect();
-	r.top = `${o.top}px`, r.left = `${o.left}px`, r.width = `${o.width}px`, r.height = `${o.height}px`, qmt(r, n);
+	r.top = `${o.top}px`, r.left = `${o.left}px`, r.width = `${o.width}px`, r.height = `${o.height}px`, Ymt(r, n);
 	let s = t.scrollTop;
 	i.maxHeight = "";
 	let c = {
 		width: t.offsetWidth,
 		height: t.offsetHeight
-	}, l = Zmt(t), u = l.bottom - l.top, d = {
+	}, l = $mt(t), u = l.bottom - l.top, d = {
 		bottom: l.bottom - o.bottom - V9,
 		top: o.top - V9 - l.top,
 		right: l.right - o.right - V9,
 		left: o.left - V9 - l.left
-	}, f = window.matchMedia(Vmt).matches, p = Hmt.find((e) => e === "top" || e === "bottom" ? c.height <= d[e] + 1 : !f && c.width <= d[e] + 1 && c.height <= u + 1), m = Math.min(o.bottom, l.bottom + H9) - Math.max(o.top, l.top - H9);
-	p ? Jmt(t, a, p, o, l, c) : m >= Math.min(c.height, u) + U9 * 2 ? Ymt(t, a, o, l, c) : Xmt(t, a, d.bottom >= d.top ? "bottom" : "top", o, l, c, d), t.scrollTop = s;
+	}, f = window.matchMedia(Umt).matches, p = Wmt.find((e) => e === "top" || e === "bottom" ? c.height <= d[e] + 1 : !f && c.width <= d[e] + 1 && c.height <= u + 1), m = Math.min(o.bottom, l.bottom + H9) - Math.max(o.top, l.top - H9);
+	p ? Xmt(t, a, p, o, l, c) : m >= Math.min(c.height, u) + U9 * 2 ? Zmt(t, a, o, l, c) : Qmt(t, a, d.bottom >= d.top ? "bottom" : "top", o, l, c, d), t.scrollTop = s;
 }
-function qmt(e, t) {
-	Wmt ??= CSS.supports("corner-top-left-shape", "squircle");
+function Ymt(e, t) {
+	Kmt ??= CSS.supports("corner-top-left-shape", "squircle");
 	let n = getComputedStyle(t);
-	for (let t of Umt) e.setProperty(`border-${t}-radius`, n.getPropertyValue(`border-${t}-radius`)), Wmt && e.setProperty(`corner-${t}-shape`, n.getPropertyValue(`corner-${t}-shape`));
+	for (let t of Gmt) e.setProperty(`border-${t}-radius`, n.getPropertyValue(`border-${t}-radius`)), Kmt && e.setProperty(`corner-${t}-shape`, n.getPropertyValue(`corner-${t}-shape`));
 }
-function Jmt(e, t, n, r, i, a) {
+function Xmt(e, t, n, r, i, a) {
 	let o = n === "top" || n === "bottom", s, c, l;
 	if (o) {
 		let e = K9(r.left, r.right, i.left, i.right);
@@ -129664,19 +129710,19 @@ function Jmt(e, t, n, r, i, a) {
 	}
 	e.dataset.placement = n, e.style.top = `${c}px`, e.style.left = `${s}px`, t.hidden = !1, t.style.left = o ? `${l - e.clientLeft - t.offsetWidth / 2}px` : "", t.style.top = o ? "" : `${l - e.clientTop - t.offsetHeight / 2}px`;
 }
-function Ymt(e, t, n, r, i) {
+function Zmt(e, t, n, r, i) {
 	let a = r.bottom - r.top;
 	e.dataset.placement = "overlap", t.hidden = !0, e.style.maxHeight = i.height > a ? `${Math.max(a, 0)}px` : "";
 	let o = Math.min(n.bottom, r.bottom) - U9;
 	e.style.top = `${Math.max(r.top, o - Math.min(i.height, a))}px`, e.style.left = `${G9(n.left + U9, r.left, r.right - i.width)}px`;
 }
-function Xmt(e, t, n, r, i, a, o) {
+function Qmt(e, t, n, r, i, a, o) {
 	let s = Math.max(o[n], 0), c = Math.min(a.height, s);
 	e.dataset.placement = n, t.hidden = !0, e.style.maxHeight = a.height > s ? `${s}px` : "", e.style.top = `${n === "bottom" ? r.bottom + V9 : r.top - V9 - c}px`;
 	let l = K9(r.left, r.right, i.left, i.right);
 	e.style.left = `${G9(l - a.width / 2, i.left, i.right - a.width)}px`;
 }
-function Zmt(e) {
+function $mt(e) {
 	let t = e.parentElement, n = t ? getComputedStyle(t) : null, r = (e) => Number.parseFloat(n?.[e]) || 0;
 	return {
 		top: r("paddingTop") + H9,
@@ -129685,17 +129731,17 @@ function Zmt(e) {
 		right: window.innerWidth - r("paddingRight") - H9
 	};
 }
-function Qmt(e) {
+function eht(e) {
 	let t = e.querySelector(":scope > .wui-tour-arrow");
 	return t || (t = document.createElement("span"), t.className = "wui-tour-arrow", t.setAttribute("aria-hidden", "true"), t.hidden = !0, e.append(t)), t;
 }
-var $mt = 0;
-function eht(e, t, n) {
-	let r = `wui-tour-end-${++$mt}`, i = e.createElement("div");
+var tht = 0;
+function nht(e, t, n) {
+	let r = `wui-tour-end-${++tht}`, i = e.createElement("div");
 	return i.className = "wui-tour-card wui-tour-end", i.dataset.layout = "center", i.setAttribute("role", "dialog"), n && i.setAttribute("aria-modal", "true"), i.tabIndex = -1, i.setAttribute("aria-labelledby", `${r}-title`), i.setAttribute("aria-describedby", `${r}-message`), i.innerHTML = ` <div class="wui-tour-end-mark" aria-hidden="true"><svg viewBox="0 0 24 24" focusable="false"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></div> <h2 class="wui-tour-title wui-tour-end-title" id="${r}-title"></h2> <p class="wui-tour-text wui-tour-end-message" id="${r}-message"></p> <div class="wui-tour-actions"><button type="button" class="btn btn-sm btn-primary wui-tour-end-button"></button></div>`, i.querySelector(".wui-tour-end-title").textContent = t.title, i.querySelector(".wui-tour-end-message").textContent = t.message, i.querySelector(".wui-tour-end-button").textContent = t.button, i;
 }
-function tht(e, t, n) {
-	let r = e.ownerDocument, i = e.getRootNode() === r, a = e.querySelector(".wui-tour-card:not(.wui-tour-end)"), o = e.querySelector(".wui-tour-spot"), s = e.querySelector("[role=status]"), c = eht(r, t, i), l = c.querySelector(".wui-tour-end-button"), u = new AbortController();
+function rht(e, t, n) {
+	let r = e.ownerDocument, i = e.getRootNode() === r, a = e.querySelector(".wui-tour-card:not(.wui-tour-end)"), o = e.querySelector(".wui-tour-spot"), s = e.querySelector("[role=status]"), c = nht(r, t, i), l = c.querySelector(".wui-tour-end-button"), u = new AbortController();
 	return new Promise((d) => {
 		let f = () => {
 			u.abort(), d();
@@ -129714,12 +129760,12 @@ function tht(e, t, n) {
 			c.contains(e.target) || l.focus();
 		}, p);
 		let m = () => {
-			u.signal.aborted || (a.hidden = !0, Kmt(o, a, null), e.append(c), Lmt(c), s.textContent = [t.title, t.message].filter(Boolean).join(". "), l.focus());
-		}, h = Rmt(a);
+			u.signal.aborted || (a.hidden = !0, Jmt(o, a, null), e.append(c), zmt(c), s.textContent = [t.title, t.message].filter(Boolean).join(". "), l.focus());
+		}, h = Bmt(a);
 		h ? h.then(m) : m();
 	});
 }
-var nht = ` :host { all: initial; ${Object.entries({
+var iht = ` :host { all: initial; ${Object.entries({
 	"--wui-z-tour": "1550",
 	"--wui-radius-sm": "8px",
 	"--wui-radius-lg": "14px",
@@ -129745,54 +129791,54 @@ var nht = ` :host { all: initial; ${Object.entries({
 	"--color-text-muted": "#4B5675",
 	"--color-border": "#EBEDF3",
 	"--color-bg-muted": "#F5F6FA"
-}).map(([e, t]) => `    ${e}: ${t};`).join(" ")} } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn { display: inline-block; margin: 0; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-text); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-secondary { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-secondary:hover { background: var(--color-bg-muted); color: var(--color-text); } .btn-link { font-weight: 400; color: var(--color-primary-ink); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { pointer-events: none; font-family: "Webority Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-text); text-align: start; } .wui-tour-card { pointer-events: auto; } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); } .wui-tour-spot { position: fixed; box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } .wui-tour-card { display: flex; flex-direction: column; gap: 8px; width: min(360px, 100vw - 16px); padding: 16px; overflow-y: auto; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--wui-radius-lg); corner-shape: squircle; box-shadow: var(--wui-shadow-overlay); } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: var(--wui-focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--wui-focus-ring-offset); } .wui-tour-title { margin: 0; font-size: 16px; font-weight: 600; } .wui-tour-text { margin: 0; font-size: 14px; color: var(--color-text-muted); } .wui-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; } .wui-tour-nav { display: flex; gap: 8px; } .wui-tour-skip { color: var(--color-text-muted); } .wui-tour-back, .wui-tour-next { min-width: 64px; } @keyframes wui-tour-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes wui-tour-card-enter { from { opacity: 0; scale: 0.96; translate: var(--wui-tour-card-lift, 0 6px); } to { opacity: 1; scale: 1; translate: 0 0; } } .wui-tour-layer[data-state=leaving], .wui-tour-card[data-state=leaving] { opacity: 0; } .wui-tour-layer[data-state=leaving], .wui-tour-layer[data-state=leaving] * { pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-layer { animation: wui-tour-fade-in var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-layer[data-state=leaving] { transition: opacity var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-spot { transition: top var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), left var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), width var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), height var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), border-radius var(--wui-tour-spot-duration) var(--wui-tour-spot-ease); } .wui-tour-spot[data-tracking] { transition: none; } .wui-tour-card { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=top] { --wui-tour-card-lift: 0 -6px; transform-origin: bottom center; } .wui-tour-card[data-placement=bottom] { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=left] { --wui-tour-card-lift: -6px 0; transform-origin: right center; } .wui-tour-card[data-placement=right] { --wui-tour-card-lift: 6px 0; transform-origin: left center; } .wui-tour-card[data-placement=overlap], .wui-tour-card[data-placement=center] { --wui-tour-card-lift: 0 0; transform-origin: center; } .wui-tour-card[data-state=entering] { animation: wui-tour-card-enter var(--wui-tour-motion-duration) var(--wui-tour-motion-ease) var(--wui-tour-card-delay, 0ms) both; } .wui-tour-card[data-state=leaving] { transition: opacity calc(var(--wui-tour-motion-duration) / 2) var(--wui-tour-motion-ease); } } @media (prefers-reduced-motion: reduce) { .wui-tour-layer { animation: wui-tour-fade-in 120ms linear; } .wui-tour-layer[data-state=leaving] { transition: opacity 120ms linear; } .wui-tour-card[data-state=entering] { animation: wui-tour-fade-in 120ms linear both; } } .wui-tour-progress-bar { display: flex; gap: 4px; } .wui-tour-progress-segment { flex: 1 1 0; height: 4px; border-radius: 999px; background: var(--color-border); } .wui-tour-progress-segment[data-filled] { background: var(--color-primary); } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-layer { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); } .wui-tour-card:has(.wui-tour-arrow:not([hidden])) { overflow: visible; } .wui-tour-arrow { position: absolute; width: 8px; height: 8px; background: var(--color-surface); border: 1px solid var(--color-border); rotate: 45deg; pointer-events: none; } .wui-tour-card[data-placement=bottom] .wui-tour-arrow { top: -5px; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=top] .wui-tour-arrow { bottom: -5px; border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=right] .wui-tour-arrow { left: -5px; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=left] .wui-tour-arrow { right: -5px; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } @media (max-width: 575.98px) { .wui-tour-card { width: calc(100vw - 16px); } .wui-tour-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; } } .wui-tour-media { position: relative; order: -1; flex: none; aspect-ratio: 16/9; margin: -16px -16px 4px; overflow: hidden; background: var(--color-border); } .wui-tour-media>img, .wui-tour-media>video { display: block; width: 100%; height: 100%; object-fit: cover; } .wui-tour-card[data-media=welcome] { width: min(420px, 100vw - 16px); } .wui-tour-media-toggle { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--color-scrim-strong); color: var(--color-on-scrim); cursor: pointer; } .wui-tour-media-toggle>svg { width: 20px; height: 20px; fill: currentColor; } .wui-tour-media-toggle:focus-visible { outline: 2px solid var(--color-on-scrim); outline-offset: 2px; } .wui-tour-layer[data-advance] { pointer-events: none; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-card { pointer-events: auto; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-spot::before { content: ""; position: absolute; inset: -100vmax; pointer-events: auto; clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100vmax 100vmax, calc(100% - 100vmax) 100vmax, calc(100% - 100vmax) calc(100% - 100vmax), 100vmax calc(100% - 100vmax), 100vmax 100vmax); } .wui-tour-hint { margin: 0; font-size: 14px; font-weight: 600; color: var(--color-text); } @keyframes wui-tour-pulse { from { box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 85%, transparent); } to { box-shadow: 0 0 0 14px color-mix(in srgb, var(--color-primary) 0%, transparent); } } @media (prefers-reduced-motion: no-preference) { .wui-tour-spot[data-advance]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; animation: wui-tour-pulse 600ms var(--wui-ease-out-quart) var(--wui-tour-spot-duration); } } @keyframes wui-tour-check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } } .wui-tour-end[data-layout=center] { --wui-tour-card-lift: 0 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; align-items: center; gap: 8px; width: min(420px, 100vw - 16px); max-height: calc(100vh - 16px); padding: 24px; text-align: center; } .wui-tour-end[data-layout=center] .wui-tour-actions { justify-content: center; margin-top: 8px; } .wui-tour-end-mark { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--color-success-soft); color: var(--color-success-text); } .wui-tour-end-mark>svg { width: 26px; height: 26px; } .wui-tour-end-mark path { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; } .wui-tour-end-title { font-size: 18px; } .wui-tour-end-message { text-wrap: balance; } .wui-tour-end-button { min-width: 120px; } @media (prefers-reduced-motion: no-preference) { .wui-tour-end-mark path { animation: wui-tour-check 300ms var(--wui-ease-out-quart) calc(var(--wui-tour-card-delay, 0ms) + 120ms) both; } } `, rht = "wui-tour-media", iht = "wui-tour-media-toggle", aht = "http://www.w3.org/2000/svg", oht = "M6 5h4v14H6zM14 5h4v14h-4z", sht = "M8 5v14l11-7z", cht = {
+}).map(([e, t]) => `    ${e}: ${t};`).join(" ")} } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn { display: inline-block; margin: 0; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-text); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-secondary { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-secondary:hover { background: var(--color-bg-muted); color: var(--color-text); } .btn-link { font-weight: 400; color: var(--color-primary-ink); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { pointer-events: none; font-family: "Webority Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-text); text-align: start; } .wui-tour-card { pointer-events: auto; } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); } .wui-tour-spot { position: fixed; box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } .wui-tour-card { display: flex; flex-direction: column; gap: 8px; width: min(360px, 100vw - 16px); padding: 16px; overflow-y: auto; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--wui-radius-lg); corner-shape: squircle; box-shadow: var(--wui-shadow-overlay); } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: var(--wui-focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--wui-focus-ring-offset); } .wui-tour-title { margin: 0; font-size: 16px; font-weight: 600; } .wui-tour-text { margin: 0; font-size: 14px; color: var(--color-text-muted); } .wui-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; } .wui-tour-nav { display: flex; gap: 8px; } .wui-tour-skip { color: var(--color-text-muted); } .wui-tour-back, .wui-tour-next { min-width: 64px; } @keyframes wui-tour-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes wui-tour-card-enter { from { opacity: 0; scale: 0.96; translate: var(--wui-tour-card-lift, 0 6px); } to { opacity: 1; scale: 1; translate: 0 0; } } .wui-tour-layer[data-state=leaving], .wui-tour-card[data-state=leaving] { opacity: 0; } .wui-tour-layer[data-state=leaving], .wui-tour-layer[data-state=leaving] * { pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-layer { animation: wui-tour-fade-in var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-layer[data-state=leaving] { transition: opacity var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-spot { transition: top var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), left var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), width var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), height var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), border-radius var(--wui-tour-spot-duration) var(--wui-tour-spot-ease); } .wui-tour-spot[data-tracking] { transition: none; } .wui-tour-card { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=top] { --wui-tour-card-lift: 0 -6px; transform-origin: bottom center; } .wui-tour-card[data-placement=bottom] { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=left] { --wui-tour-card-lift: -6px 0; transform-origin: right center; } .wui-tour-card[data-placement=right] { --wui-tour-card-lift: 6px 0; transform-origin: left center; } .wui-tour-card[data-placement=overlap], .wui-tour-card[data-placement=center] { --wui-tour-card-lift: 0 0; transform-origin: center; } .wui-tour-card[data-state=entering] { animation: wui-tour-card-enter var(--wui-tour-motion-duration) var(--wui-tour-motion-ease) var(--wui-tour-card-delay, 0ms) both; } .wui-tour-card[data-state=leaving] { transition: opacity calc(var(--wui-tour-motion-duration) / 2) var(--wui-tour-motion-ease); } } @media (prefers-reduced-motion: reduce) { .wui-tour-layer { animation: wui-tour-fade-in 120ms linear; } .wui-tour-layer[data-state=leaving] { transition: opacity 120ms linear; } .wui-tour-card[data-state=entering] { animation: wui-tour-fade-in 120ms linear both; } } .wui-tour-progress-bar { display: flex; gap: 4px; } .wui-tour-progress-segment { flex: 1 1 0; height: 4px; border-radius: 999px; background: var(--color-border); } .wui-tour-progress-segment[data-filled] { background: var(--color-primary); } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-layer { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); } .wui-tour-card:has(.wui-tour-arrow:not([hidden])) { overflow: visible; } .wui-tour-arrow { position: absolute; width: 8px; height: 8px; background: var(--color-surface); border: 1px solid var(--color-border); rotate: 45deg; pointer-events: none; } .wui-tour-card[data-placement=bottom] .wui-tour-arrow { top: -5px; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=top] .wui-tour-arrow { bottom: -5px; border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=right] .wui-tour-arrow { left: -5px; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=left] .wui-tour-arrow { right: -5px; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } @media (max-width: 575.98px) { .wui-tour-card { width: calc(100vw - 16px); } .wui-tour-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; } } .wui-tour-media { position: relative; order: -1; flex: none; aspect-ratio: 16/9; margin: -16px -16px 4px; overflow: hidden; background: var(--color-border); } .wui-tour-media>img, .wui-tour-media>video { display: block; width: 100%; height: 100%; object-fit: cover; } .wui-tour-card[data-media=welcome] { width: min(420px, 100vw - 16px); } .wui-tour-media-toggle { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--color-scrim-strong); color: var(--color-on-scrim); cursor: pointer; } .wui-tour-media-toggle>svg { width: 20px; height: 20px; fill: currentColor; } .wui-tour-media-toggle:focus-visible { outline: 2px solid var(--color-on-scrim); outline-offset: 2px; } .wui-tour-layer[data-advance] { pointer-events: none; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-card { pointer-events: auto; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-spot::before { content: ""; position: absolute; inset: -100vmax; pointer-events: auto; clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100vmax 100vmax, calc(100% - 100vmax) 100vmax, calc(100% - 100vmax) calc(100% - 100vmax), 100vmax calc(100% - 100vmax), 100vmax 100vmax); } .wui-tour-hint { margin: 0; font-size: 14px; font-weight: 600; color: var(--color-text); } @keyframes wui-tour-pulse { from { box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 85%, transparent); } to { box-shadow: 0 0 0 14px color-mix(in srgb, var(--color-primary) 0%, transparent); } } @media (prefers-reduced-motion: no-preference) { .wui-tour-spot[data-advance]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; animation: wui-tour-pulse 600ms var(--wui-ease-out-quart) var(--wui-tour-spot-duration); } } @keyframes wui-tour-check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } } .wui-tour-end[data-layout=center] { --wui-tour-card-lift: 0 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; align-items: center; gap: 8px; width: min(420px, 100vw - 16px); max-height: calc(100vh - 16px); padding: 24px; text-align: center; } .wui-tour-end[data-layout=center] .wui-tour-actions { justify-content: center; margin-top: 8px; } .wui-tour-end-mark { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--color-success-soft); color: var(--color-success-text); } .wui-tour-end-mark>svg { width: 26px; height: 26px; } .wui-tour-end-mark path { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; } .wui-tour-end-title { font-size: 18px; } .wui-tour-end-message { text-wrap: balance; } .wui-tour-end-button { min-width: 120px; } @media (prefers-reduced-motion: no-preference) { .wui-tour-end-mark path { animation: wui-tour-check 300ms var(--wui-ease-out-quart) calc(var(--wui-tour-card-delay, 0ms) + 120ms) both; } } `, aht = "wui-tour-media", oht = "wui-tour-media-toggle", sht = "http://www.w3.org/2000/svg", cht = "M6 5h4v14H6zM14 5h4v14h-4z", lht = "M8 5v14l11-7z", uht = {
 	pause: "Pause animation",
 	play: "Play animation"
-}, lht = () => globalThis.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === !0;
-function uht(e) {
-	let t = document.createElementNS(aht, "svg");
+}, dht = () => globalThis.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === !0;
+function fht(e) {
+	let t = document.createElementNS(sht, "svg");
 	t.setAttribute("viewBox", "0 0 24 24"), t.setAttribute("aria-hidden", "true"), t.setAttribute("focusable", "false");
-	let n = document.createElementNS(aht, "path");
+	let n = document.createElementNS(sht, "path");
 	return n.setAttribute("d", e), t.appendChild(n), t;
 }
-function dht(e) {
+function pht(e) {
 	let t = document.createElement("img");
 	return t.setAttribute("alt", e.mediaAlt ?? ""), t.setAttribute("width", "1280"), t.setAttribute("height", "720"), t.setAttribute("loading", "lazy"), t.setAttribute("decoding", "async"), t.setAttribute("src", e.media), t;
 }
-function fht(e, t) {
+function mht(e, t) {
 	let n = document.createElement("video");
 	return n.muted = !0, n.setAttribute("muted", ""), n.loop = !0, n.setAttribute("playsinline", ""), t && n.setAttribute("autoplay", ""), n.setAttribute("preload", t ? "auto" : "metadata"), e.mediaAlt && n.setAttribute("aria-label", e.mediaAlt), e.mediaPoster && n.setAttribute("poster", e.mediaPoster), n.setAttribute("src", e.media), n;
 }
-function pht(e, t) {
+function hht(e, t) {
 	let n = document.createElement("button");
-	n.type = "button", n.className = iht;
+	n.type = "button", n.className = oht;
 	let r = (r = !e.paused) => {
-		n.setAttribute("aria-label", r ? t.pause : t.play), n.replaceChildren(uht(r ? oht : sht));
+		n.setAttribute("aria-label", r ? t.pause : t.play), n.replaceChildren(fht(r ? cht : lht));
 	};
 	return e.addEventListener("play", () => r()), e.addEventListener("pause", () => r()), n.addEventListener("click", () => {
 		e.paused ? e.play()?.catch(() => r()) : e.pause();
 	}), r(e.hasAttribute("autoplay")), n;
 }
-function mht(e) {
-	let t = e.querySelector(`:scope > .${rht}`);
+function ght(e) {
+	let t = e.querySelector(`:scope > .${aht}`);
 	if (!t) return;
 	let n = t.querySelector("video");
 	n && (n.pause(), n.removeAttribute("src"), n.load()), t.remove();
 }
-function hht(e, t, n = cht) {
-	if (mht(e), !t.media) {
+function _ht(e, t, n = uht) {
+	if (ght(e), !t.media) {
 		e.removeAttribute("data-media");
 		return;
 	}
 	let r = document.createElement("div");
-	if (r.className = rht, t.mediaType === "video") {
-		let e = fht(t, !lht());
-		r.append(e, pht(e, n));
-	} else r.appendChild(dht(t));
+	if (r.className = aht, t.mediaType === "video") {
+		let e = mht(t, !dht());
+		r.append(e, hht(e, n));
+	} else r.appendChild(pht(t));
 	e.prepend(r), e.setAttribute("data-media", t.target ? "step" : "welcome");
 }
-var ght = "Step {current} of {total}";
-function _ht(e) {
+var vht = "Step {current} of {total}";
+function yht(e) {
 	let t = /* @__PURE__ */ new Set();
 	return {
 		drop: (e) => {
@@ -129807,10 +129853,10 @@ function _ht(e) {
 		total: () => e - t.size
 	};
 }
-function vht(e, t, n) {
-	return (e.getAttribute("progress-label") || ght).replace(/\{(current|total)\}/g, (e, r) => String(r === "current" ? t : n));
+function bht(e, t, n) {
+	return (e.getAttribute("progress-label") || vht).replace(/\{(current|total)\}/g, (e, r) => String(r === "current" ? t : n));
 }
-function yht(e, { text: t, position: n, total: r }) {
+function xht(e, { text: t, position: n, total: r }) {
 	let i = e.querySelector(".wui-tour-position");
 	i.textContent = t;
 	let a = e.querySelector(".wui-tour-progress-bar");
@@ -129826,7 +129872,7 @@ function yht(e, { text: t, position: n, total: r }) {
 	for (; o.length > r;) a.lastElementChild.remove();
 	for (let e = 0; e < o.length; e++) o[e].toggleAttribute("data-filled", e < n);
 }
-var bht = "wui-tour-step", xht = "wui-tour-host", Sht = "wui-tour-seen:", q9 = "data-tracking", Cht = {
+var Sht = "wui-tour-step", Cht = "wui-tour-host", wht = "wui-tour-seen:", q9 = "data-tracking", Tht = {
 	back: "Back",
 	next: "Next",
 	skip: "Skip",
@@ -129836,7 +129882,7 @@ var bht = "wui-tour-step", xht = "wui-tour-host", Sht = "wui-tour-seen:", q9 = "
 	endTitle: "You're all set",
 	endMessage: "You know your way around now. Enjoy exploring.",
 	endButton: "Done"
-}, wht = {
+}, Eht = {
 	back: "back-label",
 	next: "next-label",
 	skip: "skip-label",
@@ -129846,19 +129892,19 @@ var bht = "wui-tour-step", xht = "wui-tour-host", Sht = "wui-tour-seen:", q9 = "
 	endTitle: "end-title",
 	endMessage: "end-message",
 	endButton: "end-button"
-}, Tht = [
+}, Dht = [
 	["media", "media"],
 	["mediaAlt", "media-alt"],
 	["mediaPoster", "media-poster"],
 	["mediaType", "media-type"],
 	["advanceOn", "advance-on"],
 	["actionLabel", "action-label"]
-], Eht = {
+], Oht = {
 	index: null,
 	position: null,
 	total: null
-}, Dht = 0;
-function Oht(e = Sht, t = globalThis.localStorage) {
+}, kht = 0;
+function Aht(e = wht, t = globalThis.localStorage) {
 	return {
 		isSeen: async (n) => t.getItem(e + n) === "1",
 		markSeen: async (n) => {
@@ -129866,13 +129912,13 @@ function Oht(e = Sht, t = globalThis.localStorage) {
 		}
 	};
 }
-var kht = (e) => !e?.isConnected || getComputedStyle(e).visibility === "hidden" ? !1 : e.getClientRects().length > 0, Aht = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)), jht = () => {
+var jht = (e) => !e?.isConnected || getComputedStyle(e).visibility === "hidden" ? !1 : e.getClientRects().length > 0, Mht = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)), Nht = () => {
 	let e = document.activeElement;
 	for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
 	return e;
 }, J9 = null;
-function Mht(e) {
-	J9 || (J9 = new CSSStyleSheet(), J9.replaceSync(nht)), e.adoptedStyleSheets = [J9];
+function Pht(e) {
+	J9 || (J9 = new CSSStyleSheet(), J9.replaceSync(iht)), e.adoptedStyleSheets = [J9];
 }
 //#endregion
 //#region ../elements/dist/elements/tour.js
@@ -129905,21 +129951,21 @@ Hs("wui-tour", class extends Us {
 		this.toggleAttribute("isolated", e === !0 || e === "" || e === "true");
 	}
 	_stepList() {
-		return Array.from(this.querySelectorAll(`:scope > ${bht}`), (e) => {
+		return Array.from(this.querySelectorAll(`:scope > ${Sht}`), (e) => {
 			let t = {
 				target: e.getAttribute("target") || "",
 				title: e.getAttribute("title") || void 0,
 				description: e.textContent.trim()
 			};
-			for (let [n, r] of Tht) e.hasAttribute(r) && (t[n] = e.getAttribute(r));
+			for (let [n, r] of Dht) e.hasAttribute(r) && (t[n] = e.getAttribute(r));
 			return t;
 		});
 	}
 	_store() {
-		return this.seenStore ? this.seenStore : this.getAttribute("seen-store") === "local" ? Oht() : globalThis.window?.WUI?.tour?.seenStore || null;
+		return this.seenStore ? this.seenStore : this.getAttribute("seen-store") === "local" ? Aht() : globalThis.window?.WUI?.tour?.seenStore || null;
 	}
 	_label(e) {
-		return this.getAttribute(wht[e]) || Cht[e];
+		return this.getAttribute(Eht[e]) || Tht[e];
 	}
 	_endDialogText() {
 		return this.getAttribute("end-dialog") === "false" ? null : {
@@ -129944,14 +129990,14 @@ Hs("wui-tour", class extends Us {
 		}
 	}
 	async _start(e) {
-		this._steps = this._stepList(), this._progress = _ht(this._steps.length);
+		this._steps = this._stepList(), this._progress = yht(this._steps.length);
 		let t = this._store();
 		if (t && !this.tourId) throw Error("<wui-tour> needs a tour-id to use a seen store.");
 		if (t && await t.isSeen(this.tourId)) {
 			e === this._run && this._finish("alreadySeen");
 			return;
 		}
-		for (let [e, t] of this._steps.entries()) t.target && !kht(document.querySelector(t.target)) && this._progress.drop(e);
+		for (let [e, t] of this._steps.entries()) t.target && !jht(document.querySelector(t.target)) && this._progress.drop(e);
 		this._returnFocus = document.activeElement;
 		let n = await this._locate(0, 1, e);
 		if (e === this._run) {
@@ -129990,7 +130036,7 @@ Hs("wui-tour", class extends Us {
 				target: null
 			};
 			let t = document.querySelector(e.target);
-			if (kht(t)) return this._progress.position(i), {
+			if (jht(t)) return this._progress.position(i), {
 				index: i,
 				target: t
 			};
@@ -130010,13 +130056,13 @@ Hs("wui-tour", class extends Us {
 		})), await Promise.all(n), typeof this.onBeforeStep == "function" && await this.onBeforeStep(e, t);
 	}
 	_build() {
-		let e = `wui-tour-${++Dht}`, t = document.createElement("div");
+		let e = `wui-tour-${++kht}`, t = document.createElement("div");
 		t.className = "wui-tour-layer", t.innerHTML = ` <div class="wui-tour-spot" aria-hidden="true"></div> <div class="wui-tour-card" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="${e}-title" aria-describedby="${e}-text"> <p class="wui-tour-position"></p> <h2 class="wui-tour-title" id="${e}-title"></h2> <p class="wui-tour-text" id="${e}-text"></p> <div class="wui-tour-actions"> <button type="button" class="btn btn-sm btn-link wui-tour-skip"></button> <div class="wui-tour-nav"> <button type="button" class="btn btn-sm btn-outline-secondary wui-tour-back"></button> <button type="button" class="btn btn-sm btn-primary wui-tour-next"></button> </div> </div> </div> <div class="visually-hidden" role="status" aria-live="polite"></div>`;
 		let n = t;
-		this._shadow = null, this.isolated && (n = document.createElement(xht), this._shadow = n.attachShadow({ mode: "open" }), Mht(this._shadow), this._shadow.appendChild(t)), document.body.appendChild(n), document.documentElement.setAttribute(kK, ""), this._outer = n, this._layer = t, this._spot = t.querySelector(".wui-tour-spot"), this._card = t.querySelector(".wui-tour-card"), this._live = t.querySelector("[role=status]"), this._card.querySelector(".wui-tour-skip").addEventListener("click", () => this._close("skipped", "button")), this._card.querySelector(".wui-tour-back").addEventListener("click", () => this._move(-1)), this._card.querySelector(".wui-tour-next").addEventListener("click", () => this._move(1)), this._shadow && this._card.removeAttribute("aria-modal"), this._onKey = (e) => this._key(e), this._onFocusIn = (e) => {
+		this._shadow = null, this.isolated && (n = document.createElement(Cht), this._shadow = n.attachShadow({ mode: "open" }), Pht(this._shadow), this._shadow.appendChild(t)), document.body.appendChild(n), document.documentElement.setAttribute(kK, ""), this._outer = n, this._layer = t, this._spot = t.querySelector(".wui-tour-spot"), this._card = t.querySelector(".wui-tour-card"), this._live = t.querySelector("[role=status]"), this._card.querySelector(".wui-tour-skip").addEventListener("click", () => this._close("skipped", "button")), this._card.querySelector(".wui-tour-back").addEventListener("click", () => this._move(-1)), this._card.querySelector(".wui-tour-next").addEventListener("click", () => this._move(1)), this._shadow && this._card.removeAttribute("aria-modal"), this._onKey = (e) => this._key(e), this._onFocusIn = (e) => {
 			if (!this._layer || this._ending) return;
 			let t = this._current, n = t ? this._steps[t.index] : null;
-			Emt(this._layer, n, t?.target ?? null, e.target) || this._card.focus();
+			Omt(this._layer, n, t?.target ?? null, e.target) || this._card.focus();
 		}, document.addEventListener("keydown", this._onKey, !0), this._shadow || document.addEventListener("focusin", this._onFocusIn), Gs(n, () => this._follow());
 	}
 	_active() {
@@ -130024,16 +130070,16 @@ Hs("wui-tour", class extends Us {
 	}
 	_show(e) {
 		this._current = e;
-		let { index: t, target: n } = e, r = this._steps[t], i = this._card, a = this._progress.position(t), o = this._progress.total(), s = a === o && !this._endDialogText(), c = vht(this, a, o);
-		yht(i, {
+		let { index: t, target: n } = e, r = this._steps[t], i = this._card, a = this._progress.position(t), o = this._progress.total(), s = a === o && !this._endDialogText(), c = bht(this, a, o);
+		xht(i, {
 			text: c,
 			position: a,
 			total: o
-		}), hht(i, r, {
+		}), _ht(i, r, {
 			pause: this._label("mediaPause"),
 			play: this._label("mediaPlay")
 		});
-		let l = wmt(this, {
+		let l = Emt(this, {
 			layer: this._layer,
 			spot: this._spot,
 			card: i
@@ -130044,9 +130090,9 @@ Hs("wui-tour", class extends Us {
 			r.title,
 			r.description
 		].filter(Boolean).join(". ");
-		this._live.textContent = l ? [d, l].join(/[.!?]$/.test(d) ? " " : ". ") : d, Gmt(i, n), this._spot.removeAttribute(q9), this._place(), Lmt(i), this._unbindAdvance?.(), this._unbindAdvance = Tmt(r, n, () => this._move(1));
+		this._live.textContent = l ? [d, l].join(/[.!?]$/.test(d) ? " " : ". ") : d, qmt(i, n), this._spot.removeAttribute(q9), this._place(), zmt(i), this._unbindAdvance?.(), this._unbindAdvance = Dmt(r, n, () => this._move(1));
 		let f = this._active();
-		(i.contains(f) ? !f.hidden : this._shadow !== null && Aht(jht())) || i.focus(), this.dispatchEvent(new CustomEvent("wui-tour:step", {
+		(i.contains(f) ? !f.hidden : this._shadow !== null && Mht(Nht())) || i.focus(), this.dispatchEvent(new CustomEvent("wui-tour:step", {
 			bubbles: !0,
 			detail: {
 				step: r,
@@ -130057,7 +130103,7 @@ Hs("wui-tour", class extends Us {
 		}));
 	}
 	_place() {
-		!this._current || !this._layer || Kmt(this._spot, this._card, this._current.target);
+		!this._current || !this._layer || Jmt(this._spot, this._card, this._current.target);
 	}
 	_follow() {
 		if (!this._current || !this._layer || this._ending) return;
@@ -130075,7 +130121,7 @@ Hs("wui-tour", class extends Us {
 			let r = await this._locate(e, t, n);
 			if (n !== this._run) return;
 			if (r) {
-				let e = Rmt(this._card);
+				let e = Bmt(this._card);
 				if (e && await e, n !== this._run) return;
 				this._show(r);
 			} else if (t > 0) {
@@ -130088,21 +130134,21 @@ Hs("wui-tour", class extends Us {
 		}
 	}
 	_showEnd(e) {
-		return this._unbindAdvance?.(), this._unbindAdvance = null, wmt(this, {
+		return this._unbindAdvance?.(), this._unbindAdvance = null, Emt(this, {
 			layer: this._layer,
 			spot: this._spot,
 			card: this._card
-		}, null, null), this._spot.removeAttribute(q9), this._ending = new AbortController(), this._seenMark = this._markSeen("finished"), tht(this._layer, e, this._ending.signal);
+		}, null, null), this._spot.removeAttribute(q9), this._ending = new AbortController(), this._seenMark = this._markSeen("finished"), rht(this._layer, e, this._ending.signal);
 	}
 	_key(e) {
 		if (!(!this._layer || this._ending || e.altKey || e.ctrlKey || e.metaKey)) {
 			if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), this._close("skipped", "escape");
 			else if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
-				if (Aht(e.composedPath?.()[0] ?? e.target)) return;
+				if (Mht(e.composedPath?.()[0] ?? e.target)) return;
 				e.preventDefault(), e.key === "ArrowRight" ? this._move(1) : this._current.index > this._firstIndex && this._move(-1);
 			} else if (e.key === "Tab" && !this._shadow) {
 				let { index: t, target: n } = this._current;
-				Dmt(e, {
+				kmt(e, {
 					card: this._card,
 					active: this._active(),
 					step: this._steps[t],
@@ -130115,7 +130161,7 @@ Hs("wui-tour", class extends Us {
 		if (!this._layer) return;
 		document.removeEventListener("keydown", this._onKey, !0), document.removeEventListener("focusin", this._onFocusIn);
 		let e = !this._shadow || this._shadow.activeElement !== null || !document.activeElement || document.activeElement === document.body;
-		this._unbindAdvance?.(), this._unbindAdvance = null, this._ending?.abort(), this._ending = null, this._seenMark = null, Ks(this._outer), zmt(this._outer), document.documentElement.removeAttribute(kK), this._outer = null, this._shadow = null, this._layer = null, this._current = null;
+		this._unbindAdvance?.(), this._unbindAdvance = null, this._ending?.abort(), this._ending = null, this._seenMark = null, Ks(this._outer), Vmt(this._outer), document.documentElement.removeAttribute(kK), this._outer = null, this._shadow = null, this._layer = null, this._current = null;
 		let t = this._returnFocus;
 		this._returnFocus = null, e && t?.isConnected && t.focus?.();
 	}
@@ -130124,7 +130170,7 @@ Hs("wui-tour", class extends Us {
 			index: r.index,
 			position: this._progress.position(r.index),
 			total: this._progress.total()
-		} : Eht, a = this._seenMark;
+		} : Oht, a = this._seenMark;
 		this._teardown();
 		try {
 			n === this._run && await (a ?? this._markSeen(e));
@@ -130132,7 +130178,7 @@ Hs("wui-tour", class extends Us {
 			this._finish(e, i, t);
 		}
 	}
-	_finish(e, t = Eht, n = null) {
+	_finish(e, t = Oht, n = null) {
 		this._run++, this._running = !1, this.hasAttribute("open") && this.removeAttribute("open"), this.dispatchEvent(new CustomEvent("wui-tour:close", {
 			bubbles: !0,
 			detail: {
@@ -130145,10 +130191,10 @@ Hs("wui-tour", class extends Us {
 });
 //#endregion
 //#region dist/components/AppTour.js
-var Nht = ["image", "video"], Pht = ["click"], Fht = u(function(e, n) {
+var Fht = ["image", "video"], Iht = ["click"], Lht = u(function(e, n) {
 	let { open: r, onClose: i, tourId: a, steps: o, seenStore: s, onBeforeStep: c, labels: l, endDialog: u = !0, className: d, ...f } = e;
 	U("AppTour", f);
-	for (let e of o) H("AppTour", "steps[].mediaType", e.mediaType, Nht), H("AppTour", "steps[].advanceOn", e.advanceOn, Pht);
+	for (let e of o) H("AppTour", "steps[].mediaType", e.mediaType, Fht), H("AppTour", "steps[].advanceOn", e.advanceOn, Iht);
 	let p = x(null), h = (e) => {
 		p.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
 	};
@@ -130200,11 +130246,11 @@ var Nht = ["image", "video"], Pht = ["click"], Fht = u(function(e, n) {
 			children: e.description
 		}, `${e.target}|${e.description}`))
 	});
-}), Iht = [
+}), Rht = [
 	"none",
 	"single",
 	"multiple"
-], Lht = "parentId", Rht = "Loading", zht = "Could not load. Try again.", Bht = ":scope > input[data-wui-mirror]", Vht = [
+], zht = "parentId", Bht = "Loading", Vht = "Could not load. Try again.", Hht = ":scope > input[data-wui-mirror]", Uht = [
 	"nodes",
 	"selection",
 	"selected",
@@ -130212,7 +130258,7 @@ var Nht = ["image", "video"], Pht = ["click"], Fht = u(function(e, n) {
 	"loadChildren",
 	"loadUrl",
 	"name"
-], Hht = 0;
+], Wht = 0;
 function Y9(e, t, n) {
 	let r = document.createElement(e);
 	t && (r.className = t);
@@ -130233,7 +130279,7 @@ Hs("wui-tree", class extends Us {
 		];
 	}
 	constructor() {
-		super(), this._uid = `wui-tree-${++Hht}`, this._seq = 0, this._roots = [], this._byId = /* @__PURE__ */ new Map(), this._prev = null, this._staged = null, this._els = /* @__PURE__ */ new Map(), this._checked = /* @__PURE__ */ new Set(), this._selected = null, this._focusId = null, this._loader = null, this._list = null, this._live = null, this._ready = !1, this._nav = nc({
+		super(), this._uid = `wui-tree-${++Wht}`, this._seq = 0, this._roots = [], this._byId = /* @__PURE__ */ new Map(), this._prev = null, this._staged = null, this._els = /* @__PURE__ */ new Map(), this._checked = /* @__PURE__ */ new Set(), this._selected = null, this._focusId = null, this._loader = null, this._list = null, this._live = null, this._ready = !1, this._nav = nc({
 			getVisibleOptions: () => this._visible().map((e) => this._els.get(e.id)?.row),
 			getActive: () => this._visible().findIndex((e) => e.id === this._focusId),
 			setActive: (e) => this._focusNode(this._visible()[e]),
@@ -130248,7 +130294,7 @@ Hs("wui-tree", class extends Us {
 	}
 	connectedCallback() {
 		let e = {};
-		for (let t of Vht) Object.hasOwn(this, t) && (e[t] = this[t], delete this[t]);
+		for (let t of Uht) Object.hasOwn(this, t) && (e[t] = this[t], delete this[t]);
 		if (!this._ready) {
 			this._ready = !0;
 			let e = this._readScript();
@@ -130274,7 +130320,7 @@ Hs("wui-tree", class extends Us {
 	}
 	get selection() {
 		let e = this.getAttribute("selection");
-		return Iht.includes(e) ? e : "none";
+		return Rht.includes(e) ? e : "none";
 	}
 	set selection(e) {
 		this.setAttribute("selection", String(e));
@@ -130318,13 +130364,13 @@ Hs("wui-tree", class extends Us {
 		e == null ? this.removeAttribute("name") : this.setAttribute("name", String(e));
 	}
 	get loadingText() {
-		return this.getAttribute("loading-text") ?? Rht;
+		return this.getAttribute("loading-text") ?? Bht;
 	}
 	set loadingText(e) {
 		this.setAttribute("loading-text", String(e ?? ""));
 	}
 	get errorText() {
-		return this.getAttribute("error-text") ?? zht;
+		return this.getAttribute("error-text") ?? Vht;
 	}
 	set errorText(e) {
 		this.setAttribute("error-text", String(e ?? ""));
@@ -130513,7 +130559,7 @@ Hs("wui-tree", class extends Us {
 		let t = this.getAttribute("load-url");
 		if (!t) throw Error("<wui-tree> has a node with children to load but no loadChildren or load-url.");
 		let n = new URL(t, window.location.href);
-		n.searchParams.set(Lht, e.id);
+		n.searchParams.set(zht, e.id);
 		let r = await SK(n.href, { headers: { Accept: "application/json" } });
 		if (!r.ok) throw Error(`Loading children answered ${r.kind}.`);
 		return JSON.parse(r.html);
@@ -130534,7 +130580,7 @@ Hs("wui-tree", class extends Us {
 		let e = this.selection;
 		if (e === "multiple") tc(this, this.values);
 		else if (e === "single") ec(this, this._selected ?? "");
-		else for (let e of this.querySelectorAll(Bht)) e.remove();
+		else for (let e of this.querySelectorAll(Hht)) e.remove();
 	}
 	_render() {
 		if (!this._list) return;
@@ -130589,13 +130635,13 @@ Hs("wui-tree", class extends Us {
 });
 //#endregion
 //#region dist/components/AppTreeView.js
-var Uht = [
+var Ght = [
 	"none",
 	"single",
 	"multiple"
-], Wht = u(function(e, n) {
+], Kht = u(function(e, n) {
 	let { nodes: r, selection: i, selected: a, onSelect: o, checked: s, onCheck: c, loadChildren: l, loadUrl: u, onLoadError: d, name: f, loadingText: p, errorText: h, ariaLabel: g, id: _, className: v = "", ...y } = e;
-	U("AppTreeView", y), H("AppTreeView", "selection", i, Uht);
+	U("AppTreeView", y), H("AppTreeView", "selection", i, Ght);
 	let { setRef: b, innerRef: S } = Ls({
 		ref: n,
 		value: s,
@@ -130672,7 +130718,7 @@ Hs("wui-truncate", class extends Us {
 });
 //#endregion
 //#region dist/components/AppTruncate.js
-function Ght(e) {
+function qht(e) {
 	let { children: n, lines: r = 1, width: i, style: a, className: o = "", ...s } = e;
 	U("AppTruncate", s);
 	let c = Number.isInteger(r) && r > 1, l = {
@@ -130697,9 +130743,9 @@ function Ght(e) {
 }
 //#endregion
 //#region dist/components/AppUpdateBar.js
-var Kht = () => window.location.reload();
-function qht(e) {
-	let { onReload: r = Kht, dismissible: i = !1, onDismiss: a, className: o = "", ...s } = e;
+var Jht = () => window.location.reload();
+function Yht(e) {
+	let { onReload: r = Jht, dismissible: i = !1, onDismiss: a, className: o = "", ...s } = e;
 	return U("AppUpdateBar", s), n(jc, {
 		tone: "info",
 		icon: "refresh-cw",
@@ -130721,7 +130767,7 @@ function qht(e) {
 }
 //#endregion
 //#region ../elements/dist/WuiWhatsNew-bOkXSofq.js
-var Jht = "wui-whats-new-read", Yht = "wui-whats-new:", X9 = "data-open", Z9 = "data-wui-unread", Xht = 0;
+var Xht = "wui-whats-new-read", Zht = "wui-whats-new:", X9 = "data-open", Z9 = "data-wui-unread", Qht = 0;
 //#endregion
 //#region ../elements/dist/elements/whats-new.js
 Hs("wui-whats-new", class extends Us {
@@ -130747,7 +130793,7 @@ Hs("wui-whats-new", class extends Us {
 	connectedCallback() {
 		this._doc = this.ownerDocument;
 		let e = this._panel, t = this._trigger;
-		!e || !t || (e.id ||= `wui-whats-new-${++Xht}`, t.setAttribute("aria-controls", e.id), t.setAttribute("aria-expanded", "false"), t.addEventListener("click", this._onTriggerClick), this.addEventListener("keydown", this._onKeyDown), this._seen = this._load(), this._refresh(), typeof MutationObserver < "u" && (this._observer = new MutationObserver(() => this._refresh()), this._observer.observe(e, {
+		!e || !t || (e.id ||= `wui-whats-new-${++Qht}`, t.setAttribute("aria-controls", e.id), t.setAttribute("aria-expanded", "false"), t.addEventListener("click", this._onTriggerClick), this.addEventListener("keydown", this._onKeyDown), this._seen = this._load(), this._refresh(), typeof MutationObserver < "u" && (this._observer = new MutationObserver(() => this._refresh()), this._observer.observe(e, {
 			childList: !0,
 			subtree: !0
 		})));
@@ -130787,7 +130833,7 @@ Hs("wui-whats-new", class extends Us {
 	}
 	_markRead() {
 		let e = this._newest();
-		!e || e <= this._seen || (this._seen = e, this._save(e), this.toggleAttribute(Z9, !1), this.dispatchEvent(new CustomEvent(Jht, {
+		!e || e <= this._seen || (this._seen = e, this._save(e), this.toggleAttribute(Z9, !1), this.dispatchEvent(new CustomEvent(Xht, {
 			bubbles: !0,
 			detail: { through: e }
 		})));
@@ -130798,7 +130844,7 @@ Hs("wui-whats-new", class extends Us {
 		try {
 			return {
 				store: this.ownerDocument.defaultView.localStorage,
-				key: Yht + e
+				key: Zht + e
 			};
 		} catch {
 			return null;
@@ -130815,7 +130861,7 @@ Hs("wui-whats-new", class extends Us {
 });
 //#endregion
 //#region dist/components/AppWhatsNew.js
-function Zht(e) {
+function $ht(e) {
 	let { entries: r = [], storageKey: i, label: a = "What's new", unreadLabel: o = "unread", emptyText: s = "Nothing new yet", onRead: c, className: l = "", ...u } = e;
 	U("AppWhatsNew", u);
 	let d = x(null), f = x(c);
@@ -130898,17 +130944,17 @@ function Zht(e) {
 }
 //#endregion
 //#region ../elements/dist/WuiWizardStep-DZ4ohL0J.js
-var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
+var egt = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", tgt = {
 	done: "Done",
 	active: "Current",
 	pending: "To do",
 	error: "Error",
 	skipped: "Skipped"
-}, egt = [
+}, ngt = [
 	"data-nav",
 	"data-step",
 	"data-close"
-], tgt = /* @__PURE__ */ new WeakSet(), ngt = class extends Us {
+], rgt = /* @__PURE__ */ new WeakSet(), igt = class extends Us {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -130953,7 +130999,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 		this._beforeNext = typeof e == "function" ? e : null;
 	}
 	get _steps() {
-		return [...this.querySelectorAll(`:scope > ${Qht}`)];
+		return [...this.querySelectorAll(`:scope > ${egt}`)];
 	}
 	refresh() {
 		this._rendered && this._renderChrome();
@@ -130995,7 +131041,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 			this._header,
 			this._footer
 		].some((t) => t?.contains(e))) return null;
-		let t = egt.find((t) => e.hasAttribute(t));
+		let t = ngt.find((t) => e.hasAttribute(t));
 		return t ? {
 			attr: t,
 			value: e.getAttribute(t)
@@ -131021,7 +131067,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 		}
 		this._topBar || (this._topBar = document.createElement("div"), this._topBar.className = "wui-wizard-topbar", this._rendered && this._topBar.addEventListener("click", this._onTopBarClick)), this._header.previousElementSibling !== this._topBar && this.insertBefore(this._topBar, this._header);
 		let t = this.getAttribute("bar-title") || "", n = this.getAttribute("close-label") || "Close", r = e.length ? `<span class="wui-wizard-topbar-count">Step ${this._active + 1} of ${e.length}</span>` : "";
-		this._topBar.innerHTML = `<span class="wui-wizard-topbar-title">${$9(t)}</span>${r}<button type="button" class="wui-wizard-topbar-close" data-close aria-label="${igt(n)}">${this._glyph("x")}</button>`;
+		this._topBar.innerHTML = `<span class="wui-wizard-topbar-title">${$9(t)}</span>${r}<button type="button" class="wui-wizard-topbar-close" data-close aria-label="${ogt(n)}">${this._glyph("x")}</button>`;
 	}
 	_clampActive(e) {
 		let t = Math.max(0, e.length - 1);
@@ -131029,7 +131075,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 	}
 	_reconcileSteps() {
 		let e = this._steps, t = this._known;
-		if (this._known = e, rgt(e, t)) return e;
+		if (this._known = e, agt(e, t)) return e;
 		let n = (n) => new Set([...n].map((n) => e.indexOf(t[n])).filter((e) => e >= 0));
 		this._skipped = n(this._skipped), this._invalid = n(this._invalid);
 		let r = t[this._active];
@@ -131049,7 +131095,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 	_onStepsMutated() {
 		if (!this._rendered) return;
 		let e = this._steps, t = !e.length || this._header.nextElementSibling === e[0] && this._footer.previousElementSibling === e[e.length - 1];
-		this.querySelector(Q9) !== this._glyphs && (this._watchGlyphs(), this._renderHeader()), !(t && rgt(e, this._known)) && (this._renderChrome(), this._observer?.takeRecords());
+		this.querySelector(Q9) !== this._glyphs && (this._watchGlyphs(), this._renderHeader()), !(t && agt(e, this._known)) && (this._renderChrome(), this._observer?.takeRecords());
 	}
 	_syncPanels(e) {
 		e.forEach((e, t) => {
@@ -131073,13 +131119,13 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 			o && "wui-stepper-start"
 		].filter(Boolean).join(" "), this._header.setAttribute("aria-label", this.getAttribute("label") || "Progress");
 		let s = this.hasAttribute("non-linear");
-		for (let t of e) t.getAttribute("label") || tgt.has(t) || (tgt.add(t), pK("wui-wizard: a <wui-wizard-step> needs a label attribute; its header segment is empty."));
+		for (let t of e) t.getAttribute("label") || rgt.has(t) || (rgt.add(t), pK("wui-wizard: a <wui-wizard-step> needs a label attribute; its header segment is empty."));
 		let c = e.map((i, o) => {
 			let c = this._stepStatus(i, o), l = i.getAttribute("label") || "", u = i.getAttribute("description") || "", d = i.getAttribute("icon") || "", f = o + 1, p;
 			p = c === "done" ? this._glyph("check") : c === "error" ? this._glyph("alert-triangle") : c === "skipped" ? this._glyph("minus") : d ? this._glyph(d) : String(f);
 			let m = c === "pending" ? "step" : `step ${c}`, h = c === "active" ? " aria-current=\"step\"" : "", g = s || o < this._active;
 			if (r) {
-				let e = `<span class="step-circle">${p}</span><span class="step-text"><span class="step-label">${$9(l)}</span><span class="wui-step-tile-state">${$ht[c] ?? ""}</span></span>`, t = g ? `<button type="button" class="wui-step-tile-body" data-step="${o}"${h}>${e}</button>` : `<div class="wui-step-tile-body"${h}>${e}</div>`;
+				let e = `<span class="step-circle">${p}</span><span class="step-text"><span class="step-label">${$9(l)}</span><span class="wui-step-tile-state">${tgt[c] ?? ""}</span></span>`, t = g ? `<button type="button" class="wui-step-tile-body" data-step="${o}"${h}>${e}</button>` : `<div class="wui-step-tile-body"${h}>${e}</div>`;
 				return `<li class="${c === "pending" ? "wui-step-tile" : `wui-step-tile ${c}`}">${t}</li>`;
 			}
 			let _ = u ? `<span class="step-desc">${$9(u)}</span>` : "", v;
@@ -131184,7 +131230,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
 	_reflectActive(e) {
 		this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
 	}
-}, rgt = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), $9 = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), igt = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}, agt = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), $9 = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ogt = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 //#endregion
 //#region ../elements/dist/elements/wizard.js
 Hs("wui-wizard-step", class extends Us {
@@ -131201,80 +131247,80 @@ Hs("wui-wizard-step", class extends Us {
 		let e = this.closest("wui-wizard");
 		e && typeof e.refresh == "function" && e.refresh();
 	}
-}), Hs("wui-wizard", ngt);
+}), Hs("wui-wizard", igt);
 //#endregion
 //#region dist/components/AppWizard.js
-var agt = [
+var sgt = [
 	"steps",
 	"journey",
 	"icons",
 	"tiles"
-], ogt = [
+], cgt = [
 	"primary",
 	"success",
 	"warning",
 	"danger",
 	"info"
-], sgt = ["horizontal", "vertical"], cgt = ["center", "start"], lgt = [
+], lgt = ["horizontal", "vertical"], ugt = ["center", "start"], dgt = [
 	"done",
 	"active",
 	"pending",
 	"error"
-], ugt = [
+], fgt = [
 	"key",
 	"label",
 	"description",
 	"optional",
 	"icon",
 	"status"
-], dgt = [
+], pgt = [
 	"linear",
 	"outline",
 	"bold",
 	"bulk",
 	"broken",
 	"twotone"
-], fgt = [
+], mgt = [
 	"check",
 	"alert-triangle",
 	"minus"
-], pgt = [
+], hgt = [
 	"sm",
 	"md",
 	"lg"
-], mgt = {
+], ggt = {
 	sm: 14,
 	md: 16,
 	lg: 20
-}, hgt = /* @__PURE__ */ new Set(), ggt = () => {
+}, _gt = /* @__PURE__ */ new Set(), vgt = () => {
 	try {
 		return !1;
 	} catch {
 		return !0;
 	}
 };
-function _gt(e) {
+function ygt(e) {
 	if (!Array.isArray(e)) throw Error("AppWizard: steps must be an array of { label, description?, optional?, icon?, status?, key? } objects.");
 	e.forEach((e, t) => {
 		if (typeof e != "object" || !e || typeof e.label != "string" || e.label.trim() === "") throw Error(`AppWizard: steps[${t}] needs a text label.`);
-		if (ggt()) for (let n of Object.keys(e)) {
-			if (ugt.includes(n)) continue;
-			let e = `AppWizard: steps[${t}] has an unknown field ${n}; the fields are ${ugt.join(", ")}.`;
-			hgt.has(e) || (hgt.add(e), se(e));
+		if (vgt()) for (let n of Object.keys(e)) {
+			if (fgt.includes(n)) continue;
+			let e = `AppWizard: steps[${t}] has an unknown field ${n}; the fields are ${fgt.join(", ")}.`;
+			_gt.has(e) || (_gt.add(e), se(e));
 		}
 	});
 }
-var vgt = u(function(e, r) {
+var bgt = u(function(e, r) {
 	let { steps: i = [], children: o, active: s, defaultActive: c = 0, onStepChange: l, onFinish: u, onSkip: d, beforeNext: f, onInvalid: p, onClose: h, variant: g = "steps", tone: _, doneTone: v, orientation: y = "horizontal", align: b = "center", iconVariant: S, size: C = "md", iconSize: w, skippable: T = !1, nonLinear: E = !1, hideStepper: D = !1, hideConnectors: O = !1, disabled: k = !1, label: A = "Progress", backLabel: j = "Back", nextLabel: M = "Next", skipLabel: N = "Skip", finishLabel: P = "Finish", topBar: F = !1, barTitle: I, closeLabel: L = "Close", className: R = "", ...ee } = e;
-	U("AppWizard", ee), H("AppWizard", "variant", g, agt), H("AppWizard", "tone", _, ogt), H("AppWizard", "doneTone", v, ogt), H("AppWizard", "orientation", y, sgt), H("AppWizard", "align", b, cgt), H("AppWizard", "iconVariant", S, dgt), H("AppWizard", "size", C, pgt), _gt(i);
-	let te = w > 0 ? w : mgt[C] ?? mgt.md;
-	for (let e of i) H("AppWizard", "steps[].status", e.status, lgt);
+	U("AppWizard", ee), H("AppWizard", "variant", g, sgt), H("AppWizard", "tone", _, cgt), H("AppWizard", "doneTone", v, cgt), H("AppWizard", "orientation", y, lgt), H("AppWizard", "align", b, ugt), H("AppWizard", "iconVariant", S, pgt), H("AppWizard", "size", C, hgt), ygt(i);
+	let te = w > 0 ? w : ggt[C] ?? ggt.md;
+	for (let e of i) H("AppWizard", "steps[].status", e.status, dgt);
 	let z = x(null), ne = (e) => {
 		z.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-	}, re = a.toArray(o), ie = S && S !== "linear" ? [.../* @__PURE__ */ new Set([...fgt, ...i.map((e) => e.icon).filter(Boolean)])] : [], ae = [
+	}, re = a.toArray(o), ie = S && S !== "linear" ? [.../* @__PURE__ */ new Set([...mgt, ...i.map((e) => e.icon).filter(Boolean)])] : [], ae = [
 		_ && `wui-step-tone-${_}`,
 		v && `wui-step-done-tone-${v}`,
-		C !== "md" && pgt.includes(C) && `wui-step-size-${C}`,
+		C !== "md" && hgt.includes(C) && `wui-step-size-${C}`,
 		R
 	].filter(Boolean).join(" ");
 	return m(() => {
@@ -131340,19 +131386,19 @@ var vgt = u(function(e, r) {
 			}, e))
 		})]
 	});
-}), ygt = [
+}), xgt = [
 	"sm",
 	"md",
 	"lg"
-], bgt = /* @__PURE__ */ new Set([
+], Sgt = /* @__PURE__ */ new Set([
 	"ArrowUp",
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight"
 ]);
-function xgt(e) {
+function Cgt(e) {
 	let { tenants: r = [], currentId: i, onSelect: a, menuLabel: o, footerAction: s, linkComponent: c, searchable: l = !1, onCreate: u, canCreate: d = !1, createLabel: f = "Create workspace", compact: p = !1, size: h = "md", ariaLabel: g, ..._ } = e, { onToggle: v, ...b } = _;
-	U("AppWorkspaceSwitcher", b), H("AppWorkspaceSwitcher", "size", h, ygt);
+	U("AppWorkspaceSwitcher", b), H("AppWorkspaceSwitcher", "size", h, xgt);
 	let [C, w] = S(""), [T, E] = S(!1), D = x(null), O = (e, t) => {
 		E(e), v?.(e, t);
 	}, k = r.find((e) => e.id === i) ?? r[0], A = y(() => {
@@ -131370,7 +131416,7 @@ function xgt(e) {
 		let e = D.current;
 		if (!e) return;
 		let t = (e) => {
-			if (bgt.has(e.key)) {
+			if (Sgt.has(e.key)) {
 				e.stopPropagation();
 				return;
 			}
@@ -131389,7 +131435,7 @@ function xgt(e) {
 		...V("AppWorkspaceSwitcher", e),
 		...b,
 		children: [t(Bi.Toggle, {
-			as: wgt,
+			as: Egt,
 			compact: p,
 			tenant: k,
 			"aria-label": M
@@ -131425,7 +131471,7 @@ function xgt(e) {
 						className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
 						onClick: () => a?.(e),
 						children: [
-							t(Sgt, { tenant: e }),
+							t(wgt, { tenant: e }),
 							t("span", {
 								className: "workspace-switcher-option-name",
 								children: e.name
@@ -131457,13 +131503,13 @@ function xgt(e) {
 				}) : null,
 				s ? t("div", {
 					className: "workspace-switcher-footer",
-					children: Cgt(s, c)
+					children: Tgt(s, c)
 				}) : null
 			]
 		})]
 	});
 }
-function Sgt({ tenant: e }) {
+function wgt({ tenant: e }) {
 	return e?.logoUrl ? t("img", {
 		className: "workspace-switcher-mark",
 		src: e.logoUrl,
@@ -131474,7 +131520,7 @@ function Sgt({ tenant: e }) {
 		children: cc(e?.name, 1)
 	});
 }
-function Cgt(e, r) {
+function Tgt(e, r) {
 	if (typeof e != "object" || !e || !("label" in e)) return e;
 	let { label: i, icon: a, href: o } = e;
 	return n(o ? r ?? "a" : "button", {
@@ -131486,7 +131532,7 @@ function Cgt(e, r) {
 		}) : null, i]
 	});
 }
-var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...s }, c) {
+var Egt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...s }, c) {
 	return n("button", {
 		ref: c,
 		type: "button",
@@ -131494,7 +131540,7 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 		"aria-haspopup": "true",
 		"aria-label": a,
 		...s,
-		children: [t(Sgt, { tenant: i }), r ? null : n(e, { children: [t("span", {
+		children: [t(wgt, { tenant: i }), r ? null : n(e, { children: [t("span", {
 			className: "workspace-switcher-trigger-name",
 			children: i?.name
 		}), t(W, {
@@ -131503,7 +131549,7 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 			className: "workspace-switcher-chevron"
 		})] })]
 	});
-}), Tgt = ee({
+}), Dgt = ee({
 	components: {
 		AppAccordion: us,
 		AppActionIcon: fs,
@@ -131609,51 +131655,51 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 		AppScoreScale: Kdt,
 		AppScrollbar: qdt,
 		AppSearch: wXe,
-		AppSectionCallToAction: Xdt,
-		AppSectionFaq: Qdt,
-		AppSectionFeatures: eft,
-		AppSectionHero: tft,
-		AppSectionLogos: nft,
-		AppSectionPricing: rft,
-		AppSectionTestimonials: ift,
+		AppSectionCallToAction: Zdt,
+		AppSectionFaq: $dt,
+		AppSectionFeatures: tft,
+		AppSectionHero: nft,
+		AppSectionLogos: rft,
+		AppSectionPricing: ift,
+		AppSectionTestimonials: aft,
 		AppSegmented: iK,
 		AppSelect: OXe,
 		AppSelectMini: fGe,
-		AppShell: bft,
-		AppShortcutLegend: Mft,
-		AppShowMore: Ift,
-		AppSidebarMenu: zft,
+		AppShell: Sft,
+		AppShortcutLegend: Pft,
+		AppShowMore: Rft,
+		AppSidebarMenu: Vft,
 		AppSkeleton: cGe,
 		AppSkeletonRows: lGe,
-		AppSlider: Uft,
-		AppSortableList: tpt,
+		AppSlider: Gft,
+		AppSortableList: rpt,
 		AppSparkline: d$e,
 		AppSpinner: qHe,
-		AppSplash: rpt,
-		AppSplitButton: cpt,
-		AppSplitView: gpt,
-		AppStatusBadge: vpt,
-		AppStepper: Ept,
+		AppSplash: apt,
+		AppSplitButton: upt,
+		AppSplitView: vpt,
+		AppStatusBadge: bpt,
+		AppStepper: Opt,
 		AppSwitch: AXe,
-		AppTableEmptyState: Opt,
+		AppTableEmptyState: Apt,
 		AppTablePagination: gGe,
-		AppTableToolbar: kpt,
-		AppTabs: Rpt,
-		AppTagInput: Hpt,
-		AppTextarea: Upt,
-		AppThemeToggle: Kpt,
-		AppTimePicker: cmt,
-		AppTimeline: nmt,
-		AppToast: fmt,
-		AppToolbar: mmt,
+		AppTableToolbar: jpt,
+		AppTabs: Bpt,
+		AppTagInput: Wpt,
+		AppTextarea: Gpt,
+		AppThemeToggle: Jpt,
+		AppTimePicker: umt,
+		AppTimeline: imt,
+		AppToast: mmt,
+		AppToolbar: gmt,
 		AppTooltip: ua,
-		AppTour: Fht,
-		AppTreeView: Wht,
-		AppTruncate: Ght,
-		AppUpdateBar: qht,
-		AppWhatsNew: Zht,
-		AppWizard: vgt,
-		AppWorkspaceSwitcher: xgt
+		AppTour: Lht,
+		AppTreeView: Kht,
+		AppTruncate: qht,
+		AppUpdateBar: Yht,
+		AppWhatsNew: $ht,
+		AppWizard: bgt,
+		AppWorkspaceSwitcher: Cgt
 	},
 	markers: {
 		AppAccordion: "AppAccordion",
@@ -132347,7 +132393,7 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 		kind: "WeborityWeb",
 		library: {
 			name: "@webority/ui-react",
-			version: "0.92.0"
+			version: "0.94.0"
 		},
 		rendererProtocolVersion: 7,
 		platform: "Web",
@@ -143967,7 +144013,8 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 						name: "value",
 						type: "number",
 						required: !1,
-						description: "The current number. Leave it unset for an empty field."
+						nullable: !0,
+						description: "The current number; null or unset for an empty field."
 					}
 				],
 				itemsTakeAction: [],
@@ -147487,6 +147534,20 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 						required: !1,
 						description: "A short label above the heading: any node, including a styled container drawn as a pill."
 					},
+					{
+						name: "eyebrowTone",
+						type: "enum",
+						enum: [
+							"danger",
+							"info",
+							"neutral",
+							"primary",
+							"success",
+							"warning"
+						],
+						required: !1,
+						description: "Draws the eyebrow as a pill in this tone; unset keeps plain text."
+					},
 					{
 						name: "media",
 						type: "node",
@@ -148096,9 +148157,13 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 					{
 						name: "floatingLabel",
 						type: "enum",
-						enum: ["border", "off"],
+						enum: [
+							"above",
+							"border",
+							"off"
+						],
 						required: !1,
-						description: "Where the label rests. Off keeps it above the control. Border sits the label inside as a placeholder, then slides it onto the top border on focus or once a value is chosen. Needs label.",
+						description: "Where the label rests. Off keeps it above the control. Border sits the label inside as a placeholder, then slides it onto the top border on focus or once a value is chosen. Above rests it above the box, clear of the border. Needs label.",
 						default: "off"
 					},
 					{
@@ -155333,4 +155398,4 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 	}
 });
 //#endregion
-export { Tgt as default };
+export { Dgt as default };