@webority/ui-react 0.13.4 → 0.14.0

package/dist/ui-react.js

@@ -579,57 +579,81 @@ function Oe({ items: e = [], multiple: t = !1, id: n, className: r = "", ...i })
 }
 //#endregion
 //#region src/components/renderIconProp.js
-function X(e, { size: t = 16, className: n } = {}) {
+function X(e, { size: t = 16, className: n, variant: i } = {}) {
 	return e == null || e === !1 ? null : typeof e == "string" ? r(Y, {
 		name: e,
 		size: t,
-		className: n
+		className: n,
+		variant: i
 	}) : e;
 }
 //#endregion
 //#region src/components/AppActionIcon.jsx
-function ke({ icon: e, label: t, tooltipPlacement: n = "auto", danger: r = !1, disabled: i = !1, size: a = 20, onClick: o, className: s = "", as: c, href: l, ...u }) {
-	U("AppActionIcon", u);
-	let d = [
+var ke = [
+	"linear",
+	"outline",
+	"bold",
+	"bulk",
+	"broken",
+	"twotone"
+];
+function Ae({ icon: e, iconVariant: t, label: n, tooltipPlacement: r = "auto", danger: i = !1, disabled: a = !1, size: o = 20, onClick: s, className: c = "", as: l, href: u, ...d }) {
+	U("AppActionIcon", d), W("AppActionIcon", "iconVariant", t, ke);
+	let f = [
 		"u-action",
-		r ? "danger" : "",
-		s
-	].filter(Boolean).join(" "), { style: f, ...p } = u, m = {
-		"--wui-action-size": `${a + 16}px`,
-		...f
-	}, h = c ?? (l ? "a" : "button"), g = h === "button";
-	return K(/* @__PURE__ */ E(h, {
-		type: g ? "button" : void 0,
-		href: g || i ? void 0 : l,
-		className: d,
-		style: m,
-		"aria-label": t,
-		disabled: g ? i : void 0,
-		"aria-disabled": !g && i ? "true" : void 0,
-		role: !g && i ? "link" : void 0,
-		tabIndex: !g && i ? -1 : void 0,
+		i ? "danger" : "",
+		c
+	].filter(Boolean).join(" "), { style: p, ...m } = d, h = {
+		"--wui-action-size": `${o + 16}px`,
+		...p
+	}, g = l ?? (u ? "a" : "button"), _ = g === "button";
+	return K(/* @__PURE__ */ E(g, {
+		type: _ ? "button" : void 0,
+		href: _ || a ? void 0 : u,
+		className: f,
+		style: h,
+		"aria-label": n,
+		disabled: _ ? a : void 0,
+		"aria-disabled": !_ && a ? "true" : void 0,
+		role: !_ && a ? "link" : void 0,
+		tabIndex: !_ && a ? -1 : void 0,
 		onClick: (e) => {
-			if (i) {
+			if (a) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			o?.(e);
+			s?.(e);
 		},
-		...p,
-		children: X(e, { size: a })
-	}), t, n);
+		...m,
+		children: X(e, {
+			size: o,
+			variant: t
+		})
+	}), n, r);
 }
 //#endregion
 //#region src/components/AppAlert.jsx
-var Ae = {
+var je = {
 	info: "info",
 	success: "check",
 	warning: "alert-triangle",
 	danger: "x"
-};
-function je(e, t, n, r) {
+}, Me = [
+	"sm",
+	"md",
+	"lg"
+], Ne = [
+	"alert",
+	"status",
+	"none"
+];
+function Pe(e, t, n, r, i) {
 	return n ? /* @__PURE__ */ E("span", {
 		className: "alert-icon alert-icon-image",
+		style: i > 0 ? {
+			width: i,
+			height: i
+		} : void 0,
 		children: /* @__PURE__ */ E("img", {
 			src: n,
 			alt: r
@@ -645,34 +669,45 @@ function je(e, t, n, r) {
 		children: e
 	}) : null;
 }
-function Me({ variant: e = "info", children: t, title: n, icon: r, image: i, imageAlt: a = "", className: o = "", onClose: s, dismissible: c, bordered: l = !0, role: u = "alert", ...d }) {
-	U("AppAlert", d);
-	let f = r === void 0 ? Ae[e] : r === "none" ? null : r, m = !!i || !!f, h = n ? /* @__PURE__ */ E("div", {
+function Fe({ variant: e = "info", children: t, title: n, icon: r, image: i, imageAlt: a = "", imageSize: o, className: s = "", onClose: c, dismissible: l, bordered: u = !0, accent: d = !1, size: f = "md", action: m, role: h = "alert", ...g }) {
+	U("AppAlert", g), W("AppAlert", "size", f, Me), W("AppAlert", "role", h, Ne);
+	let _ = r === void 0 ? je[e] : r === "none" ? null : r, v = !!i || !!_, y = m != null && m !== !1, b = n ? /* @__PURE__ */ E("div", {
 		className: "alert-heading",
 		children: n
-	}) : null, g = m && !!h && !!t, _ = g ? 13 : 11;
+	}) : null, x = v && !!b && !!t, S = f === "lg" ? x ? 17 : 15 : x ? 13 : 11;
 	return /* @__PURE__ */ E(p, {
 		variant: e,
 		className: [
-			m ? "alert-has-icon" : "",
-			g ? "alert-stack" : "",
-			l ? "" : "alert-borderless",
-			o
+			v ? "alert-has-icon" : "",
+			y ? "alert-has-action" : "",
+			x ? "alert-stack" : "",
+			u ? "" : "alert-borderless",
+			d ? "alert-accent" : "",
+			f === "sm" ? "alert-sm" : "",
+			f === "lg" ? "alert-lg" : "",
+			s
 		].filter(Boolean).join(" ") || void 0,
-		onClose: s,
-		dismissible: c ?? typeof s == "function",
+		onClose: c,
+		dismissible: l ?? typeof c == "function",
 		transition: !1,
-		role: u,
-		...d,
-		children: m ? /* @__PURE__ */ D(T, { children: [je(f, _, i, a), /* @__PURE__ */ D("div", {
-			className: "alert-content",
-			children: [h, t]
-		})] }) : /* @__PURE__ */ D(T, { children: [h, t] })
+		role: h === "none" ? void 0 : h,
+		...g,
+		children: v || y ? /* @__PURE__ */ D(T, { children: [
+			v && Pe(_, S, i, a, o),
+			/* @__PURE__ */ D("div", {
+				className: "alert-content",
+				children: [b, t]
+			}),
+			y && /* @__PURE__ */ E("div", {
+				className: "alert-action",
+				children: m
+			})
+		] }) : /* @__PURE__ */ D(T, { children: [b, t] })
 	});
 }
 //#endregion
 //#region src/components/AppButton.jsx
-var Ne = {
+var Ie = {
 	primary: "primary",
 	secondary: "secondary",
 	outline: "outline-primary",
@@ -685,28 +720,28 @@ var Ne = {
 	warning: "warning",
 	subtle: "subtle",
 	"outline-light": "outline-light"
-}, Pe = {
+}, Le = {
 	sm: 14,
 	md: 16,
 	lg: 20
 };
-function Fe(e, t, n) {
+function Re(e, t, n) {
 	if (!e) return null;
 	let r = t === "left" ? "me-2" : "ms-2";
 	return typeof e == "string" ? /* @__PURE__ */ E(Y, {
 		name: e,
-		size: Pe[n] ?? Pe.md,
+		size: Le[n] ?? Le.md,
 		className: r
 	}) : /* @__PURE__ */ E("span", {
 		className: `d-inline-flex ${r}`,
 		children: e
 	});
 }
-function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "button", loading: i = !1, disabled: a = !1, block: o = !1, leftIcon: s = null, rightIcon: c = null, href: l, static: u = !1, tooltip: d, tooltipPlacement: f, className: p = "", ...m }) {
-	if (U("AppButton", m), W("AppButton", "variant", t, Object.keys(Ne)), W("AppButton", "size", n, Object.keys(Pe)), u) return K(/* @__PURE__ */ D("span", {
+function ze({ children: e, variant: t = "primary", size: n = "md", type: r = "button", loading: i = !1, disabled: a = !1, block: o = !1, leftIcon: s = null, rightIcon: c = null, href: l, static: u = !1, tooltip: d, tooltipPlacement: f, className: p = "", ...m }) {
+	if (U("AppButton", m), W("AppButton", "variant", t, Object.keys(Ie)), W("AppButton", "size", n, Object.keys(Le)), u) return K(/* @__PURE__ */ D("span", {
 		className: [
 			"btn",
-			`btn-${Ne[t] ?? "primary"}`,
+			`btn-${Ie[t] ?? "primary"}`,
 			n === "sm" ? "btn-sm" : n === "lg" ? "btn-lg" : "",
 			o ? "w-100" : "",
 			"btn-static",
@@ -714,9 +749,9 @@ function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 		].filter(Boolean).join(" "),
 		...m,
 		children: [
-			Fe(s, "left", n),
+			Re(s, "left", n),
 			e,
-			Fe(c, "right", n)
+			Re(c, "right", n)
 		]
 	}), d, f);
 	let h = [
@@ -727,7 +762,7 @@ function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 	return K(/* @__PURE__ */ D(g, {
 		type: (m.as === void 0 || m.as === "button") && l === void 0 ? r : void 0,
 		href: l,
-		variant: Ne[t] ?? "primary",
+		variant: Ie[t] ?? "primary",
 		size: n === "md" ? void 0 : n,
 		disabled: a || i,
 		"aria-busy": i || void 0,
@@ -738,15 +773,15 @@ function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 				className: "spinner-border spinner-border-sm me-2",
 				"aria-hidden": "true"
 			}),
-			!i && Fe(s, "left", n),
+			!i && Re(s, "left", n),
 			e,
-			!i && Fe(c, "right", n)
+			!i && Re(c, "right", n)
 		]
 	}), d, f);
 }
 //#endregion
 //#region src/components/AppEmptyState.jsx
-function Le({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, action: a, className: o = "", style: s, ...c }) {
+function Be({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, action: a, className: o = "", style: s, ...c }) {
 	return U("AppEmptyState", c), /* @__PURE__ */ D("div", {
 		className: [
 			"empty-state",
@@ -777,7 +812,7 @@ function Le({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, acti
 }
 //#endregion
 //#region src/components/AppSpinner.jsx
-function Re({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
+function Ve({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
 	U("AppSpinner", r);
 	let { style: i, ...a } = r, o = Number(e), s = Number.isFinite(o) && o > 0;
 	return /* @__PURE__ */ E("span", {
@@ -795,7 +830,7 @@ function Re({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
 }
 //#endregion
 //#region src/components/AppAsyncBlock.jsx
-function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRetry: i, skeleton: a, className: o = "", ...s }) {
+function He({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRetry: i, skeleton: a, className: o = "", ...s }) {
 	U("AppAsyncBlock", s);
 	let c = `async-block${o ? ` ${o}` : ""}`;
 	return e ? /* @__PURE__ */ E("div", {
@@ -804,17 +839,17 @@ function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
 		...s,
 		children: a ?? /* @__PURE__ */ E("div", {
 			className: "d-flex align-items-center justify-content-center py-5",
-			children: /* @__PURE__ */ E(Re, { label: "Loading" })
+			children: /* @__PURE__ */ E(Ve, { label: "Loading" })
 		})
 	}) : t ? /* @__PURE__ */ E("div", {
 		className: c,
 		"data-state": "error",
 		...s,
-		children: /* @__PURE__ */ E(Le, {
+		children: /* @__PURE__ */ E(Be, {
 			icon: "alert-circle",
 			title: "Something went wrong",
 			text: t,
-			action: i ? /* @__PURE__ */ E(Ie, {
+			action: i ? /* @__PURE__ */ E(ze, {
 				variant: "secondary",
 				onClick: i,
 				children: "Retry"
@@ -824,7 +859,7 @@ function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
 		className: c,
 		"data-state": "empty",
 		...s,
-		children: /* @__PURE__ */ E(Le, {
+		children: /* @__PURE__ */ E(Be, {
 			icon: "inbox",
 			title: "Nothing to show yet"
 		})
@@ -837,14 +872,14 @@ function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
 }
 //#endregion
 //#region src/components/AppPopover.jsx
-var Be = {
+var Ue = {
 	start: "left",
 	end: "right",
 	top: "top",
 	bottom: "bottom",
 	auto: "auto"
 };
-function Ve({ trigger: e, children: t, title: r, placement: i = "bottom", triggerType: a = "click", onToggle: o, className: c = "", ...l }) {
+function We({ trigger: e, children: t, title: r, placement: i = "bottom", triggerType: a = "click", onToggle: o, className: c = "", ...l }) {
 	U("AppPopover", l);
 	let u = s(), [d, p] = f(!1), m = (e) => {
 		p(e), o?.(e);
@@ -866,7 +901,7 @@ function Ve({ trigger: e, children: t, title: r, placement: i = "bottom", trigge
 	}), T = a === "click", O = a === "hover" || Array.isArray(a) && a.includes("hover");
 	return /* @__PURE__ */ E(S, {
 		trigger: a,
-		placement: Be[i] || i,
+		placement: Ue[i] || i,
 		overlay: h,
 		rootClose: T,
 		delay: O ? {
@@ -879,13 +914,19 @@ function Ve({ trigger: e, children: t, title: r, placement: i = "bottom", trigge
 }
 //#endregion
 //#region src/components/AppInfoTip.jsx
-function He({ label: e, children: t, placement: n = "auto", className: r = "", ...i }) {
-	U("AppInfoTip", i);
-	let [a, o] = f(!1), s = !!e;
-	return !s && !t ? null : /* @__PURE__ */ E("span", {
-		className: `infotip${r ? ` ${r}` : ""}`,
-		...i,
-		children: /* @__PURE__ */ E(Ve, {
+var Ge = {
+	sm: " infotip-popover-sm",
+	md: "",
+	lg: " infotip-popover-lg",
+	xl: " infotip-popover-xl"
+};
+function Ke({ label: e, children: t, placement: n = "auto", width: r = "md", className: i = "", ...a }) {
+	U("AppInfoTip", a), W("AppInfoTip", "width", r, Object.keys(Ge));
+	let [o, s] = f(!1), c = !!e;
+	return !c && !t ? null : /* @__PURE__ */ E("span", {
+		className: `infotip${i ? ` ${i}` : ""}`,
+		...a,
+		children: /* @__PURE__ */ E(We, {
 			trigger: /* @__PURE__ */ E("button", {
 				type: "button",
 				className: "infotip-btn",
@@ -895,11 +936,12 @@ function He({ label: e, children: t, placement: n = "auto", className: r = "", .
 					size: 16
 				})
 			}),
-			title: s ? e : void 0,
+			title: c ? e : void 0,
 			placement: n,
 			triggerType: ["hover", "focus"],
-			onToggle: o,
-			"aria-expanded": a,
+			className: `infotip-popover${Ge[r] ?? ""}`,
+			onToggle: s,
+			"aria-expanded": o,
 			children: t
 		})
 	});
@@ -915,8 +957,8 @@ function Z() {
 }
 //#endregion
 //#region src/components/useWuiControl.js
-function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events: s = Ue, on: l } = {}) {
-	let u = d(null), f = r ?? We, p = i ?? Ge, m = (s || Ue).join("\0"), h = Object.keys(l ?? {}).join("\0"), g = d(null);
+function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events: s = qe, on: l } = {}) {
+	let u = d(null), f = r ?? Je, p = i ?? Ye, m = (s || qe).join("\0"), h = Object.keys(l ?? {}).join("\0"), g = d(null);
 	g.current === null && (g.current = {
 		ref: e,
 		value: t,
@@ -944,7 +986,7 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
 			_.current = null;
 		}
 	}, []), y = a((e) => {
-		let t = g.current.eventKey ? g.current.eventKey.split("\0") : Ue, n = Object.keys(g.current.on ?? {}), r = {
+		let t = g.current.eventKey ? g.current.eventKey.split("\0") : qe, n = Object.keys(g.current.on ?? {}), r = {
 			el: e,
 			names: t,
 			extraNames: n,
@@ -970,7 +1012,7 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
 		n && !Object.is(t, n.last) && (n.last = void 0);
 	}, [t, p]), o(() => {
 		let e = u.current, t = _.current;
-		!e || !t || (t.names.join("\0") !== (m || Ue.join("\0")) || t.extraNames.join("\0") !== h) && (v(), y(e));
+		!e || !t || (t.names.join("\0") !== (m || qe.join("\0")) || t.extraNames.join("\0") !== h) && (v(), y(e));
 	}, [
 		m,
 		h,
@@ -981,15 +1023,15 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
 		innerRef: u
 	};
 }
-var Ue = ["change"];
-function We(e) {
+var qe = ["change"];
+function Je(e) {
 	return e.value;
 }
-function Ge(e, t) {
+function Ye(e, t) {
 	let n = t ?? "";
 	String(e.value ?? "") !== String(n) && (e.value = n);
 }
-function Ke(e, t) {
+function Xe(e, t) {
 	let n = e || [], r = t || [];
 	return n.length === r.length && n.every((e, t) => {
 		let n = r[t];
@@ -999,27 +1041,27 @@ function Ke(e, t) {
 		return i.length === Object.keys(n).length && i.every((t) => Object.is(e[t], n[t]));
 	});
 }
-function qe(e) {
+function Ze(e) {
 	return e.values;
 }
-function Je(e, t) {
+function Qe(e, t) {
 	let n = t || [], r = e.values || [];
 	(n.length !== r.length || !n.every((e, t) => e === r[t])) && (e.values = n);
 }
-function Ye(e) {
+function $e(e) {
 	return {
 		start: e.start,
 		end: e.end
 	};
 }
-function Xe(e, t) {
+function et(e, t) {
 	if (t === void 0) return;
 	let n = Number.parseFloat(t);
 	Number.isFinite(n) && e.value !== n && (e.value = n);
 }
 //#endregion
 //#region src/components/AppAutocomplete.jsx
-var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeholder: i = "Search…", minChars: a, debounce: c, disabled: l = !1, size: u, allowCustom: d = !1, name: f, id: p, label: m, error: h, hint: g, required: _ = !1, help: v, helpLabel: y = "More information", fieldClassName: b = "", ...x }, S) {
+var tt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeholder: i = "Search…", minChars: a, debounce: c, disabled: l = !1, size: u, allowCustom: d = !1, name: f, id: p, label: m, error: h, hint: g, required: _ = !1, help: v, helpLabel: y = "More information", fieldClassName: b = "", ...x }, S) {
 	U("AppAutocomplete", x);
 	let C = typeof r == "function", w = s(), T = p || w, { setRef: O, innerRef: k } = Q({
 		ref: S,
@@ -1030,7 +1072,7 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 		let e = k.current;
 		if (!e || C) return;
 		let t = n || [];
-		Ke(t, e.options) || (e.options = t);
+		Xe(t, e.options) || (e.options = t);
 	}, [
 		n,
 		C,
@@ -1066,7 +1108,7 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 				children: [
 					m,
 					_ && /* @__PURE__ */ E(Z, {}),
-					v && /* @__PURE__ */ E(He, {
+					v && /* @__PURE__ */ E(Ke, {
 						label: y,
 						children: v
 					})
@@ -1100,14 +1142,14 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 			}) : null
 		]
 	});
-}), Qe = /* @__PURE__ */ new Set([
+}), nt = /* @__PURE__ */ new Set([
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"2xl"
-]), $e = {
+]), rt = {
 	xs: 20,
 	sm: 24,
 	md: 32,
@@ -1115,30 +1157,30 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 	xl: 64,
 	"2xl": 96
 };
-function et(e) {
+function it(e) {
 	let t = (e || "").trim();
 	if (!t) return "?";
 	let n = t.split(/\s+/).filter(Boolean);
 	return n.length === 1 ? n[0].slice(0, 2).toUpperCase() : (n[0][0] + n[n.length - 1][0]).toUpperCase();
 }
-function tt(e) {
+function at(e) {
 	let t = e || "", n = 0;
 	for (let e = 0; e < t.length; e += 1) n = Math.imul(n, 31) + t.charCodeAt(e) >>> 0;
 	return n % 360;
 }
-function nt(e) {
+function ot(e) {
 	if (typeof e == "number") return e;
-	if ($e[e] != null) return $e[e];
+	if (rt[e] != null) return rt[e];
 	let t = Number.parseInt(e, 10);
 	return Number.isNaN(t) ? 32 : t;
 }
-function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "primary", status: a = "none", ring: s = !1, label: c, icon: l, badge: u, href: d, onClick: p, linkComponent: m, tooltip: h, tooltipPlacement: g, className: _ = "", ...v }) {
+function st({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "primary", status: a = "none", ring: s = !1, label: c, icon: l, badge: u, href: d, onClick: p, linkComponent: m, tooltip: h, tooltipPlacement: g, className: _ = "", ...v }) {
 	U("AppAvatar", v);
 	let { style: y, ...b } = v, [x, S] = f(!1);
 	o(() => {
 		S(!1);
 	}, [t]);
-	let C = typeof n == "string" && Qe.has(n), w = C ? null : typeof n == "number" || /^\d+$/.test(n) ? `${n}px` : n, O = d != null || p != null, k = t != null && t !== "" && !x, A = [
+	let C = typeof n == "string" && nt.has(n), w = C ? null : typeof n == "number" || /^\d+$/.test(n) ? `${n}px` : n, O = d != null || p != null, k = t != null && t !== "" && !x, A = [
 		"avatar",
 		C && n !== "md" ? `avatar-${n}` : "",
 		r === "circle" ? "" : `avatar-${r}`,
@@ -1147,16 +1189,16 @@ function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
 		O ? "avatar-clickable" : "",
 		_
 	].filter(Boolean).join(" "), j = {};
-	w && (j["--avatar-size"] = w), i === "auto" && (j["--avatar-hue"] = tt(e));
+	w && (j["--avatar-size"] = w), i === "auto" && (j["--avatar-hue"] = at(e));
 	let M = Object.keys(j).length || y ? {
 		...j,
 		...y
 	} : void 0, N = /* @__PURE__ */ E("span", {
 		className: "avatar-face",
 		"aria-hidden": "true",
-		children: l == null ? et(e) : /* @__PURE__ */ E(Y, {
+		children: l == null ? it(e) : /* @__PURE__ */ E(Y, {
 			name: l,
-			size: Math.round(nt(n) * .55)
+			size: Math.round(ot(n) * .55)
 		})
 	}), P = /* @__PURE__ */ D(T, { children: [
 		a !== "none" && /* @__PURE__ */ E("span", {
@@ -1218,7 +1260,7 @@ function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
 }
 //#endregion
 //#region src/components/AppAvatarGroup.jsx
-var it = {
+var ct = {
 	xs: 20,
 	sm: 24,
 	md: 32,
@@ -1226,16 +1268,16 @@ var it = {
 	xl: 64,
 	"2xl": 96
 };
-function at(e) {
-	return e == null ? null : typeof e == "number" ? `${e}px` : it[e] == null ? /^\d+$/.test(e) ? `${e}px` : e : `${it[e]}px`;
+function lt(e) {
+	return e == null ? null : typeof e == "number" ? `${e}px` : ct[e] == null ? /^\d+$/.test(e) ? `${e}px` : e : `${ct[e]}px`;
 }
-function ot({ children: e, size: t, spacing: n = "normal", overflow: r, className: i = "", ...a }) {
+function ut({ children: e, size: t, spacing: n = "normal", overflow: r, className: i = "", ...a }) {
 	U("AppAvatarGroup", a);
 	let { style: o, ...s } = a, c = [
 		"avatar-group",
 		n === "normal" ? "" : `avatar-group-${n}`,
 		i
-	].filter(Boolean).join(" "), l = at(t), u = l ? {
+	].filter(Boolean).join(" "), l = lt(t), u = l ? {
 		"--avatar-size": l,
 		...o
 	} : o, d = typeof r == "string" ? Number.parseInt(r, 10) : r;
@@ -1253,7 +1295,7 @@ function ot({ children: e, size: t, spacing: n = "normal", overflow: r, classNam
 }
 //#endregion
 //#region src/components/AppBadge.jsx
-function st({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i, className: a = "", ...o }) {
+function dt({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i, className: a = "", ...o }) {
 	return U("AppBadge", o), K(/* @__PURE__ */ E(m, {
 		bg: !1,
 		className: [
@@ -1267,18 +1309,18 @@ function st({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i
 }
 //#endregion
 //#region src/components/AppBanner.jsx
-var ct = [
+var ft = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function lt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDismiss: i, className: a = "", ...o }) {
+function pt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDismiss: i, className: a = "", ...o }) {
 	U("AppBanner", o);
 	let [s, c] = f(!0);
 	if (!s) return null;
-	let l = ct.includes(e) ? e : "info", u = () => {
+	let l = ft.includes(e) ? e : "info", u = () => {
 		c(!1), i?.();
 	};
 	return /* @__PURE__ */ D("div", {
@@ -1309,7 +1351,7 @@ function lt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDis
 }
 //#endregion
 //#region src/components/AppBreadcrumbs.jsx
-function ut({ items: e = [], linkComponent: t, className: n = "", ...r }) {
+function mt({ items: e = [], linkComponent: t, className: n = "", ...r }) {
 	return U("AppBreadcrumbs", r), /* @__PURE__ */ E(h, {
 		className: n || void 0,
 		...r,
@@ -1327,74 +1369,14 @@ function ut({ items: e = [], linkComponent: t, className: n = "", ...r }) {
 	});
 }
 //#endregion
-//#region src/components/AppCallout.jsx
-var dt = {
-	info: "info",
-	success: "check",
-	warning: "alert-triangle",
-	danger: "x"
-};
-function ft({ children: e, tone: t = "info", title: n, icon: r, image: i, imageAlt: a = "", size: o = "md", bordered: s = !0, action: c, dismissible: l = !1, onDismiss: u, className: d = "", ...p }) {
-	U("AppCallout", p);
-	let [m, h] = f(!0);
-	if (!m) return null;
-	let g = r === void 0 ? dt[t] : r === "none" ? null : r, _ = !!i, v = _ || !!g, y = v && !!n && e != null && e !== !1 && e !== "", b = y ? 13 : 11;
-	return /* @__PURE__ */ D("div", {
-		className: [
-			"info-callout",
-			`tone-${t}`,
-			o === "sm" ? "info-callout-sm" : "",
-			y ? "info-callout-stack" : "",
-			s ? "" : "info-callout-borderless",
-			d
-		].filter(Boolean).join(" "),
-		...p,
-		children: [
-			v && /* @__PURE__ */ E("span", {
-				className: `info-callout-icon${_ ? " info-callout-icon-image" : ""}`,
-				children: _ ? /* @__PURE__ */ E("img", {
-					src: i,
-					alt: a
-				}) : typeof g == "string" ? /* @__PURE__ */ E(Y, {
-					name: g,
-					size: b
-				}) : g
-			}),
-			/* @__PURE__ */ D("div", {
-				className: "info-callout-content",
-				children: [n && /* @__PURE__ */ E("div", {
-					className: "info-callout-heading",
-					children: n
-				}), e]
-			}),
-			c ? /* @__PURE__ */ E("div", {
-				className: "info-callout-action",
-				children: c
-			}) : null,
-			l && /* @__PURE__ */ E("button", {
-				type: "button",
-				className: "info-callout-close",
-				"aria-label": "Dismiss",
-				onClick: () => {
-					h(!1), u?.();
-				},
-				children: /* @__PURE__ */ E(Y, {
-					name: "x",
-					size: 18
-				})
-			})
-		]
-	});
-}
-//#endregion
 //#region src/components/AppCard.jsx
-var pt = {
+var ht = {
 	xs: 320,
 	sm: 420,
 	md: 560,
 	lg: 720
 };
-function mt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", header: i, headerExtra: a, headerActions: o, footer: s, media: c, children: l, variant: u = "default", tone: d = "primary", padding: f = "md", maxWidth: p, className: m = "", bodyClassName: h = "", headerClassName: g = "", body: v = !0, lifted: y = !1, href: b, onClick: x, linkComponent: S, ...C }) {
+function gt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", header: i, headerExtra: a, headerActions: o, footer: s, media: c, children: l, variant: u = "default", tone: d = "primary", padding: f = "md", maxWidth: p, className: m = "", bodyClassName: h = "", headerClassName: g = "", body: v = !0, lifted: y = !1, href: b, onClick: x, linkComponent: S, ...C }) {
 	U("AppCard", C);
 	let { style: w, ...O } = C, k = b != null || x != null, A = [
 		u && u !== "default" ? `card-${u}` : "",
@@ -1404,7 +1386,7 @@ function mt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", head
 		p == null ? "" : "card-constrained",
 		k ? "card-clickable" : "",
 		m
-	].filter(Boolean).join(" ") || void 0, j = p == null ? void 0 : pt[p] == null ? typeof p == "number" ? `${p}px` : p : `${pt[p]}px`, M = j ? {
+	].filter(Boolean).join(" ") || void 0, j = p == null ? void 0 : ht[p] == null ? typeof p == "number" ? `${p}px` : p : `${ht[p]}px`, M = j ? {
 		"--card-max-width": j,
 		...w
 	} : w, N = {};
@@ -1475,7 +1457,7 @@ function mt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", head
 }
 //#endregion
 //#region src/lib/CheckField.jsx
-var ht = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", rest: o = {}, inputType: c, wrapperClass: l }, u) {
+var _t = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", rest: o = {}, inputType: c, wrapperClass: l }, u) {
 	let d = s(), f = t || d, p = r ? `${f}-error` : void 0, m = i ? `${f}-hint` : void 0;
 	return /* @__PURE__ */ D("div", {
 		className: `${l}${a ? ` ${a}` : ""}`,
@@ -1506,8 +1488,8 @@ var ht = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 			}) : null
 		]
 	});
-}), gt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
-	return U("AppCheckbox", o), /* @__PURE__ */ E(ht, {
+}), vt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
+	return U("AppCheckbox", o), /* @__PURE__ */ E(_t, {
 		ref: s,
 		label: e,
 		id: t,
@@ -1522,7 +1504,7 @@ var ht = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 });
 //#endregion
 //#region src/components/AppChip.jsx
-function _t({ label: e, children: t, tone: n = "neutral", variant: r = "soft", size: i = "md", leadingIcon: a, avatar: o, onRemove: s, onClick: c, disabled: l = !1, removeLabel: u, className: d = "", ...f }) {
+function yt({ label: e, children: t, tone: n = "neutral", variant: r = "soft", size: i = "md", leadingIcon: a, avatar: o, onRemove: s, onClick: c, disabled: l = !1, removeLabel: u, className: d = "", ...f }) {
 	U("AppChip", f);
 	let p = e ?? t, m = [
 		"chip",
@@ -1576,10 +1558,24 @@ function _t({ label: e, children: t, tone: n = "neutral", variant: r = "soft", s
 }
 //#endregion
 //#region src/components/AppChoiceCard.jsx
-function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon: a, iconNode: o, iconSize: s = 18, image: c, imageAlt: l = "", children: u, title: d, description: f, checkIcon: p = "check", checkSize: m = 18, className: h = "", ...g }) {
-	return U("AppChoiceCard", g), /* @__PURE__ */ D("label", {
-		className: `struct-card${c ? " struct-card-img-card" : ""}${r ? " checked" : ""}${h ? ` ${h}` : ""}`,
-		...g,
+var bt = {
+	sm: " wui-struct-card-sm",
+	md: "",
+	lg: " wui-struct-card-lg"
+}, xt = {
+	inline: "",
+	stacked: " wui-struct-card-stacked"
+}, St = {
+	sm: 16,
+	md: 18,
+	lg: 22
+};
+function Ct({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon: a, iconNode: o, iconSize: s, image: c, imageAlt: l = "", children: u, title: d, description: f, checkIcon: p = "check", checkSize: m = 18, hideCheck: h = !1, size: g = "md", layout: _ = "inline", className: v = "", ...y }) {
+	U("AppChoiceCard", y), W("AppChoiceCard", "size", g, Object.keys(bt)), W("AppChoiceCard", "layout", _, Object.keys(xt));
+	let b = bt[g] ?? "", x = xt[_] ?? "", S = s ?? St[g] ?? St.md;
+	return /* @__PURE__ */ D("label", {
+		className: `struct-card${c ? " struct-card-img-card" : ""}${b}${x}${h ? " wui-struct-card-no-check" : ""}${r ? " checked" : ""}${v ? ` ${v}` : ""}`,
+		...y,
 		children: [
 			/* @__PURE__ */ E("input", {
 				type: t ? "checkbox" : "radio",
@@ -1600,7 +1596,8 @@ function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
 				className: "struct-card-ic",
 				children: o || /* @__PURE__ */ E(Y, {
 					name: a,
-					size: s
+					size: S,
+					variant: r ? "bold" : void 0
 				})
 			}) : null,
 			/* @__PURE__ */ E("span", {
@@ -1613,7 +1610,7 @@ function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
 					children: f
 				})] })
 			}),
-			/* @__PURE__ */ E("span", {
+			!h && /* @__PURE__ */ E("span", {
 				className: "struct-card-check",
 				children: /* @__PURE__ */ E(Y, {
 					name: p,
@@ -1625,7 +1622,7 @@ function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
 }
 //#endregion
 //#region src/components/AppChoiceChip.jsx
-function yt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChange: a, children: o, count: s, size: c = "md", className: l = "", ...u }) {
+function wt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChange: a, children: o, count: s, size: c = "md", className: l = "", ...u }) {
 	return U("AppChoiceChip", u), /* @__PURE__ */ D("label", {
 		className: `choice-chip${i ? " checked" : ""}${c === "sm" ? " choice-chip-sm" : c === "lg" ? " choice-chip-lg" : ""}${l ? ` ${l}` : ""}`,
 		...u,
@@ -1647,7 +1644,7 @@ function yt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChang
 }
 //#endregion
 //#region src/components/AppColorField.jsx
-function bt({ value: e = "#000000", onChange: t, label: n, required: r = !1, error: i, hint: a, name: o, id: c, disabled: l = !1, size: u = "md", className: d = "", fieldClassName: f = "", ...p }) {
+function Tt({ value: e = "#000000", onChange: t, label: n, required: r = !1, error: i, hint: a, name: o, id: c, disabled: l = !1, size: u = "md", className: d = "", fieldClassName: f = "", ...p }) {
 	U("AppColorField", p);
 	let m = s(), h = c || m, g = i ? `${h}-error` : a ? `${h}-hint` : void 0, _ = (e) => /^#[0-9a-f]{6}$/i.test(e), v = u === "sm" ? " color-field-sm" : u === "lg" ? " color-field-lg" : "", y = u === "sm" ? " input-sm" : u === "lg" ? " input-lg" : "";
 	return /* @__PURE__ */ D("div", {
@@ -1699,12 +1696,12 @@ function bt({ value: e = "#000000", onChange: t, label: n, required: r = !1, err
 }
 //#endregion
 //#region src/lib/emptyValue.js
-function xt(e) {
+function Et(e) {
 	return e == null || e === "";
 }
 //#endregion
 //#region src/components/AppCompareTable.jsx
-function St({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
+function Dt({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
 	U("AppCompareTable", i);
 	let a = (e) => e === !0 ? /* @__PURE__ */ E("span", {
 		className: "compare-yes",
@@ -1741,7 +1738,7 @@ function St({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i
 }
 //#endregion
 //#region src/components/AppInput.jsx
-var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", type: c = "text", size: l = "md", leftIcon: u, rightIcon: p, onRightIconClick: m, rightIconLabel: h, unit: g, id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, clearable: C = !1, showCount: w = !1, maxLength: T, prefix: O, suffix: k, action: A, floatingLabel: j = !1, variant: M, passwordRequirements: P = !1, requirementsPlacement: F = "auto", ...I }, L) {
+var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", type: c = "text", size: l = "md", leftIcon: u, rightIcon: p, onRightIconClick: m, rightIconLabel: h, unit: g, id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, clearable: C = !1, showCount: w = !1, maxLength: T, prefix: O, suffix: k, action: A, floatingLabel: j = !1, variant: M, passwordRequirements: P = !1, requirementsPlacement: F = "auto", ...I }, L) {
 	U("AppInput", I);
 	let [R, z] = f(!1), ee = s(), B = _ || ee, V = c === "password", te = V && R ? "text" : c, H = d(null), ne = (e) => {
 		H.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
@@ -1893,7 +1890,7 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 				})
 			]
 		});
-		J = G ? /* @__PURE__ */ E(Ve, {
+		J = G ? /* @__PURE__ */ E(We, {
 			trigger: e,
 			triggerType: "focus",
 			placement: F,
@@ -1947,7 +1944,7 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 				children: [
 					e,
 					t && /* @__PURE__ */ E(Z, {}),
-					i && /* @__PURE__ */ E(He, {
+					i && /* @__PURE__ */ E(Ke, {
 						label: a,
 						children: i
 					})
@@ -1969,34 +1966,34 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 			})
 		]
 	});
-}), wt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Tt = {
+}), kt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", At = {
 	sm: 380,
 	md: 440,
 	lg: 640,
 	xl: 880
-}, Et = !1;
-function Dt() {
+}, jt = !1;
+function Mt() {
 	let e = !0;
 	try {
 		e = process.env.NODE_ENV !== "production";
 	} catch {
 		e = !0;
 	}
-	!e || Et || (Et = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
+	!e || jt || (jt = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
 }
-function Ot({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a = "default", dismissible: s = !0, onClose: c, footer: l, size: u = "md", placement: f = "center", hideHeader: p = !1, staticBackdrop: m = !1, ariaLabel: h, className: g = "", children: _, ...v }) {
-	U("AppModal", v), W("AppModal", "size", typeof u == "string" ? u : null, Object.keys(Tt));
+function Nt({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a = "default", dismissible: s = !0, onClose: c, footer: l, size: u = "md", placement: f = "center", hideHeader: p = !1, staticBackdrop: m = !1, ariaLabel: h, className: g = "", children: _, ...v }) {
+	U("AppModal", v), W("AppModal", "size", typeof u == "string" ? u : null, Object.keys(At));
 	let { style: y, ...x } = v;
-	p && !h && typeof n != "string" && Dt();
+	p && !h && typeof n != "string" && Mt();
 	let S = d(null);
 	o(() => {
 		if (!e) return;
 		let t = S.current?.closest(".modal-content");
 		if (!t) return;
-		let n = () => Array.from(t.querySelectorAll(wt));
+		let n = () => Array.from(t.querySelectorAll(kt));
 		(t.querySelector("[data-autofocus]") || n().find((e) => !e.classList.contains("wui-modal-close")) || n()[0] || t).focus?.();
 	}, [e]);
-	let C = typeof u == "number" ? u : Tt[u] ?? Tt.md, w = [
+	let C = typeof u == "number" ? u : At[u] ?? At.md, w = [
 		"wui-modal",
 		a === "default" ? "" : `tone-${a}`,
 		g
@@ -2081,51 +2078,52 @@ function Ot({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a
 }
 //#endregion
 //#region src/components/ModalIcons.jsx
-var kt = (e) => function({ size: t = 72 }) {
+var Pt = (e) => function({ size: t = 72 }) {
 	return /* @__PURE__ */ E("wui-status-icon", {
 		tone: e,
 		size: t
 	});
-}, At = {
-	success: kt("success"),
-	error: kt("error"),
-	warning: kt("warning"),
-	info: kt("info"),
-	delete: kt("delete")
+}, Ft = {
+	success: Pt("success"),
+	error: Pt("error"),
+	warning: Pt("warning"),
+	info: Pt("info"),
+	delete: Pt("delete"),
+	primary: Pt("primary")
 };
 //#endregion
 //#region src/components/AppConfirmDialog.jsx
-function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancelLabel: i = "Cancel", danger: a = !1, tone: s, image: c, confirmPhrase: l, onConfirm: u, onClose: d, loading: p = !1, staticBackdrop: m = !1, placement: h = "center", size: g = "md", className: _ = "", ...v }) {
-	U("AppConfirmDialog", v);
-	let [y, b] = f("");
+function It({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancelLabel: i = "Cancel", danger: a = !1, tone: s, image: c, iconSize: l, confirmPhrase: u, onConfirm: d, onClose: p, loading: m = !1, staticBackdrop: h = !1, placement: g = "center", size: _ = "md", className: v = "", ...y }) {
+	U("AppConfirmDialog", y);
+	let [b, x] = f("");
 	if (o(() => {
-		e || b("");
+		e || x("");
 	}, [e]), !e) return null;
-	let x = !!l && y.trim() !== l, S = c ? null : At[s || (a ? "delete" : "info")], C = () => {
-		p || d?.();
+	let S = !!u && b.trim() !== u, C = c ? null : Ft[s || (a ? "delete" : "info")], w = l > 0 ? { "--wui-confirm-icon-size": `${l}px` } : void 0, O = () => {
+		m || p?.();
 	};
-	return /* @__PURE__ */ E(Ot, {
-		...v,
+	return /* @__PURE__ */ E(Nt, {
+		...y,
 		open: e,
 		hideHeader: !0,
 		title: t,
-		onClose: C,
-		staticBackdrop: m,
-		placement: h,
-		size: g,
-		className: ["wui-confirm", _].filter(Boolean).join(" "),
+		onClose: O,
+		staticBackdrop: h,
+		placement: g,
+		size: _,
+		className: ["wui-confirm", v].filter(Boolean).join(" "),
 		footer: /* @__PURE__ */ D("div", {
 			className: "wui-confirm-actions",
-			children: [/* @__PURE__ */ E(Ie, {
+			children: [/* @__PURE__ */ E(ze, {
 				variant: "secondary",
-				disabled: p,
-				onClick: C,
+				disabled: m,
+				onClick: O,
 				children: i
-			}), /* @__PURE__ */ E(Ie, {
+			}), /* @__PURE__ */ E(ze, {
 				variant: a ? "danger" : "primary",
-				disabled: x,
-				loading: p,
-				onClick: u,
+				disabled: S,
+				loading: m,
+				onClick: d,
 				children: r
 			})]
 		}),
@@ -2134,14 +2132,16 @@ function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 			children: [
 				c ? /* @__PURE__ */ E("span", {
 					className: "wui-confirm-icon",
+					style: w,
 					children: /* @__PURE__ */ E("img", {
 						src: c,
 						alt: "",
 						"aria-hidden": "true"
 					})
-				}) : S && /* @__PURE__ */ E("span", {
+				}) : C && /* @__PURE__ */ E("span", {
 					className: "wui-confirm-icon",
-					children: /* @__PURE__ */ E(S, { size: 80 })
+					style: w,
+					children: /* @__PURE__ */ E(C, { size: 80 })
 				}),
 				/* @__PURE__ */ E("h3", {
 					className: "wui-confirm-title",
@@ -2153,17 +2153,17 @@ function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 					className: "wui-confirm-msg",
 					children: n
 				}),
-				l && /* @__PURE__ */ E(Ct, {
+				u && /* @__PURE__ */ E(Ot, {
 					fieldClassName: "mt-3 mb-0 w-100 text-start",
 					label: /* @__PURE__ */ D(T, { children: [
 						"Type ",
-						/* @__PURE__ */ E("strong", { children: l }),
+						/* @__PURE__ */ E("strong", { children: u }),
 						" to confirm"
 					] }),
-					value: y,
-					onChange: (e) => b(e.target.value),
-					"aria-label": `Type ${l} to confirm`,
-					disabled: p
+					value: b,
+					onChange: (e) => x(e.target.value),
+					"aria-label": `Type ${u} to confirm`,
+					disabled: m
 				})
 			]
 		})
@@ -2171,9 +2171,9 @@ function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 }
 //#endregion
 //#region src/components/AppConsentBanner.jsx
-var Mt = ["bottom-left", "bottom-right"];
-function Nt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", standalone: l = !1, className: u = "", style: d, ...f }) {
-	U("AppConsentBanner", f), W("AppConsentBanner", "position", c, Mt);
+var Lt = ["bottom-left", "bottom-right"];
+function Rt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", standalone: l = !1, className: u = "", style: d, ...f }) {
+	U("AppConsentBanner", f), W("AppConsentBanner", "position", c, Lt);
 	let { setRef: p, innerRef: m } = Q({ on: { "wui-consent-save": (e) => {
 		R(e.detail), m.current && (m.current.preferences = L());
 	} } });
@@ -2200,26 +2200,26 @@ function Nt({ heading: e, description: t, policyHref: n, policyLabel: r, analyti
 }
 //#endregion
 //#region src/components/AppCopyButton.jsx
-var Pt = {
+var zt = {
 	sm: 14,
 	md: 16,
 	lg: 20
 };
-function Ft({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r = !1, size: i = "md", variant: s = "ghost", onCopied: c, className: l = "", tooltip: u, tooltipPlacement: p, ...m }) {
-	U("AppCopyButton", m), W("AppCopyButton", "size", i, Object.keys(Pt));
+function Bt({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r = !1, size: i = "md", variant: s = "ghost", onCopied: c, className: l = "", tooltip: u, tooltipPlacement: p, ...m }) {
+	U("AppCopyButton", m), W("AppCopyButton", "size", i, Object.keys(zt));
 	let [h, g] = f(!1), _ = d(null);
 	o(() => () => clearTimeout(_.current), []);
 	let v = a(async () => {
 		await M(e) && (g(!0), clearTimeout(_.current), _.current = setTimeout(() => g(!1), O), c?.());
 	}, [e, c]), y = h ? n : t, b = h ? "check" : "files";
-	return K(r ? /* @__PURE__ */ E(ke, {
+	return K(r ? /* @__PURE__ */ E(Ae, {
 		icon: b,
 		label: y,
-		size: Pt[i] ?? Pt.md,
+		size: zt[i] ?? zt.md,
 		onClick: v,
 		className: l,
 		...m
-	}) : /* @__PURE__ */ E(Ie, {
+	}) : /* @__PURE__ */ E(ze, {
 		leftIcon: b,
 		variant: s,
 		size: i,
@@ -2231,8 +2231,74 @@ function Ft({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r
 	}), u, p);
 }
 //#endregion
+//#region src/components/AppCountrySelect.jsx
+var Vt = [
+	"sm",
+	"md",
+	"lg"
+], Ht = i(function({ value: e, onChange: t, countries: n, placeholder: r = "Select country", searchPlaceholder: i = "Search countries...", searchable: a = !0, clearable: o = !1, size: c = "md", floatingLabel: l = !1, disabled: u, label: d, required: f = !1, error: p, hint: m, help: h, helpLabel: g = "More information", id: _, name: v, className: y = "", fieldClassName: b = "", "aria-label": x, "aria-labelledby": S, "aria-describedby": C, ...w }, T) {
+	U("AppCountrySelect", w), W("AppCountrySelect", "size", c, Vt);
+	let O = s(), { setRef: k } = Q({
+		ref: T,
+		value: e ?? "",
+		onChange: t
+	}), A = _ || O, j = l && d, M = p && A ? `${A}-error` : void 0, N = m && A ? `${A}-hint` : void 0, P = /* @__PURE__ */ E("wui-country-select", {
+		"aria-label": x || (typeof d == "string" ? d : void 0),
+		"aria-labelledby": S || void 0,
+		"aria-describedby": M || N || C || void 0,
+		"aria-invalid": p ? "true" : void 0,
+		ref: k,
+		id: A,
+		name: v,
+		countries: Array.isArray(n) ? n.join(",") : void 0,
+		placeholder: j ? " " : r,
+		"search-placeholder": i,
+		searchable: a ? "" : void 0,
+		clearable: o ? "" : void 0,
+		size: c === "sm" || c === "lg" ? c : void 0,
+		disabled: u ? "" : void 0,
+		required: f ? "" : void 0,
+		className: y || void 0,
+		...w
+	});
+	return !d && !p && !m ? P : /* @__PURE__ */ D("div", {
+		className: ["field", b].filter(Boolean).join(" "),
+		children: [
+			d && !j && /* @__PURE__ */ D("label", {
+				className: "label",
+				htmlFor: A,
+				children: [
+					d,
+					f && /* @__PURE__ */ E(Z, {}),
+					h && /* @__PURE__ */ E(Ke, {
+						label: g,
+						children: h
+					})
+				]
+			}),
+			j ? /* @__PURE__ */ D("div", {
+				className: "field-float",
+				children: [P, /* @__PURE__ */ D("label", {
+					className: "float-label",
+					htmlFor: A,
+					children: [d, f && /* @__PURE__ */ E(Z, {})]
+				})]
+			}) : P,
+			p ? /* @__PURE__ */ E("div", {
+				className: "field-error",
+				id: M,
+				children: p
+			}) : m ? /* @__PURE__ */ E("div", {
+				className: "field-hint",
+				id: N,
+				children: m
+			}) : null
+		]
+	});
+});
+//#endregion
 //#region src/components/AppSkeleton.jsx
-function It({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
+function Ut({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
 	return U("AppSkeleton", a), /* @__PURE__ */ E("span", {
 		className: `skeleton${r ? ` ${r}` : ""}`,
 		"aria-hidden": "true",
@@ -2245,28 +2311,28 @@ function It({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "
 		...a
 	});
 }
-function Lt({ rows: e = 4, cols: t = 5 }) {
-	return Array.from({ length: e }).map((e, n) => /* @__PURE__ */ E("tr", { children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(It, {
+function Wt({ rows: e = 4, cols: t = 5 }) {
+	return Array.from({ length: e }).map((e, n) => /* @__PURE__ */ E("tr", { children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(Ut, {
 		width: t === 0 ? "70%" : "50%",
 		height: 12
 	}) }, `col-${t}`)) }, `row-${n}`));
 }
 //#endregion
 //#region src/lib/pageWindow.js
-var Rt = (e, t) => {
+var Gt = (e, t) => {
 	let n = [];
 	for (let r = e; r <= t; r += 1) n.push(r);
 	return n;
 };
-function zt(e, t, { siblingCount: n = 2, boundaryCount: r = 1 } = {}) {
+function Kt(e, t, { siblingCount: n = 2, boundaryCount: r = 1 } = {}) {
 	let i = Math.max(1, t), a = Math.min(Math.max(1, e), i);
-	if (i <= n * 2 + 3 + r * 2) return Rt(1, i);
-	let o = Math.max(a - n, r + 2), s = Math.min(a + n, i - r - 1), c = o > r + 2, l = s < i - r - 1, u = Rt(1, r);
-	return u.push(...c ? ["ellipsis-left"] : Rt(r + 1, o - 1)), u.push(...Rt(o, s)), u.push(...l ? ["ellipsis-right"] : Rt(s + 1, i - r)), u.push(...Rt(i - r + 1, i)), u;
+	if (i <= n * 2 + 3 + r * 2) return Gt(1, i);
+	let o = Math.max(a - n, r + 2), s = Math.min(a + n, i - r - 1), c = o > r + 2, l = s < i - r - 1, u = Gt(1, r);
+	return u.push(...c ? ["ellipsis-left"] : Gt(r + 1, o - 1)), u.push(...Gt(o, s)), u.push(...l ? ["ellipsis-right"] : Gt(s + 1, i - r)), u.push(...Gt(i - r + 1, i)), u;
 }
 //#endregion
 //#region src/components/AppSelectMini.jsx
-function Bt({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", name: i, ariaLabel: a, id: s, disabled: c, size: l, icon: u, prefix: d, className: f, ...p }) {
+function qt({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", name: i, ariaLabel: a, id: s, disabled: c, size: l, icon: u, prefix: d, className: f, ...p }) {
 	U("AppSelectMini", p);
 	let { setRef: m, innerRef: h } = Q({
 		value: e ?? "",
@@ -2280,7 +2346,7 @@ function Bt({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
 			label: e.label ?? e.text ?? "",
 			icon: e.icon
 		}));
-		Ke(t, e.options) || (e.options = t);
+		Xe(t, e.options) || (e.options = t);
 	}, [n, h]), o(() => {
 		let e = h.current;
 		if (e) for (let [t, n] of [["icon", u], ["prefix", d]]) n == null || n === "" ? e.removeAttribute(t) : e.setAttribute(t, n);
@@ -2303,22 +2369,22 @@ function Bt({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
 }
 //#endregion
 //#region src/components/AppTablePagination.jsx
-var Vt = [
+var Jt = [
 	5,
 	10,
 	25,
 	50
 ];
-function Ht({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRow: a, onPageChange: o, onPageSizeChange: s, pageSizes: c = Vt, mode: l = "prev-next", showPageSize: u = !0, className: d = "", ...f }) {
+function Yt({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRow: a, onPageChange: o, onPageSizeChange: s, pageSizes: c = Jt, mode: l = "prev-next", showPageSize: u = !0, className: d = "", ...f }) {
 	U("AppTablePagination", f);
-	let p = l === "numbered", m = p ? zt(e, t) : null;
+	let p = l === "numbered", m = p ? Kt(e, t) : null;
 	return /* @__PURE__ */ D("div", {
 		className: `table-pagination${d ? ` ${d}` : ""}`,
 		...f,
 		children: [
 			u && /* @__PURE__ */ D("span", {
 				className: "tpg-rows",
-				children: ["Rows per page:", /* @__PURE__ */ E(Bt, {
+				children: ["Rows per page:", /* @__PURE__ */ E(qt, {
 					value: n,
 					onChange: (e) => s(Number(e)),
 					ariaLabel: "Rows per page",
@@ -2382,13 +2448,13 @@ function Ht({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
 }
 //#endregion
 //#region src/components/AppDataTable.jsx
-function Ut(e) {
+function Xt(e) {
 	return e === "end" ? "wui-cell-end" : e === "num" ? "num" : e === "center" ? "text-center" : "";
 }
-function Wt(e) {
+function Zt(e) {
 	return e == null || e === "" ? "-" : typeof e == "boolean" ? String(e) : e;
 }
-function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a, loading: o = !1, skeletonRows: s = 5, empty: c = "No records found.", emptyFiltered: l, sourceCount: u, rowActions: d, rowActionsLabel: p, pagination: m, ariaLabel: h, className: g = "", wrapperClassName: _ = "", selectable: v = !1, selectedIds: y, onToggleRow: b, onToggleAll: x, renderExpanded: S, ...C }) {
+function Qt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a, loading: o = !1, skeletonRows: s = 5, empty: c = "No records found.", emptyFiltered: l, sourceCount: u, rowActions: d, rowActionsLabel: p, pagination: m, ariaLabel: h, className: g = "", wrapperClassName: _ = "", selectable: v = !1, selectedIds: y, onToggleRow: b, onToggleAll: x, renderExpanded: S, ...C }) {
 	U("AppDataTable", C);
 	let w = typeof S == "function", [O, k] = f(() => /* @__PURE__ */ new Set()), A = (e) => k((t) => {
 		let n = new Set(t);
@@ -2425,7 +2491,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 				e.map((e, t) => {
 					let n = !!(e.sortable && a), r = i && i.key === e.key;
 					return /* @__PURE__ */ D("th", {
-						className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") + Ut(e.align),
+						className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") + Xt(e.align),
 						style: e.width ? { width: e.width } : void 0,
 						tabIndex: n ? 0 : void 0,
 						"aria-sort": r ? i.dir === "asc" ? "ascending" : "descending" : n ? "none" : void 0,
@@ -2452,7 +2518,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 						children: "Actions"
 					})
 				}))
-			] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(Lt, {
+			] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(Wt, {
 				rows: s,
 				cols: j
 			}) : n?.length ? n.map((n, i) => {
@@ -2486,9 +2552,9 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 							})
 						}),
 						e.map((e, t) => /* @__PURE__ */ E("td", {
-							className: (t === 0 ? "wui-name-cell " : "") + Ut(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
+							className: (t === 0 ? "wui-name-cell " : "") + Xt(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
 							style: e.cellStyle,
-							children: e.render ? e.render(n) : Wt(n[e.key])
+							children: e.render ? e.render(n) : Zt(n[e.key])
 						}, e.key)),
 						d && /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", {
 							className: "u-row-actions",
@@ -2511,7 +2577,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 				children: I
 			}) : I
 		})]
-	}), m && !o && m.total > 0 && /* @__PURE__ */ E(Ht, {
+	}), m && m.total > 0 && /* @__PURE__ */ E(Yt, {
 		page: m.page,
 		totalPages: m.totalPages,
 		pageSize: m.pageSize,
@@ -2519,12 +2585,14 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 		firstRow: m.firstRow,
 		lastRow: m.lastRow,
 		onPageChange: m.setPage,
-		onPageSizeChange: m.setPageSize
+		onPageSizeChange: m.setPageSize,
+		pageSizes: m.pageSizes,
+		mode: m.mode
 	})] });
 }
 //#endregion
 //#region src/components/AppDatePicker.jsx
-var Kt = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, placeholder: u = "Enter Date", disabled: d, size: f, firstDay: p, id: m, ariaLabel: h, className: g = "", fieldClassName: _ = "", ...v }, y) {
+var $t = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, placeholder: u = "Enter Date", disabled: d, size: f, firstDay: p, id: m, ariaLabel: h, className: g = "", fieldClassName: _ = "", ...v }, y) {
 	U("AppDatePicker", v);
 	let b = s(), x = m || b, { setRef: S } = Q({
 		ref: y,
@@ -2568,7 +2636,7 @@ var Kt = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 			})
 		]
 	});
-}), qt = i(function({ start: e, end: t, onChange: n, label: r, required: i = !1, hint: a, error: c, startName: l, endName: u, min: d, max: f, placeholder: p = "Start – End", disabled: m, size: h, firstDay: g, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", ...x }, S) {
+}), en = i(function({ start: e, end: t, onChange: n, label: r, required: i = !1, hint: a, error: c, startName: l, endName: u, min: d, max: f, placeholder: p = "Start – End", disabled: m, size: h, firstDay: g, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", ...x }, S) {
 	U("AppDateRangePicker", x);
 	let C = s(), w = _ || C, { setRef: T, innerRef: O } = Q({
 		ref: S,
@@ -2629,7 +2697,7 @@ var Kt = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 });
 //#endregion
 //#region src/components/AppDescriptions.jsx
-function Jt({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
+function tn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
 	return U("AppDescriptions", o), /* @__PURE__ */ D("div", {
 		className: [
 			"descs",
@@ -2645,7 +2713,7 @@ function Jt({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
 		}), /* @__PURE__ */ E("dl", {
 			className: "descs-list",
 			children: e.map((e, t) => {
-				let n = xt(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
+				let n = Et(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
 				return /* @__PURE__ */ D("div", {
 					className: "descs-item",
 					style: { "--descs-span": r },
@@ -2663,18 +2731,18 @@ function Jt({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
 }
 //#endregion
 //#region src/components/AppDropdown.jsx
-var Yt = !1;
-function Xt() {
+var nn = !1;
+function rn() {
 	let e = !0;
 	try {
 		e = process.env.NODE_ENV !== "production";
 	} catch {
 		e = !0;
 	}
-	!e || Yt || (Yt = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
+	!e || nn || (nn = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
 }
-function Zt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
-	U("AppDropdown", p), !d && !i && !r && Xt();
+function an({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
+	U("AppDropdown", p), !d && !i && !r && rn();
 	let m = n ?? (d ? "wui-dropdown-trigger" : "topbar-icon-btn"), [h, g] = f(!1);
 	return o(() => {
 		if (!h) return;
@@ -2691,7 +2759,7 @@ function Zt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i,
 		onToggle: (e) => g(e),
 		...p,
 		children: [/* @__PURE__ */ E(v.Toggle, {
-			as: Qt,
+			as: on,
 			icon: e,
 			iconSize: t,
 			btnClassName: m,
@@ -2727,7 +2795,7 @@ function Zt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i,
 		})]
 	});
 }
-var Qt = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-btn", trigger: r, "aria-label": i, className: a, ...o }, s) {
+var on = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-btn", trigger: r, "aria-label": i, className: a, ...o }, s) {
 	return /* @__PURE__ */ E("button", {
 		ref: s,
 		type: "button",
@@ -2742,16 +2810,16 @@ var Qt = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-
 });
 //#endregion
 //#region src/lib/fileItem.js
-function $t(e) {
+function sn(e) {
 	return e instanceof File ? `${e.name}:${e.size}` : e?.url || e?.name || "item";
 }
-function en(e) {
+function cn(e) {
 	return e instanceof File ? e.name : e?.name;
 }
-function tn(e) {
+function ln(e) {
 	return e instanceof File ? `${(e.size / 1024).toFixed(0)} KB` : null;
 }
-function nn(e, t) {
+function un(e, t) {
 	let [n, r] = f(null);
 	return o(() => {
 		if (!t) {
@@ -2767,8 +2835,8 @@ function nn(e, t) {
 }
 //#endregion
 //#region src/lib/FileItemRow.jsx
-function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
-	let i = nn(e, t), a = en(e), o = tn(e);
+function dn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
+	let i = un(e, t), a = cn(e), o = ln(e);
 	return /* @__PURE__ */ D("div", {
 		className: "attach-item",
 		children: [
@@ -2807,17 +2875,17 @@ function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
 }
 //#endregion
 //#region src/components/AppFileAttachment.jsx
-function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
+function fn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
 	U("AppFileAttachment", p);
-	let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = o > 0, C = on(a, S ? o : 0);
-	function w(e) {
+	let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = pn(a, o);
+	function C(e) {
 		let n = Array.from(e.target.files || []);
 		if (e.target.value = "", !n.length) return;
 		let s = [], c = "";
 		for (let e of n) {
 			let t = l ? I(e, {
 				accept: a,
-				maxSizeMb: S ? o : Infinity
+				maxSizeMb: o
 			}) : null;
 			if (t) {
 				c ||= t;
@@ -2826,14 +2894,14 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 			s.push(e);
 		}
 		if (_(c), s.length) if (i) {
-			let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map($t));
-			r(e.concat(s.filter((e) => !n.has($t(e)))));
+			let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map(sn));
+			r(e.concat(s.filter((e) => !n.has(sn(e)))));
 		} else r(s[0]);
 	}
-	function O(e) {
+	function w(e) {
 		_(""), r(i ? v.filter((t, n) => n !== e) : null);
 	}
-	let j = u || g, M = j ? `${h}-error` : void 0, N = i || v.length === 0, L = y ? "image" : "file", R = i ? `Add ${L}s` : `Add ${y ? "an" : "a"} ${L}`;
+	let O = u || g, j = O ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file", L = i ? `Add ${N}s` : `Add ${y ? "an" : "a"} ${N}`;
 	return /* @__PURE__ */ D("div", {
 		className: "field",
 		children: [
@@ -2845,7 +2913,7 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 					children: " (optional)"
 				})]
 			}),
-			N && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
+			M && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
 				className: "attach-drop",
 				htmlFor: h,
 				children: [
@@ -2860,10 +2928,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 						className: "attach-drop-copy",
 						children: [/* @__PURE__ */ E("span", {
 							className: "attach-drop-title",
-							children: R
-						}), C && /* @__PURE__ */ E("span", {
+							children: L
+						}), S && /* @__PURE__ */ E("span", {
 							className: "attach-drop-hint",
-							children: C
+							children: S
 						})]
 					}),
 					/* @__PURE__ */ E("span", {
@@ -2878,36 +2946,36 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 				name: n,
 				accept: a || void 0,
 				multiple: i || void 0,
-				"aria-describedby": M,
-				onChange: w,
+				"aria-describedby": j,
+				onChange: C,
 				...p
 			})] }),
-			x ? /* @__PURE__ */ E(sn, {
+			x ? /* @__PURE__ */ E(mn, {
 				item: v[0],
 				isImage: !0,
-				onRemove: () => O(0)
+				onRemove: () => w(0)
 			}) : v.length > 0 && /* @__PURE__ */ E("div", {
 				className: "attach-list",
-				children: v.map((e, t) => /* @__PURE__ */ E(rn, {
+				children: v.map((e, t) => /* @__PURE__ */ E(dn, {
 					item: e,
 					isImage: b(e),
-					onRemove: () => O(t)
-				}, $t(e)))
+					onRemove: () => w(t)
+				}, sn(e)))
 			}),
-			j && /* @__PURE__ */ E("div", {
+			O && /* @__PURE__ */ E("div", {
 				className: "field-error",
 				id: `${h}-error`,
-				children: j
+				children: O
 			})
 		]
 	});
 }
-function on(e, t) {
+function pn(e, t) {
 	let n = e?.trim() ? j(e) : "", r = t > 0 ? `up to ${t} MB` : "";
 	return n && r ? `${n}, ${r}` : r ? `Up to ${t} MB` : n;
 }
-function sn({ item: e, isImage: t, onRemove: n }) {
-	let r = nn(e, t), i = en(e), a = tn(e);
+function mn({ item: e, isImage: t, onRemove: n }) {
+	let r = un(e, t), i = cn(e), a = ln(e);
 	return /* @__PURE__ */ D("div", {
 		className: "attach-preview",
 		children: [/* @__PURE__ */ D("div", {
@@ -2939,7 +3007,7 @@ function sn({ item: e, isImage: t, onRemove: n }) {
 }
 //#endregion
 //#region src/components/AppFilePicker.jsx
-function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
+function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
 	U("AppFilePicker", b);
 	let [x, S] = f(null), [C, w] = f(!1), [T, O] = f(""), k = d(null), M = s(), N = r || M;
 	o(() => {
@@ -2958,7 +3026,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 	}, ce = (e) => {
 		let n = Array.from(e || []);
 		if (!n.length) return;
-		let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map($t)), o = "", s = [];
+		let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map(sn)), o = "", s = [];
 		for (let e of n) {
 			let t = I(e, {
 				accept: l,
@@ -2968,7 +3036,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 				o ||= t;
 				continue;
 			}
-			a.has($t(e)) || (a.add($t(e)), s.push(e));
+			a.has(sn(e)) || (a.add(sn(e)), s.push(e));
 		}
 		let d = r.concat(s);
 		c && d.length > c && (d = d.slice(0, c), o ||= `Up to ${c} files.`), O(o), i(d);
@@ -3103,14 +3171,9 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 									children: "Click to upload"
 								}), " or drag & drop"]
 							}),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ E("span", {
 								className: "file-input-text",
-								children: [
-									j(l),
-									" · up to ",
-									u,
-									" MB"
-								]
+								children: u > 0 ? `${j(l)} · up to ${u} MB` : j(l)
 							})
 						]
 					}),
@@ -3118,12 +3181,12 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 					fe,
 					a && L.length > 0 && /* @__PURE__ */ E("div", {
 						className: "attach-list",
-						children: L.map((e, t) => /* @__PURE__ */ E(rn, {
+						children: L.map((e, t) => /* @__PURE__ */ E(dn, {
 							item: e,
 							isImage: e instanceof File ? P(e) : V || P(e),
 							noun: "file",
 							onRemove: () => ue(t)
-						}, $t(e)))
+						}, sn(e)))
 					})
 				]
 			}),
@@ -3141,7 +3204,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 }
 //#endregion
 //#region src/components/AppFloatingDock.jsx
-function ln({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
+function gn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
 	return U("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
 		role: "navigation",
 		"aria-label": n,
@@ -3183,7 +3246,7 @@ function ln({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation"
 }
 //#endregion
 //#region src/components/AppFormActions.jsx
-function un({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
+function _n({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
 	return U("AppFormActions", i), /* @__PURE__ */ E("div", {
 		className: [
 			"form-actions",
@@ -3197,7 +3260,7 @@ function un({ children: e, sticky: t = !1, align: n = "end", className: r = "",
 }
 //#endregion
 //#region src/components/AppFormRow.jsx
-function dn({ children: e, columns: t = 2, className: n = "", ...r }) {
+function vn({ children: e, columns: t = 2, className: n = "", ...r }) {
 	U("AppFormRow", r);
 	let { style: i, ...a } = r;
 	return /* @__PURE__ */ E("div", {
@@ -3212,7 +3275,7 @@ function dn({ children: e, columns: t = 2, className: n = "", ...r }) {
 }
 //#endregion
 //#region src/components/AppFormSection.jsx
-function fn({ children: e, title: t, description: n, className: r = "", ...i }) {
+function yn({ children: e, title: t, description: n, className: r = "", ...i }) {
 	return U("AppFormSection", i), /* @__PURE__ */ D("section", {
 		className: ["form-section", r].filter(Boolean).join(" "),
 		...i,
@@ -3233,12 +3296,12 @@ function fn({ children: e, title: t, description: n, className: r = "", ...i })
 }
 //#endregion
 //#region src/components/AppInfoList.jsx
-function pn({ items: e = [], className: t = "", ...n }) {
+function bn({ items: e = [], className: t = "", ...n }) {
 	return U("AppInfoList", n), /* @__PURE__ */ E("div", {
 		className: `info-list${t ? ` ${t}` : ""}`,
 		...n,
 		children: e.map((e, t) => {
-			let n = xt(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+			let n = Et(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 				className: "info-icon",
 				children: X(e.icon, { size: 16 })
 			}), /* @__PURE__ */ D("span", {
@@ -3264,23 +3327,23 @@ function pn({ items: e = [], className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/AppKpiTile.jsx
-var mn = 48, hn = 16;
-function gn(e) {
-	if (!e || e.length < 2) return `0,${hn / 2} ${mn},${hn / 2}`;
-	let t = Math.min(...e), n = Math.max(...e) - t, r = mn / (e.length - 1);
-	return e.map((e, i) => `${i * r},${n === 0 ? hn / 2 : hn - (e - t) / n * hn}`).join(" ");
+var xn = 48, Sn = 16;
+function Cn(e) {
+	if (!e || e.length < 2) return `0,${Sn / 2} ${xn},${Sn / 2}`;
+	let t = Math.min(...e), n = Math.max(...e) - t, r = xn / (e.length - 1);
+	return e.map((e, i) => `${i * r},${n === 0 ? Sn / 2 : Sn - (e - t) / n * Sn}`).join(" ");
 }
-function _n(e) {
+function wn(e) {
 	if (typeof e != "string") return "flat";
 	let t = e.trim();
 	return t.startsWith("+") ? "up" : t.startsWith("-") || t.startsWith("−") ? "down" : "flat";
 }
-function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
+function Tn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
 	U("AppKpiTile", C);
 	let w = `kpi${d ? " kpi-inline" : ""}${c === "filled" ? " kpi-filled" : c === "accent" ? " kpi-accent" : c === "spotlight" ? " kpi-spotlight" : ""}${l === "lg" ? " kpi-lg" : l === "sm" ? " kpi-sm" : ""}${f ? " kpi-attention" : ""}${h ? ` ${h}` : ""}`, T = typeof u == "number" && u > 0 ? {
 		...g,
 		"--wui-kpi-value-size": `${u}px`
-	} : g, O = o ?? _n(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
+	} : g, O = o ?? wn(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
 	return p != null && (A = m ? {
 		as: m,
 		to: p
@@ -3318,12 +3381,12 @@ function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
 			}),
 			s && s.length > 0 && /* @__PURE__ */ E("svg", {
 				className: `kpi-sparkline${S ? ` ${S}` : ""}`,
-				width: mn,
-				height: hn,
-				viewBox: `0 0 ${mn} ${hn}`,
+				width: xn,
+				height: Sn,
+				viewBox: `0 0 ${xn} ${Sn}`,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ E("polyline", {
-					points: gn(s),
+					points: Cn(s),
 					stroke: "currentColor",
 					fill: "none"
 				})
@@ -3333,11 +3396,11 @@ function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
 }
 //#endregion
 //#region src/components/AppLink.jsx
-var yn = {
+var En = {
 	sm: 13,
 	md: 15,
 	lg: 18
-}, bn = [
+}, Dn = [
 	"underline",
 	"underline-center",
 	"static",
@@ -3351,35 +3414,35 @@ var yn = {
 	"shine",
 	"none"
 ];
-function xn(e, t, n) {
+function On(e, t, n) {
 	if (!e) return null;
 	let r = `wui-link__ic wui-link__ic--${t}`;
 	return typeof e == "string" ? /* @__PURE__ */ E("span", {
 		className: r,
 		children: /* @__PURE__ */ E(Y, {
 			name: e,
-			size: yn[n] ?? yn.md
+			size: En[n] ?? En.md
 		})
 	}) : /* @__PURE__ */ E("span", {
 		className: r,
 		children: e
 	});
 }
-function Sn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
-	U("AppLink", d), W("AppLink", "animation", r, bn), W("AppLink", "size", o, Object.keys(yn));
-	let f = bn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
+function kn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
+	U("AppLink", d), W("AppLink", "animation", r, Dn), W("AppLink", "size", o, Object.keys(En));
+	let f = Dn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
 		"wui-link",
 		`wui-link--${f}`,
 		o === "md" ? "" : `wui-link--${o}`,
 		c ? "is-disabled" : "",
 		u
 	].filter(Boolean).join(" "), h = /* @__PURE__ */ D(T, { children: [
-		xn(i, "left", o),
+		On(i, "left", o),
 		/* @__PURE__ */ E("span", {
 			className: "wui-link__label",
 			children: e ?? t
 		}),
-		xn(p, "right", o)
+		On(p, "right", o)
 	] });
 	return c ? /* @__PURE__ */ E("span", {
 		className: m,
@@ -3402,13 +3465,13 @@ function Sn({ children: e, label: t, href: n, animation: r = "underline", leftIc
 }
 //#endregion
 //#region src/components/AppLogoPicker.jsx
-var Cn = {
+var An = {
 	sm: 72,
 	md: 120,
 	lg: 160
 };
-function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
-	U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(Cn));
+function jn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
+	U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(An));
 	let j = d(null), M = s(), [N, P] = f(null), [F, L] = f(""), [R, z] = f(!1), [ee, B] = f(!1);
 	o(() => () => N && URL.revokeObjectURL(N), [N]), o(() => {
 		P(null), z(!1);
@@ -3434,7 +3497,7 @@ function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
 		t && oe(t);
 	}, G = () => {
 		P(null), L(""), z(!1), j.current && (j.current.value = ""), i?.();
-	}, le = typeof w == "number" ? w : Cn[w] ?? Cn.md, ue = Math.max(14, Math.round(le * .18)), de = Math.round(le * .5), fe = [
+	}, le = typeof w == "number" ? w : An[w] ?? An.md, ue = Math.max(14, Math.round(le * .18)), de = Math.round(le * .5), fe = [
 		"set-uploader",
 		C === "avatar" ? "set-uploader--avatar" : "",
 		T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
@@ -3564,27 +3627,27 @@ function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
 }
 //#endregion
 //#region src/components/AppMeter.jsx
-var Tn = [
+var Mn = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function En(e, t, n) {
+function Nn(e, t, n) {
 	let r = n - t;
 	if (!(r > 0)) return 0;
 	let i = Math.min(100, Math.max(0, (e - t) / r * 100));
 	return Number(i.toFixed(2));
 }
-function Dn(e, t, n, r, i) {
+function Pn(e, t, n, r, i) {
 	if (t == null && n == null) return i;
 	let a = "mid";
 	return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
 }
-function On({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
+function Fn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
 	U("AppMeter", d);
-	let f = Dn(e, a, o, i, Tn.includes(r) ? r : "info"), p = En(e, t, n);
+	let f = Pn(e, a, o, i, Mn.includes(r) ? r : "info"), p = Nn(e, t, n);
 	return /* @__PURE__ */ E("div", {
 		className: `progress${s === "sm" ? " progress-sm" : ""}${u ? ` ${u}` : ""}`,
 		role: "meter",
@@ -3602,20 +3665,20 @@ function On({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum:
 }
 //#endregion
 //#region src/components/AppMultiSelect.jsx
-var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
+var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
 	U("AppMultiSelect", T);
 	let k = s(), A = _ || k, { setRef: j, innerRef: M } = Q({
 		ref: O,
 		value: e,
 		onChange: t,
-		readValue: qe,
-		writeValue: Je
+		readValue: Ze,
+		writeValue: Qe
 	});
 	return o(() => {
 		let e = M.current;
 		if (!e) return;
 		let t = n || [];
-		Ke(t, e.options) || (e.options = t);
+		Xe(t, e.options) || (e.options = t);
 	}, [n, M]), o(() => {
 		let e = M.current;
 		e && (e.validateCustom = p ?? null);
@@ -3628,7 +3691,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 				children: [
 					v,
 					x && /* @__PURE__ */ E(Z, {}),
-					S && /* @__PURE__ */ E(He, {
+					S && /* @__PURE__ */ E(Ke, {
 						label: C,
 						children: S
 					})
@@ -3665,7 +3728,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			}) : null
 		]
 	});
-}), An = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
+}), Ln = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
 	U("AppNumberInput", C);
 	let T = s(), O = _ || T, k = (e) => {
 		if (m === 0) return Math.round(e);
@@ -3770,7 +3833,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 				children: [
 					e,
 					t && /* @__PURE__ */ E(Z, {}),
-					i && /* @__PURE__ */ E(He, {
+					i && /* @__PURE__ */ E(Ke, {
 						label: a,
 						children: i
 					})
@@ -3788,7 +3851,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			}) : null
 		]
 	});
-}), jn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
+}), Rn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
 	U("AppOtpInput", h);
 	let _ = s(), v = f || _, y = l ? `${v}-error` : void 0, b = c ? `${v}-hint` : void 0, x = y || b, { setRef: S } = Q({
 		ref: g,
@@ -3833,7 +3896,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 });
 //#endregion
 //#region src/components/AppPageHeader.jsx
-function Mn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
+function zn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
 	U("AppPageHeader", p);
 	let m = [
 		"page-header",
@@ -3892,9 +3955,9 @@ function Mn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", s
 }
 //#endregion
 //#region src/components/AppPagination.jsx
-function Nn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
+function Bn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
 	if (U("AppPagination", s), t <= 1) return null;
-	let c = zt(e, t, { siblingCount: r });
+	let c = Kt(e, t, { siblingCount: r });
 	return /* @__PURE__ */ E("nav", {
 		className: [
 			"pagination-nav",
@@ -3952,7 +4015,7 @@ function Nn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
 }
 //#endregion
 //#region src/components/AppPhoneNumberInput.jsx
-var Pn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
+var Vn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
 	U("AppPhoneNumberInput", h);
 	let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
 		ref: g,
@@ -3993,7 +4056,7 @@ var Pn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
 });
 //#endregion
 //#region src/components/AppPricingCard.jsx
-function Fn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
+function Hn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
 	return U("AppPricingCard", u), /* @__PURE__ */ D("div", {
 		className: [
 			"plan-card",
@@ -4047,21 +4110,21 @@ function Fn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
 }
 //#endregion
 //#region src/components/AppProgress.jsx
-var In = [
+var Un = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function Ln(e, t) {
+function Wn(e, t) {
 	if (!(t > 0)) return 0;
 	let n = Math.min(100, Math.max(0, e / t * 100));
 	return Number(n.toFixed(2));
 }
-function Rn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
+function Gn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
 	U("AppProgress", u);
-	let d = In.includes(n) ? n : "info", f = Ln(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
+	let d = Un.includes(n) ? n : "info", f = Wn(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
 		"progress-bar",
 		`wui-progress-${d}`,
 		o || s ? "progress-bar-striped" : "",
@@ -4085,8 +4148,8 @@ function Rn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
 }
 //#endregion
 //#region src/components/AppRadio.jsx
-var zn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
-	return U("AppRadio", o), /* @__PURE__ */ E(ht, {
+var Kn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
+	return U("AppRadio", o), /* @__PURE__ */ E(_t, {
 		ref: s,
 		label: e,
 		id: t,
@@ -4101,27 +4164,27 @@ var zn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 });
 //#endregion
 //#region src/components/AppRepeater.jsx
-function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", removeLabel: o = "Remove row", emptyText: s, min: c = 0, max: l, numbered: u = !0, className: d = "", ...f }) {
-	U("AppRepeater", f);
-	let p = typeof l == "number" && e.length >= l, m = !!i && e.length > c;
+function qn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", addVariant: o = "secondary", removeLabel: s = "Remove row", emptyText: c, min: l = 0, max: u, numbered: d = !0, className: f = "", ...p }) {
+	U("AppRepeater", p);
+	let m = typeof u == "number" && e.length >= u, h = !!i && e.length > l;
 	return /* @__PURE__ */ D("div", {
-		className: `repeater${d ? ` ${d}` : ""}`,
-		...f,
+		className: `repeater${f ? ` ${f}` : ""}`,
+		...p,
 		children: [
-			e.length === 0 && s && /* @__PURE__ */ E("div", {
+			e.length === 0 && c && /* @__PURE__ */ E("div", {
 				className: "repeater-empty",
-				children: s
+				children: c
 			}),
 			e.map((e, r) => {
 				let a = n ? n(e, r) : null;
 				return /* @__PURE__ */ D("div", {
 					className: "repeater-row",
 					children: [
-						(!!a || m) && /* @__PURE__ */ E("span", {
+						(!!a || h) && /* @__PURE__ */ E("span", {
 							className: "repeater-row-label",
 							children: a
 						}),
-						u && /* @__PURE__ */ E("span", {
+						d && /* @__PURE__ */ E("span", {
 							className: "repeater-index",
 							children: r + 1
 						}),
@@ -4129,9 +4192,9 @@ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 							className: "repeater-body",
 							children: t(e, r)
 						}),
-						m && /* @__PURE__ */ E(ke, {
+						h && /* @__PURE__ */ E(Ae, {
 							icon: "trash-2",
-							label: `${o} ${r + 1}`,
+							label: `${s} ${r + 1}`,
 							danger: !0,
 							className: "repeater-remove",
 							onClick: () => i(r)
@@ -4139,12 +4202,12 @@ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 					]
 				}, e.id ?? r);
 			}),
-			/* @__PURE__ */ E(Ie, {
-				variant: "secondary",
+			/* @__PURE__ */ E(ze, {
+				variant: o,
 				size: "sm",
 				leftIcon: "plus",
 				className: "repeater-add",
-				disabled: p,
+				disabled: m,
 				onClick: r,
 				children: a
 			})
@@ -4153,7 +4216,7 @@ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 }
 //#endregion
 //#region src/components/AppResourceCard.jsx
-function Vn({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
+function Jn({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
 	U("AppResourceCard", s);
 	let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 		className: "res-card-icon",
@@ -4187,7 +4250,7 @@ function Vn({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
 }
 //#endregion
 //#region src/components/AppResult.jsx
-var Hn = {
+var Yn = {
 	success: {
 		icon: "check-circle",
 		tone: "success"
@@ -4208,9 +4271,9 @@ var Hn = {
 	404: { tone: "muted" },
 	500: { tone: "muted" }
 };
-function Un({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
-	U("AppResult", s), W("AppResult", "status", e, Object.keys(Hn));
-	let c = Hn[e] || Hn.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
+function Xn({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
+	U("AppResult", s), W("AppResult", "status", e, Object.keys(Yn));
+	let c = Yn[e] || Yn.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
 	return /* @__PURE__ */ D("div", {
 		className: [
 			"result",
@@ -4248,7 +4311,7 @@ function Un({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
 }
 //#endregion
 //#region src/components/AppScrollbar.jsx
-function Wn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
+function Zn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
 	return U("AppScrollbar", i), /* @__PURE__ */ E("div", {
 		className: t ? `wui-scroll ${t}` : "wui-scroll",
 		style: n == null ? r : {
@@ -4261,7 +4324,7 @@ function Wn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/AppSearch.jsx
-function Gn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
+function Qn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
 	U("AppSearch", u);
 	let d = t || n;
 	return /* @__PURE__ */ D("div", {
@@ -4308,7 +4371,7 @@ function Gn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
 }
 //#endregion
 //#region src/components/AppSegmented.jsx
-function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, disabled: u = !1, className: f = "", ...p }) {
+function $n({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, disabled: u = !1, className: f = "", ...p }) {
 	U("AppSegmented", p);
 	let m = s(), h = i || m, g = d(null), _ = d(null), v = [
 		"segmented",
@@ -4382,80 +4445,93 @@ function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 }
 //#endregion
 //#region src/components/AppSelect.jsx
-var qn = (e) => e == null ? "" : e.label ?? e.text ?? "", Jn = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, floatingLabel: d = !1, disabled: f, label: p, required: m = !1, error: h, hint: g, help: _, helpLabel: v = "More information", id: y, name: b, className: x = "", fieldClassName: S = "", "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...O }, k) {
-	U("AppSelect", O);
-	let A = s(), { setRef: j, innerRef: M } = Q({
-		ref: k,
+var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, prefix: d, suffix: f, floatingLabel: p = !1, disabled: m, label: h, required: g = !1, error: _, hint: v, help: y, helpLabel: b = "More information", id: x, name: S, className: C = "", fieldClassName: w = "", "aria-label": T, "aria-labelledby": O, "aria-describedby": k, ...A }, j) {
+	U("AppSelect", A);
+	let M = s(), { setRef: N, innerRef: P } = Q({
+		ref: j,
 		value: e ?? "",
 		onChange: t
 	});
 	o(() => {
-		let e = M.current;
+		let e = P.current;
 		if (!e) return;
 		let t = n.map((e) => ({
 			value: e.value,
-			label: qn(e),
+			label: er(e),
 			icon: e.icon
 		}));
-		Ke(t, e.options) || (e.options = t);
-	}, [n, M]);
-	let N = y || A, P = d && p, F = h && N ? `${N}-error` : void 0, I = g && N ? `${N}-hint` : void 0, L = /* @__PURE__ */ E("wui-select", {
-		"aria-label": C || (typeof p == "string" ? p : void 0),
-		"aria-labelledby": w || void 0,
-		"aria-describedby": F || I || T || void 0,
-		"aria-invalid": h ? "true" : void 0,
-		ref: j,
-		id: N,
-		name: b,
-		placeholder: d && p ? " " : r,
+		Xe(t, e.options) || (e.options = t);
+	}, [n, P]);
+	let F = x || M, I = p && h, L = _ && F ? `${F}-error` : void 0, R = v && F ? `${F}-hint` : void 0, z = /* @__PURE__ */ E("wui-select", {
+		"aria-label": T || (typeof h == "string" ? h : void 0),
+		"aria-labelledby": O || void 0,
+		"aria-describedby": L || R || k || void 0,
+		"aria-invalid": _ ? "true" : void 0,
+		ref: N,
+		id: F,
+		name: S,
+		placeholder: p && h ? " " : r,
 		"search-placeholder": i,
 		searchable: a ? "" : void 0,
 		clearable: c ? "" : void 0,
 		size: l || void 0,
 		icon: u || void 0,
-		disabled: f ? "" : void 0,
-		required: m ? "" : void 0,
-		className: x || void 0,
-		...O
-	});
-	return !p && !h && !g ? L : /* @__PURE__ */ D("div", {
-		className: ["field", S].filter(Boolean).join(" "),
+		disabled: m ? "" : void 0,
+		required: g ? "" : void 0,
+		className: C || void 0,
+		...A
+	}), ee = !I && (d != null || f != null) ? /* @__PURE__ */ D("div", {
+		className: "input-affixed",
 		children: [
-			p && !P && /* @__PURE__ */ D("label", {
+			d != null && /* @__PURE__ */ E("span", {
+				className: "affix affix-pre",
+				children: d
+			}),
+			z,
+			f != null && /* @__PURE__ */ E("span", {
+				className: "affix affix-suf",
+				children: f
+			})
+		]
+	}) : z;
+	return !h && !_ && !v ? ee : /* @__PURE__ */ D("div", {
+		className: ["field", w].filter(Boolean).join(" "),
+		children: [
+			h && !I && /* @__PURE__ */ D("label", {
 				className: "label",
-				htmlFor: N,
+				htmlFor: F,
 				children: [
-					p,
-					m && /* @__PURE__ */ E(Z, {}),
-					_ && /* @__PURE__ */ E(He, {
-						label: v,
-						children: _
+					h,
+					g && /* @__PURE__ */ E(Z, {}),
+					y && /* @__PURE__ */ E(Ke, {
+						label: b,
+						children: y
 					})
 				]
 			}),
-			P ? /* @__PURE__ */ D("div", {
+			I ? /* @__PURE__ */ D("div", {
 				className: "field-float",
-				children: [L, /* @__PURE__ */ D("label", {
+				children: [z, /* @__PURE__ */ D("label", {
 					className: "float-label",
-					htmlFor: N,
-					children: [p, m && /* @__PURE__ */ E(Z, {})]
+					htmlFor: F,
+					children: [h, g && /* @__PURE__ */ E(Z, {})]
 				})]
-			}) : L,
-			h ? /* @__PURE__ */ E("div", {
+			}) : ee,
+			_ ? /* @__PURE__ */ E("div", {
 				className: "field-error",
-				id: F,
-				children: h
-			}) : g ? /* @__PURE__ */ E("div", {
+				id: L,
+				children: _
+			}) : v ? /* @__PURE__ */ E("div", {
 				className: "field-hint",
-				id: I,
-				children: g
+				id: R,
+				children: v
 			}) : null
 		]
 	});
 });
 //#endregion
 //#region src/components/AppShell.jsx
-function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
+function nr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
 	U("AppShell", _);
 	let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
 		let e = !w;
@@ -4503,7 +4579,7 @@ function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
 							children: [e.label && /* @__PURE__ */ E("div", {
 								className: "app-nav-group-label",
 								children: e.label
-							}), e.items.map((e) => /* @__PURE__ */ E(Xn, {
+							}), e.items.map((e) => /* @__PURE__ */ E(rr, {
 								item: e,
 								linkComponent: h,
 								onNavigate: () => x(!1)
@@ -4570,7 +4646,7 @@ function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
 		]
 	});
 }
-function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
+function rr({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 	let i = Array.isArray(e.children) && e.children.length > 0, a = i && e.children.some((e) => e.active), [s, c] = f(a);
 	o(() => {
 		a && !s && c(!0);
@@ -4612,7 +4688,7 @@ function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 		"aria-hidden": !s || void 0,
 		children: /* @__PURE__ */ E("div", {
 			className: "app-nav-sub-inner",
-			children: e.children.map((e) => /* @__PURE__ */ E(Xn, {
+			children: e.children.map((e) => /* @__PURE__ */ E(rr, {
 				item: e,
 				linkComponent: t,
 				onNavigate: n,
@@ -4653,7 +4729,7 @@ function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 }
 //#endregion
 //#region src/components/AppSidebarMenu.jsx
-var Zn = {
+var ir = {
 	left: "start",
 	right: "end",
 	start: "start",
@@ -4661,9 +4737,9 @@ var Zn = {
 	top: "top",
 	bottom: "bottom"
 };
-function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
-	U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(Zn));
-	let { style: y, ...b } = v, S = Zn[n] || "end", C = c || l || y ? {
+function ar({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
+	U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(ir));
+	let { style: y, ...b } = v, S = ir[n] || "end", C = c || l || y ? {
 		...c && { "--asm-width": c },
 		...l && { "--asm-max-width": l },
 		...y
@@ -4692,7 +4768,7 @@ function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
 							size: 18
 						})
 					}), r]
-				}), p && /* @__PURE__ */ E(Ie, {
+				}), p && /* @__PURE__ */ E(ze, {
 					variant: "ghost",
 					className: "btn-icon",
 					onClick: t,
@@ -4716,14 +4792,14 @@ function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
 }
 //#endregion
 //#region src/components/AppSlider.jsx
-var $n = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
+var or = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
 	U("AppSlider", T);
 	let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
 		ref: O,
 		value: j ? void 0 : e,
 		onChange: i,
-		readValue: j ? Ye : void 0,
-		writeValue: j ? void 0 : Xe
+		readValue: j ? $e : void 0,
+		writeValue: j ? void 0 : et
 	});
 	o(() => {
 		if (!j) return;
@@ -4777,14 +4853,14 @@ var $n = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
 			})
 		]
 	});
-}), er = {
+}), sr = {
 	sm: 44,
 	md: 56,
 	lg: 72
 };
-function tr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
-	U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(er));
-	let { style: l, ...u } = c, d = typeof a == "number" ? a : er[a] ?? er.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
+function cr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
+	U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(sr));
+	let { style: l, ...u } = c, d = typeof a == "number" ? a : sr[a] ?? sr.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
 		className: "splash-ring",
 		"aria-hidden": "true"
 	}) : i === "dots" ? /* @__PURE__ */ D("span", {
@@ -4831,7 +4907,7 @@ function tr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
 }
 //#endregion
 //#region src/components/AppStatusBadge.jsx
-function nr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
+function lr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
 	return U("AppStatusBadge", a), e == null || e === "" ? "-" : K(/* @__PURE__ */ E("span", {
 		className: `status-label ${t}${n ? ` ${n}` : ""}`,
 		...a,
@@ -4840,7 +4916,7 @@ function nr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
 }
 //#endregion
 //#region src/components/AppStepper.jsx
-function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
+function ur({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
 	U("AppStepper", c);
 	let l = t === "journey";
 	return /* @__PURE__ */ E("nav", {
@@ -4853,7 +4929,7 @@ function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
 		"aria-label": a,
 		...c,
 		children: e.map((t, n) => {
-			let a = t.status || ir(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
+			let a = t.status || dr(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
 			c = a === "done" ? /* @__PURE__ */ E(Y, {
 				name: "check",
 				size: 14
@@ -4917,13 +4993,13 @@ function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
 		})
 	});
 }
-function ir(e, t) {
+function dr(e, t) {
 	return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
 }
 //#endregion
 //#region src/components/AppSwitch.jsx
-var ar = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
-	return U("AppSwitch", s), /* @__PURE__ */ E(ht, {
+var fr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
+	return U("AppSwitch", s), /* @__PURE__ */ E(_t, {
 		ref: c,
 		label: e,
 		id: t,
@@ -4938,7 +5014,7 @@ var ar = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "p
 });
 //#endregion
 //#region src/components/AppTableEmptyState.jsx
-function or({ icon: e, title: t, text: n, action: r, ...i }) {
+function pr({ icon: e, title: t, text: n, action: r, ...i }) {
 	return U("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
 		className: "tbl-empty",
 		...i,
@@ -4964,8 +5040,8 @@ function or({ icon: e, title: t, text: n, action: r, ...i }) {
 }
 //#endregion
 //#region src/components/AppTabs.jsx
-var sr = 1, cr = 28, lr = .7;
-function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
+var mr = 1, hr = 28, gr = .7;
+function _r({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
 	U("AppTabs", _);
 	let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
 	o(() => {
@@ -4977,7 +5053,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 		let e = v.current, t = y.current;
 		if (!e || !t || b) return;
 		let n = e.scrollWidth - e.clientWidth;
-		t.classList.toggle("is-overflow-start", e.scrollLeft > sr), t.classList.toggle("is-overflow-end", n > sr && e.scrollLeft < n - sr);
+		t.classList.toggle("is-overflow-start", e.scrollLeft > mr), t.classList.toggle("is-overflow-end", n > mr && e.scrollLeft < n - mr);
 	}, [b]), M = a(() => {
 		let n = v.current;
 		if (!n) return;
@@ -4993,7 +5069,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 		if (!e || b) return;
 		let t = e.querySelector(".app-tab.active");
 		if (!t) return;
-		let n = cr, r = t.offsetLeft, i = r + t.offsetWidth;
+		let n = hr, 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);
 	}, [b]);
 	l(() => {
@@ -5028,7 +5104,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 	}
 	let I = (e) => {
 		let t = v.current;
-		t && t.scrollBy({ left: e * t.clientWidth * lr });
+		t && t.scrollBy({ left: e * t.clientWidth * gr });
 	}, L = [
 		"app-tabs",
 		i === "pills" ? "app-tabs-pills" : "",
@@ -5141,14 +5217,14 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 }
 //#endregion
 //#region src/components/AppTagInput.jsx
-var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
+var vr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
 	U("AppTagInput", y);
 	let x = s(), S = p || x, { setRef: C } = Q({
 		ref: b,
 		value: e,
 		onChange: t,
-		readValue: qe,
-		writeValue: Je
+		readValue: Ze,
+		writeValue: Qe
 	});
 	return /* @__PURE__ */ D("div", {
 		className: `field${g ? ` ${g}` : ""}`,
@@ -5159,7 +5235,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 				children: [
 					i,
 					c && /* @__PURE__ */ E(Z, {}),
-					_ && /* @__PURE__ */ E(He, {
+					_ && /* @__PURE__ */ E(Ke, {
 						label: v,
 						children: _
 					})
@@ -5192,7 +5268,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 			}) : null
 		]
 	});
-}), fr = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
+}), yr = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
 	U("AppTextarea", x);
 	let C = s(), w = u || C, T = [
 		"textarea",
@@ -5228,7 +5304,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 				children: [
 					e,
 					t && /* @__PURE__ */ E(Z, {}),
-					i && /* @__PURE__ */ E(He, {
+					i && /* @__PURE__ */ E(Ke, {
 						label: c,
 						children: i
 					})
@@ -5263,7 +5339,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 			})
 		]
 	});
-}), pr = {
+}), br = {
 	done: "check",
 	current: "clock",
 	"on-hold": "lock",
@@ -5272,7 +5348,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 	skipped: "arrow-right",
 	upcoming: null
 };
-function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
+function xr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
 	U("AppTimeline", o);
 	let s = t === "progress", c = `timeline${s ? " timeline--progress" : ""}${n === "horizontal" ? " timeline--horizontal" : ""}${i ? ` ${i}` : ""}`, l = typeof r == "number" && r > 0 ? r : void 0, u = l ? Math.round(l * .54) : s ? 13 : 12;
 	return /* @__PURE__ */ E("ol", {
@@ -5283,7 +5359,7 @@ function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
 		} : a,
 		...o,
 		children: e.map((e, t) => {
-			let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? pr[n] : void 0) : e.icon || "circle";
+			let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? br[n] : void 0) : e.icon || "circle";
 			return /* @__PURE__ */ D("li", {
 				className: `timeline-item${r}${i}`,
 				children: [/* @__PURE__ */ E("span", {
@@ -5353,7 +5429,7 @@ function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
 }
 //#endregion
 //#region src/components/AppTimePicker.jsx
-var hr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
+var Sr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
 	U("AppTimePicker", y);
 	let x = s(), S = h || o || x, { setRef: C } = Q({
 		ref: b,
@@ -5398,35 +5474,35 @@ var hr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 			})
 		]
 	});
-}), gr = 6, $ = [], _r = /* @__PURE__ */ new Set(), vr = /* @__PURE__ */ new Map(), yr = /* @__PURE__ */ new Set(), br = 0;
-function xr() {
-	for (let e of _r) e($);
+}), Cr = 6, $ = [], wr = /* @__PURE__ */ new Set(), Tr = /* @__PURE__ */ new Map(), Er = /* @__PURE__ */ new Set(), Dr = 0;
+function Or() {
+	for (let e of wr) e($);
 }
-function Sr(e) {
-	let t = vr.get(e);
-	t !== void 0 && (clearTimeout(t), vr.delete(e));
+function kr(e) {
+	let t = Tr.get(e);
+	t !== void 0 && (clearTimeout(t), Tr.delete(e));
 }
-function Cr(e, t) {
-	if (e.length <= gr) return e;
+function Ar(e, t) {
+	if (e.length <= Cr) return e;
 	let n = [...e], r = [];
-	for (; n.length > gr;) {
+	for (; n.length > Cr;) {
 		let e = n.findIndex((e) => e.id !== t && e.duration !== 0);
 		r.push(n.splice(e === -1 ? n.findIndex((e) => e.id !== t) : e, 1)[0]);
 	}
-	for (let e of r) Sr(e.id), yr.delete(e.id);
+	for (let e of r) kr(e.id), Er.delete(e.id);
 	return n;
 }
-function wr(e) {
-	return _r.add(e), e($), () => {
-		if (_r.delete(e), _r.size === 0) for (let e of $) e.duration > 0 && !vr.has(e.id) && (yr.delete(e.id), vr.set(e.id, setTimeout(() => Dr(e.id), e.duration)));
+function jr(e) {
+	return wr.add(e), e($), () => {
+		if (wr.delete(e), wr.size === 0) for (let e of $) e.duration > 0 && !Tr.has(e.id) && (Er.delete(e.id), Tr.set(e.id, setTimeout(() => Pr(e.id), e.duration)));
 	};
 }
-function Tr(e, t, n = {}) {
+function Mr(e, t, n = {}) {
 	let r = n.id, i = r || typeof e != "string" ? void 0 : `${t}:${e}`;
 	if (r) {
 		let i = $.find((e) => e.externalId === r);
 		if (i) {
-			Sr(i.id);
+			kr(i.id);
 			let r = n.duration === void 0 ? 5e3 : n.duration;
 			$ = $.map((a) => a.id === i.id ? {
 				...a,
@@ -5439,12 +5515,12 @@ function Tr(e, t, n = {}) {
 				shape: n.shape,
 				surface: n.surface,
 				progress: n.progress
-			} : a), xr(), r > 0 && !yr.has(i.id) && vr.set(i.id, setTimeout(() => Dr(i.id), r));
+			} : a), Or(), r > 0 && !Er.has(i.id) && Tr.set(i.id, setTimeout(() => Pr(i.id), r));
 			return;
 		}
 	} else if (i && $.some((e) => e.key === i)) return;
-	let a = ++br, o = n.duration === void 0 ? 5e3 : n.duration;
-	$ = Cr([...$, {
+	let a = ++Dr, o = n.duration === void 0 ? 5e3 : n.duration;
+	$ = Ar([...$, {
 		id: a,
 		externalId: r,
 		message: e,
@@ -5457,25 +5533,25 @@ function Tr(e, t, n = {}) {
 		surface: n.surface,
 		progress: n.progress,
 		key: i
-	}], a), xr(), o > 0 && vr.set(a, setTimeout(() => Dr(a), o));
+	}], a), Or(), o > 0 && Tr.set(a, setTimeout(() => Pr(a), o));
 }
-function Er(e) {
-	Sr(e), yr.add(e);
+function Nr(e) {
+	kr(e), Er.add(e);
 }
-function Dr(e) {
-	Sr(e), yr.delete(e);
+function Pr(e) {
+	kr(e), Er.delete(e);
 	let t = $.filter((t) => t.id !== e);
-	t.length !== $.length && ($ = t, xr());
+	t.length !== $.length && ($ = t, Or());
 }
-function Or() {
-	if (!($.length === 0 && vr.size === 0 && yr.size === 0)) {
-		for (let e of vr.values()) clearTimeout(e);
-		vr.clear(), yr.clear(), $.length !== 0 && ($ = [], xr());
+function Fr() {
+	if (!($.length === 0 && Tr.size === 0 && Er.size === 0)) {
+		for (let e of Tr.values()) clearTimeout(e);
+		Tr.clear(), Er.clear(), $.length !== 0 && ($ = [], Or());
 	}
 }
 //#endregion
 //#region src/components/AppToast.jsx
-var kr = {
+var Ir = {
 	success: {
 		icon: "check-circle",
 		assertive: !1
@@ -5492,7 +5568,7 @@ var kr = {
 		icon: "alert-circle",
 		assertive: !0
 	}
-}, Ar = {
+}, Lr = {
 	"top-start": "top-0 start-0",
 	"top-center": "top-0 start-50 translate-middle-x",
 	"top-end": "top-0 end-0",
@@ -5500,21 +5576,21 @@ var kr = {
 	"bottom-start": "bottom-0 start-0",
 	"bottom-center": "bottom-0 start-50 translate-middle-x",
 	"bottom-end": "bottom-0 end-0"
-}, jr = 64, Mr = /* @__PURE__ */ new Set([
+}, Rr = 64, zr = /* @__PURE__ */ new Set([
 	"rise",
 	"organic",
 	"jelly",
 	"spring"
-]), Nr = /* @__PURE__ */ new Set([
+]), Br = /* @__PURE__ */ new Set([
 	"rounded",
 	"pill",
 	"sharp"
-]), Pr = /* @__PURE__ */ new Set(["auto", "inverse"]);
-function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
-	U("AppToast", s), W("AppToast", "position", e, Object.keys(Ar)), W("AppToast", "animation", n, Mr), W("AppToast", "shape", r, Nr), W("AppToast", "surface", i, Pr);
+]), Vr = /* @__PURE__ */ new Set(["auto", "inverse"]);
+function Hr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
+	U("AppToast", s), W("AppToast", "position", e, Object.keys(Lr)), W("AppToast", "animation", n, zr), W("AppToast", "shape", r, Br), W("AppToast", "surface", i, Vr);
 	let [c, l] = f([]);
-	o(() => wr(l), []);
-	let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Ar[e] ?? Ar["bottom-end"];
+	o(() => jr(l), []);
+	let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Lr[e] ?? Lr["bottom-end"];
 	return /* @__PURE__ */ D("div", {
 		...s,
 		className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
@@ -5526,7 +5602,7 @@ function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
 				u,
 				" more"
 			]
-		}), d.map((e) => /* @__PURE__ */ E(Ir, {
+		}), d.map((e) => /* @__PURE__ */ E(Ur, {
 			toast: e,
 			defaultAnimation: n,
 			defaultShape: r,
@@ -5534,14 +5610,14 @@ function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
 		}, e.id))]
 	});
 }
-function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
-	let i = kr[e.variant] ?? kr.success, a = Mr.has(e.animation) ? e.animation : t, s = Nr.has(e.shape) ? e.shape : n, c = Pr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Mr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Nr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Dr(e.id), y = d(null);
+function Ur({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
+	let i = Ir[e.variant] ?? Ir.success, a = zr.has(e.animation) ? e.animation : t, s = Br.has(e.shape) ? e.shape : n, c = Vr.has(e.surface) ? e.surface : r, l = (a !== "rise" && zr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Br.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Pr(e.id), y = d(null);
 	o(() => {
 		if (e.duration === 0) return;
-		Er(e.id);
+		Nr(e.id);
 		let t = y.current, n = t == null ? "" : getComputedStyle(t).animationName;
 		if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
-		let r = setTimeout(() => Dr(e.id), e.duration);
+		let r = setTimeout(() => Pr(e.id), e.duration);
 		return () => clearTimeout(r);
 	}, [e.id, e.duration]);
 	let b = (e) => {
@@ -5553,7 +5629,7 @@ function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
 	}, C = (e) => {
 		if (_.current === null) return;
 		let t = e.clientX - _.current;
-		if (Math.abs(t) > jr) {
+		if (Math.abs(t) > Rr) {
 			v();
 			return;
 		}
@@ -5637,7 +5713,7 @@ function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
 }
 //#endregion
 //#region src/components/AppToolbar.jsx
-function Lr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
+function Wr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
 	U("AppToolbar", u);
 	let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
 	return /* @__PURE__ */ D("div", {
@@ -5695,7 +5771,7 @@ function Lr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
 }
 //#endregion
 //#region src/components/AppWizard.jsx
-var Rr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
+var Gr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
 	U("AppWizard", T);
 	let O = d(null), k = (e) => {
 		O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
@@ -5747,13 +5823,13 @@ var Rr = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
 			children: A[t]
 		}, e.key ?? `${e.label}-${t}`))
 	});
-}), zr = /* @__PURE__ */ new Set([
+}), Kr = /* @__PURE__ */ new Set([
 	"ArrowUp",
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight"
 ]);
-function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
+function qr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
 	let { onToggle: y, ...b } = _;
 	U("AppWorkspaceSwitcher", b);
 	let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
@@ -5773,7 +5849,7 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 		let e = T.current;
 		if (!e) return;
 		let t = (e) => {
-			if (zr.has(e.key)) {
+			if (Kr.has(e.key)) {
 				e.stopPropagation();
 				return;
 			}
@@ -5791,7 +5867,7 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 		onToggle: O,
 		...b,
 		children: [/* @__PURE__ */ E(v.Toggle, {
-			as: Wr,
+			as: Zr,
 			compact: m,
 			tenant: k,
 			"aria-label": M
@@ -5826,7 +5902,7 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 						className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
 						onClick: () => n?.(e),
 						children: [
-							/* @__PURE__ */ E(Hr, { tenant: e }),
+							/* @__PURE__ */ E(Yr, { tenant: e }),
 							/* @__PURE__ */ E("span", {
 								className: "workspace-switcher-option-name",
 								children: e.name
@@ -5858,17 +5934,17 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 				}) : null,
 				i ? /* @__PURE__ */ E("div", {
 					className: "workspace-switcher-footer",
-					children: Ur(i, a)
+					children: Xr(i, a)
 				}) : null
 			]
 		})]
 	});
 }
-function Vr(e) {
+function Jr(e) {
 	let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
 }
-function Hr({ tenant: e }) {
+function Yr({ tenant: e }) {
 	return e?.logoUrl ? /* @__PURE__ */ E("img", {
 		className: "workspace-switcher-mark",
 		src: e.logoUrl,
@@ -5876,10 +5952,10 @@ function Hr({ tenant: e }) {
 		loading: "lazy"
 	}) : /* @__PURE__ */ E("span", {
 		className: "workspace-switcher-mark",
-		children: Vr(e?.name)
+		children: Jr(e?.name)
 	});
 }
-function Ur(e, t) {
+function Xr(e, t) {
 	if (typeof e != "object" || !e || !("label" in e)) return e;
 	let { label: n, icon: r, href: i } = e;
 	return /* @__PURE__ */ D(i ? t ?? "a" : "button", {
@@ -5891,7 +5967,7 @@ function Ur(e, t) {
 		}) : null, n]
 	});
 }
-var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
+var Zr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
 	return /* @__PURE__ */ D("button", {
 		ref: a,
 		type: "button",
@@ -5899,7 +5975,7 @@ var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
 		"aria-haspopup": "true",
 		"aria-label": n,
 		...i,
-		children: [/* @__PURE__ */ E(Hr, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+		children: [/* @__PURE__ */ E(Yr, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 			className: "workspace-switcher-trigger-name",
 			children: t?.name
 		}), /* @__PURE__ */ E(Y, {
@@ -5911,36 +5987,36 @@ var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
 });
 //#endregion
 //#region src/components/toast.js
-function Gr() {
-	Or();
+function Qr() {
+	Fr();
 }
-var Kr = /* @__PURE__ */ new Set([
+var $r = /* @__PURE__ */ new Set([
 	"success",
 	"info",
 	"warning",
 	"danger"
 ]);
-function qr(e, t = "info") {
+function ei(e, t = "info") {
 	let n = "info", r = {};
-	typeof t == "string" ? n = Kr.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = Kr.has(r.variant) ? r.variant : "info"), Tr(e, n, r);
+	typeof t == "string" ? n = $r.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = $r.has(r.variant) ? r.variant : "info"), Mr(e, n, r);
 }
-function Jr(e, t = {}) {
-	Tr(e, "danger", t);
+function ti(e, t = {}) {
+	Mr(e, "danger", t);
 }
-qr.promise = (e, t, n = {}) => {
+ei.promise = (e, t, n = {}) => {
 	let r = n.id || `promise-${Date.now()}-${Math.random()}`;
-	return qr(t.loading || "Loading...", {
+	return ei(t.loading || "Loading...", {
 		...n,
 		variant: "info",
 		id: r,
 		duration: 0
-	}), e.then((e) => (qr((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
+	}), e.then((e) => (ei((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
 		...n,
 		variant: "success",
 		id: r,
 		duration: n.duration === void 0 ? 5e3 : n.duration
 	}), e)).catch((e) => {
-		throw qr((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
+		throw ei((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
 			...n,
 			variant: "danger",
 			id: r,
@@ -5950,7 +6026,7 @@ qr.promise = (e, t, n = {}) => {
 };
 //#endregion
 //#region src/lib/usePagination.js
-function Yr(e, t = 10) {
+function ni(e, t = 10) {
 	let [n, r] = f(1), [i, a] = f(t), s = e.length, c = Math.max(1, Math.ceil(s / i));
 	o(() => {
 		n > c && r(c);
@@ -5976,4 +6052,4 @@ function Yr(e, t = 10) {
 	};
 }
 //#endregion
-export { Oe as AppAccordion, ke as AppActionIcon, Me as AppAlert, ze as AppAsyncBlock, Ze as AppAutocomplete, rt as AppAvatar, ot as AppAvatarGroup, st as AppBadge, lt as AppBanner, ut as AppBreadcrumbs, Ie as AppButton, ft as AppCallout, mt as AppCard, gt as AppCheckbox, _t as AppChip, vt as AppChoiceCard, yt as AppChoiceChip, bt as AppColorField, St as AppCompareTable, jt as AppConfirmDialog, Nt as AppConsentBanner, Ft as AppCopyButton, Gt as AppDataTable, Kt as AppDatePicker, qt as AppDateRangePicker, Jt as AppDescriptions, Zt as AppDropdown, Le as AppEmptyState, an as AppFileAttachment, cn as AppFilePicker, ln as AppFloatingDock, un as AppFormActions, dn as AppFormRow, fn as AppFormSection, Y as AppIcon, pn as AppInfoList, He as AppInfoTip, Ct as AppInput, vn as AppKpiTile, Sn as AppLink, wn as AppLogoPicker, On as AppMeter, Ot as AppModal, kn as AppMultiSelect, An as AppNumberInput, jn as AppOtpInput, Mn as AppPageHeader, Nn as AppPagination, Pn as AppPhoneNumberInput, Ve as AppPopover, Fn as AppPricingCard, Rn as AppProgress, zn as AppRadio, Bn as AppRepeater, Z as AppRequiredMark, Vn as AppResourceCard, Un as AppResult, Wn as AppScrollbar, Gn as AppSearch, Kn as AppSegmented, Jn as AppSelect, Bt as AppSelectMini, Yn as AppShell, Qn as AppSidebarMenu, It as AppSkeleton, Lt as AppSkeletonRows, $n as AppSlider, Re as AppSpinner, tr as AppSplash, nr as AppStatusBadge, rr as AppStepper, ar as AppSwitch, or as AppTableEmptyState, Ht as AppTablePagination, ur as AppTabs, dr as AppTagInput, fr as AppTextarea, hr as AppTimePicker, mr as AppTimeline, Fr as AppToast, Lr as AppToolbar, G as AppTooltip, Rr as AppWizard, Br as AppWorkspaceSwitcher, At as MODAL_ICONS, Gr as dismissAll, Jr as errorToast, Te as iconNames, De as registerIcons, qr as toast, Yr as usePagination };
+export { Oe as AppAccordion, Ae as AppActionIcon, Fe as AppAlert, He as AppAsyncBlock, tt as AppAutocomplete, st as AppAvatar, ut as AppAvatarGroup, dt as AppBadge, pt as AppBanner, mt as AppBreadcrumbs, ze as AppButton, gt as AppCard, vt as AppCheckbox, yt as AppChip, Ct as AppChoiceCard, wt as AppChoiceChip, Tt as AppColorField, Dt as AppCompareTable, It as AppConfirmDialog, Rt as AppConsentBanner, Bt as AppCopyButton, Ht as AppCountrySelect, Qt as AppDataTable, $t as AppDatePicker, en as AppDateRangePicker, tn as AppDescriptions, an as AppDropdown, Be as AppEmptyState, fn as AppFileAttachment, hn as AppFilePicker, gn as AppFloatingDock, _n as AppFormActions, vn as AppFormRow, yn as AppFormSection, Y as AppIcon, bn as AppInfoList, Ke as AppInfoTip, Ot as AppInput, Tn as AppKpiTile, kn as AppLink, jn as AppLogoPicker, Fn as AppMeter, Nt as AppModal, In as AppMultiSelect, Ln as AppNumberInput, Rn as AppOtpInput, zn as AppPageHeader, Bn as AppPagination, Vn as AppPhoneNumberInput, We as AppPopover, Hn as AppPricingCard, Gn as AppProgress, Kn as AppRadio, qn as AppRepeater, Z as AppRequiredMark, Jn as AppResourceCard, Xn as AppResult, Zn as AppScrollbar, Qn as AppSearch, $n as AppSegmented, tr as AppSelect, qt as AppSelectMini, nr as AppShell, ar as AppSidebarMenu, Ut as AppSkeleton, Wt as AppSkeletonRows, or as AppSlider, Ve as AppSpinner, cr as AppSplash, lr as AppStatusBadge, ur as AppStepper, fr as AppSwitch, pr as AppTableEmptyState, Yt as AppTablePagination, _r as AppTabs, vr as AppTagInput, yr as AppTextarea, Sr as AppTimePicker, xr as AppTimeline, Hr as AppToast, Wr as AppToolbar, G as AppTooltip, Gr as AppWizard, qr as AppWorkspaceSwitcher, Ft as MODAL_ICONS, Qr as dismissAll, ti as errorToast, Te as iconNames, De as registerIcons, ei as toast, ni as usePagination };