@webority/ui-react 0.17.2 → 0.17.4

package/dist/ui-react.js

@@ -758,7 +758,10 @@ function Be({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 		o ? "w-100" : "",
 		i ? "is-loading" : "",
 		p
-	].filter(Boolean).join(" "), _ = (m.as === void 0 || m.as === "button") && l === void 0 && m.to === void 0, v = _ ? {} : { role: void 0 };
+	].filter(Boolean).join(" "), _ = (m.as === void 0 || m.as === "button") && l === void 0 && m.to === void 0, v = _ ? {} : {
+		role: void 0,
+		tabIndex: a || i ? -1 : void 0
+	};
 	return q(/* @__PURE__ */ D(g, {
 		type: _ ? r : void 0,
 		href: l,
@@ -1696,35 +1699,137 @@ function Et({ value: e = "#000000", onChange: t, label: n, required: r = !1, err
 	});
 }
 //#endregion
+//#region src/components/AppDropdown.jsx
+var Dt = !1;
+function Ot() {
+	let e = !0;
+	try {
+		e = process.env.NODE_ENV !== "production";
+	} catch {
+		e = !0;
+	}
+	!e || Dt || (Dt = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
+}
+function kt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
+	W("AppDropdown", p), !d && !i && !r && Ot();
+	let m = n ?? (d ? "wui-dropdown-trigger" : "topbar-icon-btn"), [h, g] = f(!1);
+	return o(() => {
+		if (!h) return;
+		let e = () => g(!1);
+		return window.addEventListener("scroll", e, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, { capture: !0 }), window.removeEventListener("resize", e);
+		};
+	}, [h]), /* @__PURE__ */ D(v, {
+		align: a,
+		show: h,
+		onToggle: (e) => g(e),
+		...p,
+		children: [/* @__PURE__ */ E(v.Toggle, {
+			as: At,
+			icon: e,
+			iconSize: t,
+			btnClassName: m,
+			trigger: d,
+			title: r,
+			"aria-label": i ?? (d ? void 0 : r)
+		}), /* @__PURE__ */ E(v.Menu, {
+			className: c,
+			renderOnMount: !0,
+			popperConfig: { strategy: "fixed" },
+			children: u ?? s.map((e) => {
+				if (e.divider) return /* @__PURE__ */ E(v.Divider, {}, e.key);
+				let t = e.to ? l ? {
+					as: l,
+					to: e.to
+				} : {
+					as: "a",
+					href: e.to
+				} : {
+					as: "button",
+					type: "button"
+				};
+				return /* @__PURE__ */ D(v.Item, {
+					...t,
+					onClick: e.onClick,
+					className: e.danger ? "danger" : void 0,
+					children: [e.image ? /* @__PURE__ */ E("img", {
+						src: e.image,
+						alt: ""
+					}) : X(e.icon, { size: 16 }), e.label]
+				}, e.key);
+			})
+		})]
+	});
+}
+var At = 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",
+		className: n,
+		"aria-label": i,
+		...o,
+		children: r ?? /* @__PURE__ */ E(Y, {
+			name: e,
+			size: t
+		})
+	});
+});
+//#endregion
+//#region src/components/AppColumnMenu.jsx
+function jt({ columns: e, hiddenColumns: t = [], onToggle: n, label: r = "Columns", className: i = "", ...a }) {
+	W("AppColumnMenu", a);
+	let o = e.filter((e) => e.hideable);
+	return /* @__PURE__ */ D(kt, {
+		icon: "layout-grid",
+		label: r,
+		menuClassName: `wui-column-menu${i ? ` ${i}` : ""}`,
+		children: [/* @__PURE__ */ E("div", {
+			className: "wui-column-menu-title",
+			children: r
+		}), o.map((e) => /* @__PURE__ */ D("label", {
+			className: "wui-column-menu-item",
+			children: [/* @__PURE__ */ E("input", {
+				type: "checkbox",
+				className: "wui-check",
+				checked: !t.includes(e.key),
+				onChange: () => n(e.key)
+			}), e.label]
+		}, e.key))]
+	});
+}
+//#endregion
 //#region src/components/AppModal.jsx
-var Dt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Ot = {
+var Mt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Nt = {
 	sm: 380,
 	md: 440,
 	lg: 640,
 	xl: 880
-}, kt = !1;
-function At() {
+}, Pt = !1;
+function Ft() {
 	let e = !0;
 	try {
 		e = process.env.NODE_ENV !== "production";
 	} catch {
 		e = !0;
 	}
-	!e || kt || (kt = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
+	!e || Pt || (Pt = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
 }
-function jt({ 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 }) {
-	W("AppModal", v), G("AppModal", "size", typeof u == "string" ? u : null, Object.keys(Ot));
+function It({ 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 }) {
+	W("AppModal", v), G("AppModal", "size", typeof u == "string" ? u : null, Object.keys(Nt));
 	let { style: y, ...x } = v;
-	p && !h && typeof n != "string" && At();
+	p && !h && typeof n != "string" && Ft();
 	let S = d(null);
 	o(() => {
 		if (!e) return;
 		let t = S.current?.closest(".modal-content");
 		if (!t) return;
-		let n = () => Array.from(t.querySelectorAll(Dt));
+		let n = () => Array.from(t.querySelectorAll(Mt));
 		(t.querySelector("[data-autofocus]") || n().find((e) => !e.classList.contains("wui-modal-close")) || n()[0] || t).focus?.();
 	}, [e]);
-	let C = typeof u == "number" ? u : Ot[u] ?? Ot.md, w = [
+	let C = typeof u == "number" ? u : Nt[u] ?? Nt.md, w = [
 		"wui-modal",
 		a === "default" ? "" : `tone-${a}`,
 		g
@@ -1809,19 +1914,19 @@ function jt({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a
 }
 //#endregion
 //#region src/components/AppCommandPalette.jsx
-var Mt = "lg";
-function Nt({ open: e, onClose: t, query: n = "", onQueryChange: r, placeholder: i = "Search…", groups: a = [], loading: o = !1, emptyText: c = "No results", footer: l, ariaLabel: u = "Search", highlight: d = !0, id: f, className: p = "", ...m }) {
+var Lt = "lg";
+function Rt({ open: e, onClose: t, query: n = "", onQueryChange: r, placeholder: i = "Search…", groups: a = [], loading: o = !1, emptyText: c = "No results", footer: l, ariaLabel: u = "Search", highlight: d = !0, id: f, className: p = "", ...m }) {
 	W("AppCommandPalette", m);
 	let h = s(), g = f || h;
-	return /* @__PURE__ */ E(jt, {
+	return /* @__PURE__ */ E(It, {
 		open: e,
 		onClose: t,
 		hideHeader: !0,
 		placement: "top",
-		size: Mt,
+		size: Lt,
 		ariaLabel: u,
 		className: `wui-cmd-card${p ? ` ${p}` : ""}`,
-		children: /* @__PURE__ */ E(Pt, {
+		children: /* @__PURE__ */ E(zt, {
 			baseId: g,
 			query: n,
 			onQueryChange: r,
@@ -1837,7 +1942,7 @@ function Nt({ open: e, onClose: t, query: n = "", onQueryChange: r, placeholder:
 		})
 	});
 }
-function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i, loading: a, emptyText: s, footer: c, ariaLabel: u, highlight: f, onClose: p, rest: m }) {
+function zt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i, loading: a, emptyText: s, footer: c, ariaLabel: u, highlight: f, onClose: p, rest: m }) {
 	let h = d(null), g = `${e}-list`, _ = i.filter((e) => e.items?.length), v = !a && t.trim() !== "" && _.length === 0;
 	return l(() => {
 		h.current?.refresh?.();
@@ -1891,7 +1996,7 @@ function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i,
 				"aria-busy": a ? "true" : void 0,
 				hidden: _.length === 0,
 				children: _.map((n) => {
-					let r = `${e}-${It(n.key)}`;
+					let r = `${e}-${Vt(n.key)}`;
 					return /* @__PURE__ */ D("div", {
 						className: "wui-cmd-group",
 						role: "group",
@@ -1904,7 +2009,7 @@ function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i,
 						}), n.items.map((e) => /* @__PURE__ */ D("div", {
 							className: "wui-cmd-item",
 							role: "option",
-							id: `${r}-${It(e.key)}`,
+							id: `${r}-${Vt(e.key)}`,
 							"data-group-key": String(n.key),
 							"data-key": String(e.key),
 							children: [
@@ -1917,7 +2022,7 @@ function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i,
 									className: "wui-cmd-item-text",
 									children: [/* @__PURE__ */ E("span", {
 										className: "wui-cmd-item-label",
-										children: f ? Ft(e.label, t) : e.label
+										children: f ? Bt(e.label, t) : e.label
 									}), e.description != null && /* @__PURE__ */ E("span", {
 										className: "wui-cmd-item-desc",
 										children: e.description
@@ -1944,7 +2049,7 @@ function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i,
 		]
 	});
 }
-function Ft(e, n) {
+function Bt(e, n) {
 	if (typeof e != "string") return e;
 	let r = I(e, n);
 	if (r.length === 1 && !r[0].match) return e;
@@ -1957,17 +2062,17 @@ function Ft(e, n) {
 		}, n) : /* @__PURE__ */ E(t, { children: e.text }, n);
 	});
 }
-function It(e) {
+function Vt(e) {
 	return String(e).replace(/\s+/g, "_");
 }
 //#endregion
 //#region src/lib/emptyValue.js
-function Lt(e) {
+function Ht(e) {
 	return e == null || e === "";
 }
 //#endregion
 //#region src/components/AppCompareTable.jsx
-function Rt({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
+function Ut({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
 	W("AppCompareTable", i);
 	let a = (e) => e === !0 ? /* @__PURE__ */ E("span", {
 		className: "compare-yes",
@@ -2004,7 +2109,7 @@ function Rt({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i
 }
 //#endregion
 //#region src/components/AppInput.jsx
-var zt = 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 Wt = 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) {
 	W("AppInput", I);
 	let [R, z] = f(!1), B = s(), V = _ || B, H = c === "password", ee = H && R ? "text" : c, U = d(null), te = (e) => {
 		U.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
@@ -2232,31 +2337,31 @@ var zt = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 			})
 		]
 	});
-}), Bt = (e) => function({ size: t = 72 }) {
+}), Gt = (e) => function({ size: t = 72 }) {
 	return /* @__PURE__ */ E("wui-status-icon", {
 		tone: e,
 		size: t
 	});
-}, Vt = {
-	success: Bt("success"),
-	error: Bt("error"),
-	warning: Bt("warning"),
-	info: Bt("info"),
-	delete: Bt("delete"),
-	primary: Bt("primary")
+}, Kt = {
+	success: Gt("success"),
+	error: Gt("error"),
+	warning: Gt("warning"),
+	info: Gt("info"),
+	delete: Gt("delete"),
+	primary: Gt("primary")
 };
 //#endregion
 //#region src/components/AppConfirmDialog.jsx
-function Ht({ 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 }) {
+function qt({ 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 }) {
 	W("AppConfirmDialog", y);
 	let [b, x] = f("");
 	if (o(() => {
 		e || x("");
 	}, [e]), !e) return null;
-	let S = !!u && b.trim() !== u, C = c ? null : Vt[s || (a ? "delete" : "info")], w = l > 0 ? { "--wui-confirm-icon-size": `${l}px` } : void 0, O = () => {
+	let S = !!u && b.trim() !== u, C = c ? null : Kt[s || (a ? "delete" : "info")], w = l > 0 ? { "--wui-confirm-icon-size": `${l}px` } : void 0, O = () => {
 		m || p?.();
 	};
-	return /* @__PURE__ */ E(jt, {
+	return /* @__PURE__ */ E(It, {
 		...y,
 		open: e,
 		hideHeader: !0,
@@ -2307,7 +2412,7 @@ function Ht({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 					className: "wui-confirm-msg",
 					children: n
 				}),
-				u && /* @__PURE__ */ E(zt, {
+				u && /* @__PURE__ */ E(Wt, {
 					fieldClassName: "mt-3 mb-0 w-100 text-start",
 					label: /* @__PURE__ */ D(T, { children: [
 						"Type ",
@@ -2325,9 +2430,9 @@ function Ht({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 }
 //#endregion
 //#region src/components/AppConsentBanner.jsx
-var Ut = ["bottom-left", "bottom-right"];
-function Wt({ 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 }) {
-	W("AppConsentBanner", f), G("AppConsentBanner", "position", c, Ut);
+var Jt = ["bottom-left", "bottom-right"];
+function Yt({ 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 }) {
+	W("AppConsentBanner", f), G("AppConsentBanner", "position", c, Jt);
 	let { setRef: p, innerRef: m } = Q({ on: { "wui-consent-save": (e) => {
 		z(e.detail), m.current && (m.current.preferences = R());
 	} } });
@@ -2354,13 +2459,13 @@ function Wt({ heading: e, description: t, policyHref: n, policyLabel: r, analyti
 }
 //#endregion
 //#region src/components/AppCopyButton.jsx
-var Gt = {
+var Xt = {
 	sm: 14,
 	md: 16,
 	lg: 20
 };
-function Kt({ 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 }) {
-	W("AppCopyButton", m), G("AppCopyButton", "size", i, Object.keys(Gt));
+function Zt({ 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 }) {
+	W("AppCopyButton", m), G("AppCopyButton", "size", i, Object.keys(Xt));
 	let [h, g] = f(!1), _ = d(null);
 	o(() => () => clearTimeout(_.current), []);
 	let v = a(async () => {
@@ -2369,7 +2474,7 @@ function Kt({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r
 	return q(r ? /* @__PURE__ */ E(je, {
 		icon: b,
 		label: y,
-		size: Gt[i] ?? Gt.md,
+		size: Xt[i] ?? Xt.md,
 		onClick: v,
 		className: l,
 		...m
@@ -2386,12 +2491,12 @@ function Kt({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r
 }
 //#endregion
 //#region src/components/AppCountrySelect.jsx
-var qt = [
+var Qt = [
 	"sm",
 	"md",
 	"lg"
-], Jt = 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) {
-	W("AppCountrySelect", w), G("AppCountrySelect", "size", c, qt);
+], $t = 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) {
+	W("AppCountrySelect", w), G("AppCountrySelect", "size", c, Qt);
 	let O = s(), { setRef: k } = Q({
 		ref: T,
 		value: e ?? "",
@@ -2452,7 +2557,7 @@ var qt = [
 });
 //#endregion
 //#region src/components/AppSkeleton.jsx
-function Yt({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
+function en({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
 	return W("AppSkeleton", a), /* @__PURE__ */ E("span", {
 		className: `skeleton${r ? ` ${r}` : ""}`,
 		"aria-hidden": "true",
@@ -2465,28 +2570,28 @@ function Yt({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "
 		...a
 	});
 }
-function Xt({ 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(Yt, {
+function tn({ 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(en, {
 		width: t === 0 ? "70%" : "50%",
 		height: 12
 	}) }, `col-${t}`)) }, `row-${n}`));
 }
 //#endregion
 //#region src/lib/pageWindow.js
-var Zt = (e, t) => {
+var nn = (e, t) => {
 	let n = [];
 	for (let r = e; r <= t; r += 1) n.push(r);
 	return n;
 };
-function Qt(e, t, { siblingCount: n = 2, boundaryCount: r = 1 } = {}) {
+function rn(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 Zt(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 = Zt(1, r);
-	return u.push(...c ? ["ellipsis-left"] : Zt(r + 1, o - 1)), u.push(...Zt(o, s)), u.push(...l ? ["ellipsis-right"] : Zt(s + 1, i - r)), u.push(...Zt(i - r + 1, i)), u;
+	if (i <= n * 2 + 3 + r * 2) return nn(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 = nn(1, r);
+	return u.push(...c ? ["ellipsis-left"] : nn(r + 1, o - 1)), u.push(...nn(o, s)), u.push(...l ? ["ellipsis-right"] : nn(s + 1, i - r)), u.push(...nn(i - r + 1, i)), u;
 }
 //#endregion
 //#region src/components/AppSelectMini.jsx
-function $t({ 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 an({ 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 }) {
 	W("AppSelectMini", p);
 	let { setRef: m, innerRef: h } = Q({
 		value: e ?? "",
@@ -2523,39 +2628,38 @@ function $t({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
 }
 //#endregion
 //#region src/components/AppTablePagination.jsx
-var en = [
+var on = [
 	5,
 	10,
 	25,
 	50
 ];
-function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRow: a, onPageChange: o, onPageSizeChange: s, pageSizes: c = en, mode: l = "prev-next", showPageSize: u = !0, className: d = "", ...f }) {
-	W("AppTablePagination", f);
-	let p = l === "numbered", m = p ? Qt(e, t) : null;
+function sn({ page: e, totalPages: t, pageSize: n, onPageChange: r, onPageSizeChange: i, pageSizes: a = on, mode: o = "numbered", showPageSize: s = !0, className: c = "", ...l }) {
+	W("AppTablePagination", l);
+	let u = o === "numbered", d = u ? rn(e, t) : null;
 	return /* @__PURE__ */ D("div", {
-		className: `table-pagination${d ? ` ${d}` : ""}`,
-		...f,
+		className: `table-pagination${c ? ` ${c}` : ""}`,
+		...l,
 		children: [
-			u && /* @__PURE__ */ D("span", {
+			s && /* @__PURE__ */ E("span", {
 				className: "tpg-rows",
-				children: ["Rows per page:", /* @__PURE__ */ E($t, {
+				children: /* @__PURE__ */ E(an, {
 					value: n,
-					onChange: (e) => s(Number(e)),
+					onChange: (e) => i(Number(e)),
 					ariaLabel: "Rows per page",
-					options: c.map((e) => ({
+					options: a.map((e) => ({
 						value: e,
-						label: String(e)
+						label: `${e} per page`
 					}))
-				})]
+				})
 			}),
-			/* @__PURE__ */ D("span", {
+			!u && /* @__PURE__ */ D("span", {
 				className: "tpg-range",
 				children: [
-					i,
-					"–",
-					a,
+					"Page ",
+					e,
 					" of ",
-					r
+					t
 				]
 			}),
 			/* @__PURE__ */ D("div", {
@@ -2564,7 +2668,7 @@ function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
 					/* @__PURE__ */ E("button", {
 						type: "button",
 						className: "tpg-arrow",
-						onClick: () => o(Math.max(1, e - 1)),
+						onClick: () => r(Math.max(1, e - 1)),
 						disabled: e <= 1,
 						"aria-label": "Previous page",
 						children: /* @__PURE__ */ E(Y, {
@@ -2572,10 +2676,10 @@ function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
 							size: 18
 						})
 					}),
-					p && m.map((t) => typeof t == "number" ? /* @__PURE__ */ E("button", {
+					u && d.map((t) => typeof t == "number" ? /* @__PURE__ */ E("button", {
 						type: "button",
 						className: `tpg-page${t === e ? " is-active" : ""}`,
-						onClick: () => o(t),
+						onClick: () => r(t),
 						"aria-current": t === e ? "page" : void 0,
 						"aria-label": `Page ${t}`,
 						children: t
@@ -2587,7 +2691,7 @@ function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
 					/* @__PURE__ */ E("button", {
 						type: "button",
 						className: "tpg-arrow",
-						onClick: () => o(Math.min(t, e + 1)),
+						onClick: () => r(Math.min(t, e + 1)),
 						disabled: e >= t,
 						"aria-label": "Next page",
 						children: /* @__PURE__ */ E(Y, {
@@ -2602,151 +2706,212 @@ function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
 }
 //#endregion
 //#region src/components/AppDataTable.jsx
-function nn(e) {
+var cn = [
+	"comfortable",
+	"cozy",
+	"compact"
+];
+function ln(e) {
 	return e === "end" ? "wui-cell-end" : e === "num" ? "num" : e === "center" ? "text-center" : "";
 }
-function rn(e) {
+function un(e) {
 	return e == null || e === "" ? "-" : typeof e == "boolean" ? String(e) : e;
 }
-function an({ 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 }) {
-	W("AppDataTable", C);
-	let w = typeof S == "function", [O, k] = f(() => /* @__PURE__ */ new Set()), A = (e) => k((t) => {
+function dn({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a, loading: s = !1, skeletonRows: c = 5, empty: l = "No records found.", emptyFiltered: u, sourceCount: p, rowActions: m, rowActionsLabel: h, pagination: g, ariaLabel: _, className: v = "", wrapperClassName: y = "", selectable: b = !1, selectedIds: x, onToggleRow: S, onToggleAll: C, renderExpanded: w, density: O = "comfortable", striped: k = !1, maxHeight: A, stickyFirstColumn: j = !1, stackOnMobile: M = !1, hiddenColumns: N, rowStatus: P, rowHref: F, onRowClick: I, ...L }) {
+	W("AppDataTable", L);
+	let R = N?.length ? new Set(N) : null;
+	e = R ? e.filter((e) => !(e.hideable && R.has(e.key))) : e, G("AppDataTable", "density", O, cn);
+	let z = [
+		"table table-ledger",
+		O === "cozy" || O === "compact" ? `wui-table-${O}` : "",
+		k ? "wui-table-striped" : "",
+		j ? "wui-table-sticky-first" : "",
+		M ? "wui-table-stack" : "",
+		v
+	].filter(Boolean).join(" "), B = typeof w == "function", [V, H] = f(() => /* @__PURE__ */ new Set()), ee = (e) => H((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
-	}), j = Math.max(1, e.length + +!!d + +!!v + +!!w), M = v && n ? n.reduce((e, t, n) => e + +!!y?.has(r(t, n)), 0) : 0, N = v && n && n.length > 0 && M === n.length, P = M > 0 && !N, F = (e) => {
-		e && (e.indeterminate = P);
-	}, I = l !== void 0 && u > 0 ? l : c;
+	}), U = e.some((e) => typeof e.footer == "function"), te = typeof F == "function" || typeof I == "function", ne = (e) => !!e.target.closest("a, button, input, select, textarea, label, [role='menu'], [role='menuitem'], .dropdown"), re = (e, t) => {
+		if (ne(t) || (I && I(e), !F)) return;
+		let n = F(e);
+		n && (t.ctrlKey || t.metaKey || t.button === 1 ? window.open(n, "_blank", "noopener") : window.location.assign(n));
+	}, ie = A !== void 0, ae = [
+		"table-wrap",
+		ie ? "wui-table-scroll" : "",
+		y
+	].filter(Boolean).join(" "), oe = ie ? { maxHeight: A } : void 0, se = Math.max(1, e.length + +!!m + +!!b + +!!B), K = b && n ? n.reduce((e, t, n) => e + +!!x?.has(r(t, n)), 0) : 0, ce = b && n && n.length > 0 && K === n.length, q = K > 0 && !ce, le = (e) => {
+		e && (e.indeterminate = q);
+	}, ue = d(null);
+	o(() => {
+		let e = ue.current;
+		if (!e) return;
+		let t = (e) => {
+			let t = e.target.closest?.(".u-name");
+			t && !t.title && (t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight) && (t.title = t.textContent.trim());
+		};
+		return e.addEventListener("mouseover", t), e.addEventListener("focusin", t), () => {
+			e.removeEventListener("mouseover", t), e.removeEventListener("focusin", t);
+		};
+	}, []);
+	let de = u !== void 0 && p > 0 ? u : l;
 	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("div", {
-		className: `table-wrap${_ ? ` ${_}` : ""}`,
+		ref: ue,
+		className: ae,
+		style: oe,
 		tabIndex: 0,
-		...C,
+		...L,
 		children: [/* @__PURE__ */ D("table", {
-			className: `table table-ledger${g ? ` ${g}` : ""}`,
-			"aria-label": h,
-			children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", { children: [
-				w && /* @__PURE__ */ E("th", {
-					className: "wui-expand-cell",
-					children: /* @__PURE__ */ E("span", {
-						className: "visually-hidden",
-						children: "Expand"
-					})
-				}),
-				v && /* @__PURE__ */ E("th", {
-					className: "wui-select-cell",
-					children: /* @__PURE__ */ E("input", {
-						ref: F,
-						type: "checkbox",
-						className: "wui-check",
-						checked: N,
-						onChange: (e) => x?.(e.target.checked),
-						"aria-label": "Select all rows"
-					})
-				}),
-				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 " : "") + nn(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,
-						onClick: n ? () => a(e.key) : void 0,
-						onKeyDown: n ? (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), a(e.key));
-						} : void 0,
-						children: [e.label, n && /* @__PURE__ */ E("span", {
-							className: "sort-icon",
+			className: z,
+			"aria-label": _,
+			children: [
+				/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", { children: [
+					B && /* @__PURE__ */ E("th", {
+						className: "wui-expand-cell",
+						children: /* @__PURE__ */ E("span", {
+							className: "visually-hidden",
+							children: "Expand"
+						})
+					}),
+					b && /* @__PURE__ */ E("th", {
+						className: "wui-select-cell",
+						children: /* @__PURE__ */ E("input", {
+							ref: le,
+							type: "checkbox",
+							className: "wui-check",
+							checked: ce,
+							onChange: (e) => C?.(e.target.checked),
+							"aria-label": "Select all rows"
+						})
+					}),
+					e.map((e, t) => {
+						let n = !!(e.sortable && a), r = i && i.key === e.key, o = e.align === "num" || e.align === "end", s = n && /* @__PURE__ */ E("span", {
+							className: `sort-icon${o ? " wui-sort-lead" : ""}`,
 							children: /* @__PURE__ */ E(Y, {
 								name: "chevrons-up-down",
 								size: 14
 							})
-						})]
-					}, e.key);
-				}),
-				d && (p ? /* @__PURE__ */ E("th", {
-					className: "wui-cell-end",
-					children: p
-				}) : /* @__PURE__ */ E("th", {
-					className: "wui-cell-end",
-					children: /* @__PURE__ */ E("span", {
-						className: "visually-hidden",
-						children: "Actions"
-					})
-				}))
-			] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(Xt, {
-				rows: s,
-				cols: j
-			}) : n?.length ? n.map((n, i) => {
-				let a = r(n, i), o = w && O.has(a), s = String(a).replace(/[^a-z0-9]/gi, "_");
-				return /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ D("tr", {
-					className: v && y?.has(a) ? "is-selected" : void 0,
-					children: [
-						w && /* @__PURE__ */ E("td", {
-							className: "wui-expand-cell",
-							children: /* @__PURE__ */ E("button", {
-								type: "button",
-								className: `wui-expand-toggle${o ? " is-open" : ""}`,
-								"aria-expanded": o,
-								"aria-controls": o ? `${s}-expanded` : void 0,
-								"aria-label": o ? "Collapse row" : "Expand row",
-								onClick: () => A(a),
-								children: /* @__PURE__ */ E(Y, {
-									name: "chevron-down",
-									size: 16
+						});
+						return /* @__PURE__ */ D("th", {
+							className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") + (e.nowrap ? "text-nowrap " : "") + ln(e.align),
+							style: e.width || e.minWidth ? {
+								width: e.width,
+								minWidth: e.minWidth
+							} : void 0,
+							tabIndex: n ? 0 : void 0,
+							"aria-sort": r ? i.dir === "asc" ? "ascending" : "descending" : n ? "none" : void 0,
+							onClick: n ? () => a(e.key) : void 0,
+							onKeyDown: n ? (t) => {
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), a(e.key));
+							} : void 0,
+							children: [
+								o && s,
+								e.label,
+								!o && s
+							]
+						}, e.key);
+					}),
+					m && (h ? /* @__PURE__ */ E("th", {
+						className: "wui-cell-end",
+						children: h
+					}) : /* @__PURE__ */ E("th", {
+						className: "wui-cell-end",
+						children: /* @__PURE__ */ E("span", {
+							className: "visually-hidden",
+							children: "Actions"
+						})
+					}))
+				] }) }),
+				/* @__PURE__ */ E("tbody", { children: s ? /* @__PURE__ */ E(tn, {
+					rows: c,
+					cols: se
+				}) : n?.length ? n.map((n, i) => {
+					let a = r(n, i), o = B && V.has(a), s = String(a).replace(/[^a-z0-9]/gi, "_");
+					return /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ D("tr", {
+						className: [b && x?.has(a) ? "is-selected" : "", te ? "wui-row-link" : ""].filter(Boolean).join(" ") || void 0,
+						"data-status": P?.(n) || void 0,
+						"data-href": F?.(n) || void 0,
+						tabIndex: te ? 0 : void 0,
+						onClick: te ? (e) => re(n, e) : void 0,
+						onAuxClick: te && F ? (e) => e.button === 1 && re(n, e) : void 0,
+						onKeyDown: te ? (e) => {
+							e.key === "Enter" && e.target === e.currentTarget && re(n, e);
+						} : void 0,
+						children: [
+							B && /* @__PURE__ */ E("td", {
+								className: "wui-expand-cell",
+								children: /* @__PURE__ */ E("button", {
+									type: "button",
+									className: `wui-expand-toggle${o ? " is-open" : ""}`,
+									"aria-expanded": o,
+									"aria-controls": o ? `${s}-expanded` : void 0,
+									"aria-label": o ? "Collapse row" : "Expand row",
+									onClick: () => ee(a),
+									children: /* @__PURE__ */ E(Y, {
+										name: "chevron-down",
+										size: 16
+									})
 								})
-							})
-						}),
-						v && /* @__PURE__ */ E("td", {
-							className: "wui-select-cell",
-							children: /* @__PURE__ */ E("input", {
-								type: "checkbox",
-								className: "wui-check",
-								checked: y?.has(a) || !1,
-								onChange: () => b?.(a),
-								"aria-label": "Select row"
-							})
-						}),
-						e.map((e, t) => /* @__PURE__ */ E("td", {
-							className: (t === 0 ? "wui-name-cell " : "") + nn(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
-							style: e.cellStyle,
-							children: e.render ? e.render(n) : rn(n[e.key])
-						}, e.key)),
-						d && /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", {
-							className: "u-row-actions",
-							children: d(n)
-						}) })
-					]
-				}), o && /* @__PURE__ */ E("tr", {
-					className: "wui-row-expanded",
-					children: /* @__PURE__ */ E("td", {
-						id: `${s}-expanded`,
-						colSpan: j,
-						children: S(n)
-					})
-				})] }, a);
-			}) : null })]
-		}), !o && !n?.length && /* @__PURE__ */ E("div", {
+							}),
+							b && /* @__PURE__ */ E("td", {
+								className: "wui-select-cell",
+								children: /* @__PURE__ */ E("input", {
+									type: "checkbox",
+									className: "wui-check",
+									checked: x?.has(a) || !1,
+									onChange: () => S?.(a),
+									"aria-label": "Select row"
+								})
+							}),
+							e.map((e, t) => /* @__PURE__ */ E("td", {
+								className: (t === 0 ? "wui-name-cell " : "") + (e.nowrap ? "text-nowrap " : "") + ln(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
+								style: e.cellStyle,
+								"data-label": M && typeof e.label == "string" ? e.label : void 0,
+								children: e.render ? e.render(n) : un(n[e.key])
+							}, e.key)),
+							m && /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", {
+								className: "u-row-actions",
+								children: m(n)
+							}) })
+						]
+					}), o && /* @__PURE__ */ E("tr", {
+						className: "wui-row-expanded",
+						children: /* @__PURE__ */ E("td", {
+							id: `${s}-expanded`,
+							colSpan: se,
+							children: w(n)
+						})
+					})] }, a);
+				}) : null }),
+				U && !s && n?.length > 0 && /* @__PURE__ */ E("tfoot", { children: /* @__PURE__ */ D("tr", { children: [
+					B && /* @__PURE__ */ E("td", { className: "wui-expand-cell" }),
+					b && /* @__PURE__ */ E("td", { className: "wui-select-cell" }),
+					e.map((e, t) => /* @__PURE__ */ E("td", {
+						className: (t === 0 ? "wui-name-cell " : "") + (e.nowrap ? "text-nowrap " : "") + ln(e.align),
+						children: e.footer ? e.footer(n) : null
+					}, e.key)),
+					m && /* @__PURE__ */ E("td", {})
+				] }) })
+			]
+		}), !s && !n?.length && /* @__PURE__ */ E("div", {
 			className: "tbl-empty-block",
-			children: typeof I == "string" ? /* @__PURE__ */ E("div", {
+			children: typeof de == "string" ? /* @__PURE__ */ E("div", {
 				className: "tbl-empty-plain",
-				children: I
-			}) : I
+				children: de
+			}) : de
 		})]
-	}), m && m.total > 0 && /* @__PURE__ */ E(tn, {
-		page: m.page,
-		totalPages: m.totalPages,
-		pageSize: m.pageSize,
-		total: m.total,
-		firstRow: m.firstRow,
-		lastRow: m.lastRow,
-		onPageChange: m.setPage,
-		onPageSizeChange: m.setPageSize,
-		pageSizes: m.pageSizes,
-		mode: m.mode
+	}), g && g.total > 0 && /* @__PURE__ */ E(sn, {
+		page: g.page,
+		totalPages: g.totalPages,
+		pageSize: g.pageSize,
+		onPageChange: g.setPage,
+		onPageSizeChange: g.setPageSize,
+		pageSizes: g.pageSizes,
+		mode: g.mode
 	})] });
 }
 //#endregion
 //#region src/components/AppDatePicker.jsx
-var on = 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 fn = 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) {
 	W("AppDatePicker", v);
 	let b = s(), x = m || b, { setRef: S } = Q({
 		ref: y,
@@ -2790,7 +2955,7 @@ var on = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 			})
 		]
 	});
-}), sn = 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) {
+}), pn = 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) {
 	W("AppDateRangePicker", x);
 	let C = s(), w = _ || C, { setRef: T, innerRef: O } = Q({
 		ref: S,
@@ -2851,7 +3016,7 @@ var on = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 });
 //#endregion
 //#region src/components/AppDescriptions.jsx
-function cn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
+function mn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
 	return W("AppDescriptions", o), /* @__PURE__ */ D("div", {
 		className: [
 			"descs",
@@ -2867,7 +3032,7 @@ function cn({ 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 = Lt(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
+				let n = Ht(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
 				return /* @__PURE__ */ D("div", {
 					className: "descs-item",
 					style: { "--descs-span": r },
@@ -2884,96 +3049,17 @@ function cn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
 	});
 }
 //#endregion
-//#region src/components/AppDropdown.jsx
-var ln = !1;
-function un() {
-	let e = !0;
-	try {
-		e = process.env.NODE_ENV !== "production";
-	} catch {
-		e = !0;
-	}
-	!e || ln || (ln = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
-}
-function dn({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
-	W("AppDropdown", p), !d && !i && !r && un();
-	let m = n ?? (d ? "wui-dropdown-trigger" : "topbar-icon-btn"), [h, g] = f(!1);
-	return o(() => {
-		if (!h) return;
-		let e = () => g(!1);
-		return window.addEventListener("scroll", e, {
-			capture: !0,
-			passive: !0
-		}), window.addEventListener("resize", e), () => {
-			window.removeEventListener("scroll", e, { capture: !0 }), window.removeEventListener("resize", e);
-		};
-	}, [h]), /* @__PURE__ */ D(v, {
-		align: a,
-		show: h,
-		onToggle: (e) => g(e),
-		...p,
-		children: [/* @__PURE__ */ E(v.Toggle, {
-			as: fn,
-			icon: e,
-			iconSize: t,
-			btnClassName: m,
-			trigger: d,
-			title: r,
-			"aria-label": i ?? (d ? void 0 : r)
-		}), /* @__PURE__ */ E(v.Menu, {
-			className: c,
-			renderOnMount: !0,
-			popperConfig: { strategy: "fixed" },
-			children: u ?? s.map((e) => {
-				if (e.divider) return /* @__PURE__ */ E(v.Divider, {}, e.key);
-				let t = e.to ? l ? {
-					as: l,
-					to: e.to
-				} : {
-					as: "a",
-					href: e.to
-				} : {
-					as: "button",
-					type: "button"
-				};
-				return /* @__PURE__ */ D(v.Item, {
-					...t,
-					onClick: e.onClick,
-					className: e.danger ? "danger" : void 0,
-					children: [e.image ? /* @__PURE__ */ E("img", {
-						src: e.image,
-						alt: ""
-					}) : X(e.icon, { size: 16 }), e.label]
-				}, e.key);
-			})
-		})]
-	});
-}
-var fn = 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",
-		className: n,
-		"aria-label": i,
-		...o,
-		children: r ?? /* @__PURE__ */ E(Y, {
-			name: e,
-			size: t
-		})
-	});
-});
-//#endregion
 //#region src/lib/fileItem.js
-function pn(e) {
+function hn(e) {
 	return e instanceof File ? `${e.name}:${e.size}` : e?.url || e?.name || "item";
 }
-function mn(e) {
+function gn(e) {
 	return e instanceof File ? e.name : e?.name;
 }
-function hn(e) {
+function _n(e) {
 	return e instanceof File ? `${(e.size / 1024).toFixed(0)} KB` : null;
 }
-function gn(e, t) {
+function vn(e, t) {
 	let [n, r] = f(null);
 	return o(() => {
 		if (!t) {
@@ -2989,8 +3075,8 @@ function gn(e, t) {
 }
 //#endregion
 //#region src/lib/FileItemRow.jsx
-function _n({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
-	let i = gn(e, t), a = mn(e), o = hn(e);
+function yn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
+	let i = vn(e, t), a = gn(e), o = _n(e);
 	return /* @__PURE__ */ D("div", {
 		className: "attach-item",
 		children: [
@@ -3029,9 +3115,9 @@ function _n({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
 }
 //#endregion
 //#region src/components/AppFileAttachment.jsx
-function vn({ 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 bn({ 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 }) {
 	W("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 = yn(a, o);
+	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 = xn(a, o);
 	function C(e) {
 		let n = Array.from(e.target.files || []);
 		if (e.target.value = "", !n.length) return;
@@ -3048,8 +3134,8 @@ function vn({ 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(pn));
-			r(e.concat(s.filter((e) => !n.has(pn(e)))));
+			let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map(hn));
+			r(e.concat(s.filter((e) => !n.has(hn(e)))));
 		} else r(s[0]);
 	}
 	function w(e) {
@@ -3104,17 +3190,17 @@ function vn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 				onChange: C,
 				...p
 			})] }),
-			x ? /* @__PURE__ */ E(bn, {
+			x ? /* @__PURE__ */ E(Sn, {
 				item: v[0],
 				isImage: !0,
 				onRemove: () => w(0)
 			}) : v.length > 0 && /* @__PURE__ */ E("div", {
 				className: "attach-list",
-				children: v.map((e, t) => /* @__PURE__ */ E(_n, {
+				children: v.map((e, t) => /* @__PURE__ */ E(yn, {
 					item: e,
 					isImage: b(e),
 					onRemove: () => w(t)
-				}, pn(e)))
+				}, hn(e)))
 			}),
 			O && /* @__PURE__ */ E("div", {
 				className: "field-error",
@@ -3124,12 +3210,12 @@ function vn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 		]
 	});
 }
-function yn(e, t) {
+function xn(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 bn({ item: e, isImage: t, onRemove: n }) {
-	let r = gn(e, t), i = mn(e), a = hn(e);
+function Sn({ item: e, isImage: t, onRemove: n }) {
+	let r = vn(e, t), i = gn(e), a = _n(e);
 	return /* @__PURE__ */ D("div", {
 		className: "attach-preview",
 		children: [/* @__PURE__ */ D("div", {
@@ -3161,7 +3247,7 @@ function bn({ item: e, isImage: t, onRemove: n }) {
 }
 //#endregion
 //#region src/components/AppFilePicker.jsx
-function xn({ 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 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 }) {
 	W("AppFilePicker", b);
 	let [x, S] = f(null), [C, w] = f(!1), [T, O] = f(""), k = d(null), M = s(), N = r || M;
 	o(() => {
@@ -3180,7 +3266,7 @@ function xn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 	}, se = (e) => {
 		let n = Array.from(e || []);
 		if (!n.length) return;
-		let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map(pn)), o = "", s = [];
+		let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map(hn)), o = "", s = [];
 		for (let e of n) {
 			let t = L(e, {
 				accept: l,
@@ -3190,7 +3276,7 @@ function xn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 				o ||= t;
 				continue;
 			}
-			a.has(pn(e)) || (a.add(pn(e)), s.push(e));
+			a.has(hn(e)) || (a.add(hn(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);
@@ -3335,12 +3421,12 @@ function xn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 					de,
 					a && I.length > 0 && /* @__PURE__ */ E("div", {
 						className: "attach-list",
-						children: I.map((e, t) => /* @__PURE__ */ E(_n, {
+						children: I.map((e, t) => /* @__PURE__ */ E(yn, {
 							item: e,
 							isImage: e instanceof File ? P(e) : H || P(e),
 							noun: "file",
 							onRemove: () => le(t)
-						}, pn(e)))
+						}, hn(e)))
 					})
 				]
 			}),
@@ -3358,7 +3444,7 @@ function xn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 }
 //#endregion
 //#region src/components/AppFloatingDock.jsx
-function Sn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
+function wn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
 	return W("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
 		role: "navigation",
 		"aria-label": n,
@@ -3400,7 +3486,7 @@ function Sn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation"
 }
 //#endregion
 //#region src/components/AppFormActions.jsx
-function Cn({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
+function Tn({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
 	return W("AppFormActions", i), /* @__PURE__ */ E("div", {
 		className: [
 			"form-actions",
@@ -3414,7 +3500,7 @@ function Cn({ children: e, sticky: t = !1, align: n = "end", className: r = "",
 }
 //#endregion
 //#region src/components/AppFormRow.jsx
-function wn({ children: e, columns: t = 2, className: n = "", ...r }) {
+function En({ children: e, columns: t = 2, className: n = "", ...r }) {
 	W("AppFormRow", r);
 	let { style: i, ...a } = r;
 	return /* @__PURE__ */ E("div", {
@@ -3429,7 +3515,7 @@ function wn({ children: e, columns: t = 2, className: n = "", ...r }) {
 }
 //#endregion
 //#region src/components/AppFormSection.jsx
-function Tn({ children: e, title: t, description: n, className: r = "", ...i }) {
+function Dn({ children: e, title: t, description: n, className: r = "", ...i }) {
 	return W("AppFormSection", i), /* @__PURE__ */ D("section", {
 		className: ["form-section", r].filter(Boolean).join(" "),
 		...i,
@@ -3450,12 +3536,12 @@ function Tn({ children: e, title: t, description: n, className: r = "", ...i })
 }
 //#endregion
 //#region src/components/AppInfoList.jsx
-function En({ items: e = [], className: t = "", ...n }) {
+function On({ items: e = [], className: t = "", ...n }) {
 	return W("AppInfoList", n), /* @__PURE__ */ E("div", {
 		className: `info-list${t ? ` ${t}` : ""}`,
 		...n,
 		children: e.map((e, t) => {
-			let n = Lt(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+			let n = Ht(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 				className: "info-icon",
 				children: X(e.icon, { size: 16 })
 			}), /* @__PURE__ */ D("span", {
@@ -3481,23 +3567,23 @@ function En({ items: e = [], className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/AppKpiTile.jsx
-var Dn = 48, On = 16;
-function kn(e) {
-	if (!e || e.length < 2) return `0,${On / 2} ${Dn},${On / 2}`;
-	let t = Math.min(...e), n = Math.max(...e) - t, r = Dn / (e.length - 1);
-	return e.map((e, i) => `${i * r},${n === 0 ? On / 2 : On - (e - t) / n * On}`).join(" ");
+var kn = 48, An = 16;
+function jn(e) {
+	if (!e || e.length < 2) return `0,${An / 2} ${kn},${An / 2}`;
+	let t = Math.min(...e), n = Math.max(...e) - t, r = kn / (e.length - 1);
+	return e.map((e, i) => `${i * r},${n === 0 ? An / 2 : An - (e - t) / n * An}`).join(" ");
 }
-function An(e) {
+function Mn(e) {
 	if (typeof e != "string") return "flat";
 	let t = e.trim();
 	return t.startsWith("+") ? "up" : t.startsWith("-") || t.startsWith("−") ? "down" : "flat";
 }
-function jn({ 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 Nn({ 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 }) {
 	W("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 ?? An(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
+	} : g, O = o ?? Mn(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
 	return p != null && (A = m ? {
 		as: m,
 		to: p
@@ -3535,12 +3621,12 @@ function jn({ 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: Dn,
-				height: On,
-				viewBox: `0 0 ${Dn} ${On}`,
+				width: kn,
+				height: An,
+				viewBox: `0 0 ${kn} ${An}`,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ E("polyline", {
-					points: kn(s),
+					points: jn(s),
 					stroke: "currentColor",
 					fill: "none"
 				})
@@ -3550,11 +3636,11 @@ function jn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
 }
 //#endregion
 //#region src/components/AppLink.jsx
-var Mn = {
+var Pn = {
 	sm: 13,
 	md: 15,
 	lg: 18
-}, Nn = [
+}, Fn = [
 	"underline",
 	"underline-center",
 	"static",
@@ -3568,35 +3654,35 @@ var Mn = {
 	"shine",
 	"none"
 ];
-function Pn(e, t, n) {
+function In(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: Mn[n] ?? Mn.md
+			size: Pn[n] ?? Pn.md
 		})
 	}) : /* @__PURE__ */ E("span", {
 		className: r,
 		children: e
 	});
 }
-function Fn({ 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 }) {
-	W("AppLink", d), G("AppLink", "animation", r, Nn), G("AppLink", "size", o, Object.keys(Mn));
-	let f = Nn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
+function Ln({ 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 }) {
+	W("AppLink", d), G("AppLink", "animation", r, Fn), G("AppLink", "size", o, Object.keys(Pn));
+	let f = Fn.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: [
-		Pn(i, "left", o),
+		In(i, "left", o),
 		/* @__PURE__ */ E("span", {
 			className: "wui-link__label",
 			children: e ?? t
 		}),
-		Pn(p, "right", o)
+		In(p, "right", o)
 	] });
 	return c ? /* @__PURE__ */ E("span", {
 		className: m,
@@ -3619,13 +3705,13 @@ function Fn({ children: e, label: t, href: n, animation: r = "underline", leftIc
 }
 //#endregion
 //#region src/components/AppLogoPicker.jsx
-var In = {
+var Rn = {
 	sm: 72,
 	md: 120,
 	lg: 160
 };
-function Ln({ 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 }) {
-	W("AppLogoPicker", k), G("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(In));
+function zn({ 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 }) {
+	W("AppLogoPicker", k), G("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(Rn));
 	let j = d(null), M = s(), [N, P] = f(null), [F, I] = f(""), [R, z] = f(!1), [B, V] = f(!1);
 	o(() => () => N && URL.revokeObjectURL(N), [N]), o(() => {
 		P(null), z(!1);
@@ -3651,7 +3737,7 @@ function Ln({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
 		t && ae(t);
 	}, K = () => {
 		P(null), I(""), z(!1), j.current && (j.current.value = ""), i?.();
-	}, ce = typeof w == "number" ? w : In[w] ?? In.md, le = Math.max(14, Math.round(ce * .18)), ue = Math.round(ce * .5), de = [
+	}, ce = typeof w == "number" ? w : Rn[w] ?? Rn.md, le = Math.max(14, Math.round(ce * .18)), ue = Math.round(ce * .5), de = [
 		"set-uploader",
 		C === "avatar" ? "set-uploader--avatar" : "",
 		T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
@@ -3781,27 +3867,27 @@ function Ln({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
 }
 //#endregion
 //#region src/components/AppMeter.jsx
-var Rn = [
+var Bn = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function zn(e, t, n) {
+function Vn(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 Bn(e, t, n, r, i) {
+function Hn(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 Vn({ 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 Un({ 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 }) {
 	W("AppMeter", d);
-	let f = Bn(e, a, o, i, Rn.includes(r) ? r : "info"), p = zn(e, t, n);
+	let f = Hn(e, a, o, i, Bn.includes(r) ? r : "info"), p = Vn(e, t, n);
 	return /* @__PURE__ */ E("div", {
 		className: `progress${s === "sm" ? " progress-sm" : ""}${u ? ` ${u}` : ""}`,
 		role: "meter",
@@ -3819,7 +3905,7 @@ function Vn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum:
 }
 //#endregion
 //#region src/components/AppMultiSelect.jsx
-var Hn = 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 Wn = 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) {
 	W("AppMultiSelect", T);
 	let k = s(), A = _ || k, { setRef: j, innerRef: M } = Q({
 		ref: O,
@@ -3882,7 +3968,7 @@ var Hn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			}) : null
 		]
 	});
-}), Un = 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) {
+}), Gn = 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) {
 	W("AppNumberInput", C);
 	let T = s(), O = _ || T, k = (e) => {
 		if (m === 0) return Math.round(e);
@@ -4005,7 +4091,7 @@ var Hn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			}) : null
 		]
 	});
-}), Wn = 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) {
+}), Kn = 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) {
 	W("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,
@@ -4050,7 +4136,7 @@ var Hn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 });
 //#endregion
 //#region src/components/AppPageHeader.jsx
-function Gn({ 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 qn({ 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 }) {
 	W("AppPageHeader", p);
 	let m = [
 		"page-header",
@@ -4109,9 +4195,9 @@ function Gn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", s
 }
 //#endregion
 //#region src/components/AppPagination.jsx
-function Kn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
+function Jn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
 	if (W("AppPagination", s), t <= 1) return null;
-	let c = Qt(e, t, { siblingCount: r });
+	let c = rn(e, t, { siblingCount: r });
 	return /* @__PURE__ */ E("nav", {
 		className: [
 			"pagination-nav",
@@ -4169,7 +4255,7 @@ function Kn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
 }
 //#endregion
 //#region src/components/AppPhoneNumberInput.jsx
-var qn = 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 Yn = 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) {
 	W("AppPhoneNumberInput", h);
 	let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
 		ref: g,
@@ -4210,7 +4296,7 @@ var qn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
 });
 //#endregion
 //#region src/components/AppPricingCard.jsx
-function Jn({ 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 Xn({ 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 W("AppPricingCard", u), /* @__PURE__ */ D("div", {
 		className: [
 			"plan-card",
@@ -4264,21 +4350,21 @@ function Jn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
 }
 //#endregion
 //#region src/components/AppProgress.jsx
-var Yn = [
+var Zn = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function Xn(e, t) {
+function Qn(e, t) {
 	if (!(t > 0)) return 0;
 	let n = Math.min(100, Math.max(0, e / t * 100));
 	return Number(n.toFixed(2));
 }
-function Zn({ 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 $n({ 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 }) {
 	W("AppProgress", u);
-	let d = Yn.includes(n) ? n : "info", f = Xn(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
+	let d = Zn.includes(n) ? n : "info", f = Qn(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
 		"progress-bar",
 		`wui-progress-${d}`,
 		o || s ? "progress-bar-striped" : "",
@@ -4302,7 +4388,7 @@ function Zn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
 }
 //#endregion
 //#region src/components/AppRadio.jsx
-var Qn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
+var er = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
 	return W("AppRadio", o), /* @__PURE__ */ E(vt, {
 		ref: s,
 		label: e,
@@ -4318,7 +4404,7 @@ var Qn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 });
 //#endregion
 //#region src/components/AppRepeater.jsx
-function $n({ 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 }) {
+function tr({ 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 }) {
 	W("AppRepeater", p);
 	let m = typeof u == "number" && e.length >= u, h = !!i && e.length > l;
 	return /* @__PURE__ */ D("div", {
@@ -4370,7 +4456,7 @@ function $n({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 }
 //#endregion
 //#region src/components/AppResourceCard.jsx
-function er({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
+function nr({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
 	W("AppResourceCard", s);
 	let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 		className: "res-card-icon",
@@ -4404,7 +4490,7 @@ function er({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
 }
 //#endregion
 //#region src/components/AppResult.jsx
-var tr = {
+var rr = {
 	success: {
 		icon: "check-circle",
 		tone: "success"
@@ -4425,9 +4511,9 @@ var tr = {
 	404: { tone: "muted" },
 	500: { tone: "muted" }
 };
-function nr({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
-	W("AppResult", s), G("AppResult", "status", e, Object.keys(tr));
-	let c = tr[e] || tr.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
+function ir({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
+	W("AppResult", s), G("AppResult", "status", e, Object.keys(rr));
+	let c = rr[e] || rr.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
 	return /* @__PURE__ */ D("div", {
 		className: [
 			"result",
@@ -4465,7 +4551,7 @@ function nr({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
 }
 //#endregion
 //#region src/components/AppScrollbar.jsx
-function rr({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
+function ar({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
 	return W("AppScrollbar", i), /* @__PURE__ */ E("div", {
 		className: t ? `wui-scroll ${t}` : "wui-scroll",
 		style: n == null ? r : {
@@ -4478,7 +4564,7 @@ function rr({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/AppSearch.jsx
-function ir({ 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 or({ 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 }) {
 	W("AppSearch", u);
 	let d = t || n;
 	return /* @__PURE__ */ D("div", {
@@ -4525,17 +4611,17 @@ function ir({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
 }
 //#endregion
 //#region src/components/AppSegmented.jsx
-var ar = {
+var sr = {
 	sm: "segmented-sm",
 	md: "",
 	lg: "segmented-lg",
 	xl: "wui-segmented-xl"
 };
-function or({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, bordered: u = !0, disabled: f = !1, className: p = "", ...m }) {
-	W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(ar));
+function cr({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, bordered: u = !0, disabled: f = !1, className: p = "", ...m }) {
+	W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(sr));
 	let h = s(), g = i || h, _ = d(null), v = d(null), y = [
 		"segmented",
-		ar[a] ?? "",
+		sr[a] ?? "",
 		c ? "segmented-full" : "",
 		u ? "" : "wui-segmented-borderless",
 		f ? "is-disabled" : "",
@@ -4606,7 +4692,7 @@ function or({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 }
 //#endregion
 //#region src/components/AppSelect.jsx
-var sr = (e) => e == null ? "" : e.label ?? e.text ?? "", cr = 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) {
+var lr = (e) => e == null ? "" : e.label ?? e.text ?? "", ur = 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) {
 	W("AppSelect", A);
 	let M = s(), { setRef: N, innerRef: P } = Q({
 		ref: j,
@@ -4618,7 +4704,7 @@ var sr = (e) => e == null ? "" : e.label ?? e.text ?? "", cr = i(function({ valu
 		if (!e) return;
 		let t = n.map((e) => ({
 			value: e.value,
-			label: sr(e),
+			label: lr(e),
 			icon: e.icon
 		}));
 		Ze(t, e.options) || (e.options = t);
@@ -4692,7 +4778,7 @@ var sr = (e) => e == null ? "" : e.label ?? e.text ?? "", cr = i(function({ valu
 });
 //#endregion
 //#region src/components/AppShell.jsx
-function lr({ 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 dr({ 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 = "", ..._ }) {
 	W("AppShell", _);
 	let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
 		let e = !w;
@@ -4740,7 +4826,7 @@ function lr({ 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(ur, {
+							}), e.items.map((e) => /* @__PURE__ */ E(fr, {
 								item: e,
 								linkComponent: h,
 								onNavigate: () => x(!1)
@@ -4807,7 +4893,7 @@ function lr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
 		]
 	});
 }
-function ur({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
+function fr({ 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);
@@ -4849,7 +4935,7 @@ function ur({ 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(ur, {
+			children: e.children.map((e) => /* @__PURE__ */ E(fr, {
 				item: e,
 				linkComponent: t,
 				onNavigate: n,
@@ -4890,7 +4976,7 @@ function ur({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 }
 //#endregion
 //#region src/components/AppSidebarMenu.jsx
-var dr = {
+var pr = {
 	left: "start",
 	right: "end",
 	start: "start",
@@ -4898,9 +4984,9 @@ var dr = {
 	top: "top",
 	bottom: "bottom"
 };
-function fr({ 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 }) {
-	W("AppSidebarMenu", v), G("AppSidebarMenu", "side", n, Object.keys(dr));
-	let { style: y, ...b } = v, S = dr[n] || "end", C = c || l || y ? {
+function mr({ 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 }) {
+	W("AppSidebarMenu", v), G("AppSidebarMenu", "side", n, Object.keys(pr));
+	let { style: y, ...b } = v, S = pr[n] || "end", C = c || l || y ? {
 		...c && { "--asm-width": c },
 		...l && { "--asm-max-width": l },
 		...y
@@ -4961,7 +5047,7 @@ function fr({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
 }
 //#endregion
 //#region src/components/AppSlider.jsx
-var pr = 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 hr = 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) {
 	W("AppSlider", T);
 	let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
 		ref: O,
@@ -5022,14 +5108,14 @@ var pr = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
 			})
 		]
 	});
-}), mr = {
+}), gr = {
 	sm: 44,
 	md: 56,
 	lg: 72
 };
-function hr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
-	W("AppSplash", c), G("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(mr));
-	let { style: l, ...u } = c, d = typeof a == "number" ? a : mr[a] ?? mr.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
+function _r({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
+	W("AppSplash", c), G("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(gr));
+	let { style: l, ...u } = c, d = typeof a == "number" ? a : gr[a] ?? gr.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
 		className: "splash-ring",
 		"aria-hidden": "true"
 	}) : i === "dots" ? /* @__PURE__ */ D("span", {
@@ -5076,7 +5162,7 @@ function hr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
 }
 //#endregion
 //#region src/components/AppStatusBadge.jsx
-function gr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
+function vr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
 	return W("AppStatusBadge", a), e == null || e === "" ? "-" : q(/* @__PURE__ */ E("span", {
 		className: `status-label ${t}${n ? ` ${n}` : ""}`,
 		...a,
@@ -5085,7 +5171,7 @@ function gr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
 }
 //#endregion
 //#region src/components/AppStepper.jsx
-function _r({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
+function yr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
 	W("AppStepper", c);
 	let l = t === "journey";
 	return /* @__PURE__ */ E("nav", {
@@ -5098,7 +5184,7 @@ function _r({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
 		"aria-label": a,
 		...c,
 		children: e.map((t, n) => {
-			let a = t.status || vr(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
+			let a = t.status || br(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
 			c = a === "done" ? /* @__PURE__ */ E(Y, {
 				name: "check",
 				size: 14
@@ -5162,12 +5248,12 @@ function _r({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
 		})
 	});
 }
-function vr(e, t) {
+function br(e, t) {
 	return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
 }
 //#endregion
 //#region src/components/AppSwitch.jsx
-var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "round", className: o = "", ...s }, c) {
+var xr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "round", className: o = "", ...s }, c) {
 	return W("AppSwitch", s), /* @__PURE__ */ E(vt, {
 		ref: c,
 		label: e,
@@ -5183,7 +5269,7 @@ var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "r
 });
 //#endregion
 //#region src/components/AppTableEmptyState.jsx
-function br({ icon: e, title: t, text: n, action: r, ...i }) {
+function Sr({ icon: e, title: t, text: n, action: r, ...i }) {
 	return W("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
 		className: "tbl-empty",
 		...i,
@@ -5208,9 +5294,47 @@ function br({ icon: e, title: t, text: n, action: r, ...i }) {
 	});
 }
 //#endregion
+//#region src/components/AppTableToolbar.jsx
+function Cr({ filters: e, actions: t, selectedCount: n = 0, bulkActions: r, onClearSelection: i, className: a = "", ...o }) {
+	W("AppTableToolbar", o);
+	let s = n > 0;
+	return /* @__PURE__ */ D("div", {
+		className: `wui-table-toolbar${a ? ` ${a}` : ""}`,
+		...o,
+		children: [/* @__PURE__ */ D("div", {
+			className: "wui-table-toolbar-main",
+			hidden: s,
+			children: [/* @__PURE__ */ E("div", {
+				className: "wui-table-toolbar-filters",
+				children: e
+			}), /* @__PURE__ */ E("div", {
+				className: "wui-table-toolbar-actions",
+				children: t
+			})]
+		}), /* @__PURE__ */ D("div", {
+			className: "wui-table-toolbar-bulk",
+			hidden: !s,
+			children: [
+				/* @__PURE__ */ D("span", {
+					className: "wui-table-toolbar-count",
+					"aria-live": "polite",
+					children: [n, " selected"]
+				}),
+				r,
+				i && /* @__PURE__ */ E("button", {
+					type: "button",
+					className: "btn btn-ghost btn-sm wui-table-toolbar-clear",
+					onClick: i,
+					children: "Clear"
+				})
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/components/AppTabs.jsx
-var xr = 1, Sr = 28, Cr = .7;
-function wr({ 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 wr = 1, Tr = 28, Er = .7;
+function Dr({ 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, ..._ }) {
 	W("AppTabs", _);
 	let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
 	o(() => {
@@ -5222,7 +5346,7 @@ function wr({ 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 > xr), t.classList.toggle("is-overflow-end", n > xr && e.scrollLeft < n - xr);
+		t.classList.toggle("is-overflow-start", e.scrollLeft > wr), t.classList.toggle("is-overflow-end", n > wr && e.scrollLeft < n - wr);
 	}, [b]), M = a(() => {
 		let n = v.current;
 		if (!n) return;
@@ -5238,7 +5362,7 @@ function wr({ 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 = Sr, r = t.offsetLeft, i = r + t.offsetWidth;
+		let n = Tr, 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(() => {
@@ -5273,7 +5397,7 @@ function wr({ 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 * Cr });
+		t && t.scrollBy({ left: e * t.clientWidth * Er });
 	}, L = [
 		"app-tabs",
 		i === "pills" ? "app-tabs-pills" : "",
@@ -5386,7 +5510,7 @@ function wr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 }
 //#endregion
 //#region src/components/AppTagInput.jsx
-var Tr = 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 Or = 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) {
 	W("AppTagInput", y);
 	let x = s(), S = p || x, { setRef: C } = Q({
 		ref: b,
@@ -5437,7 +5561,7 @@ var Tr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 			}) : null
 		]
 	});
-}), Er = 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) {
+}), kr = 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) {
 	W("AppTextarea", x);
 	let C = s(), w = u || C, T = [
 		"textarea",
@@ -5508,7 +5632,7 @@ var Tr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 			})
 		]
 	});
-}), Dr = {
+}), Ar = {
 	done: "check",
 	current: "clock",
 	"on-hold": "lock",
@@ -5517,7 +5641,7 @@ var Tr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 	skipped: "arrow-right",
 	upcoming: null
 };
-function Or({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
+function jr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
 	W("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", {
@@ -5528,7 +5652,7 @@ function Or({ 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 ? Dr[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 ? Ar[n] : void 0) : e.icon || "circle";
 			return /* @__PURE__ */ D("li", {
 				className: `timeline-item${r}${i}`,
 				children: [/* @__PURE__ */ E("span", {
@@ -5598,7 +5722,7 @@ function Or({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
 }
 //#endregion
 //#region src/components/AppTimePicker.jsx
-var kr = 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 Mr = 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) {
 	W("AppTimePicker", y);
 	let x = s(), S = h || o || x, { setRef: C } = Q({
 		ref: b,
@@ -5643,35 +5767,35 @@ var kr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 			})
 		]
 	});
-}), Ar = 6, $ = [], jr = /* @__PURE__ */ new Set(), Mr = /* @__PURE__ */ new Map(), Nr = /* @__PURE__ */ new Set(), Pr = 0;
-function Fr() {
-	for (let e of jr) e($);
+}), Nr = 6, $ = [], Pr = /* @__PURE__ */ new Set(), Fr = /* @__PURE__ */ new Map(), Ir = /* @__PURE__ */ new Set(), Lr = 0;
+function Rr() {
+	for (let e of Pr) e($);
 }
-function Ir(e) {
-	let t = Mr.get(e);
-	t !== void 0 && (clearTimeout(t), Mr.delete(e));
+function zr(e) {
+	let t = Fr.get(e);
+	t !== void 0 && (clearTimeout(t), Fr.delete(e));
 }
-function Lr(e, t) {
-	if (e.length <= Ar) return e;
+function Br(e, t) {
+	if (e.length <= Nr) return e;
 	let n = [...e], r = [];
-	for (; n.length > Ar;) {
+	for (; n.length > Nr;) {
 		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) Ir(e.id), Nr.delete(e.id);
+	for (let e of r) zr(e.id), Ir.delete(e.id);
 	return n;
 }
-function Rr(e) {
-	return jr.add(e), e($), () => {
-		if (jr.delete(e), jr.size === 0) for (let e of $) e.duration > 0 && !Mr.has(e.id) && (Nr.delete(e.id), Mr.set(e.id, setTimeout(() => Vr(e.id), e.duration)));
+function Vr(e) {
+	return Pr.add(e), e($), () => {
+		if (Pr.delete(e), Pr.size === 0) for (let e of $) e.duration > 0 && !Fr.has(e.id) && (Ir.delete(e.id), Fr.set(e.id, setTimeout(() => Wr(e.id), e.duration)));
 	};
 }
-function zr(e, t, n = {}) {
+function Hr(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) {
-			Ir(i.id);
+			zr(i.id);
 			let r = n.duration === void 0 ? 5e3 : n.duration;
 			$ = $.map((a) => a.id === i.id ? {
 				...a,
@@ -5684,12 +5808,12 @@ function zr(e, t, n = {}) {
 				shape: n.shape,
 				surface: n.surface,
 				progress: n.progress
-			} : a), Fr(), r > 0 && !Nr.has(i.id) && Mr.set(i.id, setTimeout(() => Vr(i.id), r));
+			} : a), Rr(), r > 0 && !Ir.has(i.id) && Fr.set(i.id, setTimeout(() => Wr(i.id), r));
 			return;
 		}
 	} else if (i && $.some((e) => e.key === i)) return;
-	let a = ++Pr, o = n.duration === void 0 ? 5e3 : n.duration;
-	$ = Lr([...$, {
+	let a = ++Lr, o = n.duration === void 0 ? 5e3 : n.duration;
+	$ = Br([...$, {
 		id: a,
 		externalId: r,
 		message: e,
@@ -5702,25 +5826,25 @@ function zr(e, t, n = {}) {
 		surface: n.surface,
 		progress: n.progress,
 		key: i
-	}], a), Fr(), o > 0 && Mr.set(a, setTimeout(() => Vr(a), o));
+	}], a), Rr(), o > 0 && Fr.set(a, setTimeout(() => Wr(a), o));
 }
-function Br(e) {
-	Ir(e), Nr.add(e);
+function Ur(e) {
+	zr(e), Ir.add(e);
 }
-function Vr(e) {
-	Ir(e), Nr.delete(e);
+function Wr(e) {
+	zr(e), Ir.delete(e);
 	let t = $.filter((t) => t.id !== e);
-	t.length !== $.length && ($ = t, Fr());
+	t.length !== $.length && ($ = t, Rr());
 }
-function Hr() {
-	if (!($.length === 0 && Mr.size === 0 && Nr.size === 0)) {
-		for (let e of Mr.values()) clearTimeout(e);
-		Mr.clear(), Nr.clear(), $.length !== 0 && ($ = [], Fr());
+function Gr() {
+	if (!($.length === 0 && Fr.size === 0 && Ir.size === 0)) {
+		for (let e of Fr.values()) clearTimeout(e);
+		Fr.clear(), Ir.clear(), $.length !== 0 && ($ = [], Rr());
 	}
 }
 //#endregion
 //#region src/components/AppToast.jsx
-var Ur = {
+var Kr = {
 	success: {
 		icon: "check-circle",
 		assertive: !1
@@ -5737,7 +5861,7 @@ var Ur = {
 		icon: "alert-circle",
 		assertive: !0
 	}
-}, Wr = {
+}, qr = {
 	"top-start": "top-0 start-0",
 	"top-center": "top-0 start-50 translate-middle-x",
 	"top-end": "top-0 end-0",
@@ -5745,21 +5869,21 @@ var Ur = {
 	"bottom-start": "bottom-0 start-0",
 	"bottom-center": "bottom-0 start-50 translate-middle-x",
 	"bottom-end": "bottom-0 end-0"
-}, Gr = 64, Kr = /* @__PURE__ */ new Set([
+}, Jr = 64, Yr = /* @__PURE__ */ new Set([
 	"rise",
 	"organic",
 	"jelly",
 	"spring"
-]), qr = /* @__PURE__ */ new Set([
+]), Xr = /* @__PURE__ */ new Set([
 	"rounded",
 	"pill",
 	"sharp"
-]), Jr = /* @__PURE__ */ new Set(["auto", "inverse"]);
-function Yr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
-	W("AppToast", s), G("AppToast", "position", e, Object.keys(Wr)), G("AppToast", "animation", n, Kr), G("AppToast", "shape", r, qr), G("AppToast", "surface", i, Jr);
+]), Zr = /* @__PURE__ */ new Set(["auto", "inverse"]);
+function Qr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
+	W("AppToast", s), G("AppToast", "position", e, Object.keys(qr)), G("AppToast", "animation", n, Yr), G("AppToast", "shape", r, Xr), G("AppToast", "surface", i, Zr);
 	let [c, l] = f([]);
-	o(() => Rr(l), []);
-	let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Wr[e] ?? Wr["bottom-end"];
+	o(() => Vr(l), []);
+	let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = qr[e] ?? qr["bottom-end"];
 	return /* @__PURE__ */ D("div", {
 		...s,
 		className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
@@ -5771,7 +5895,7 @@ function Yr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
 				u,
 				" more"
 			]
-		}), d.map((e) => /* @__PURE__ */ E(Xr, {
+		}), d.map((e) => /* @__PURE__ */ E($r, {
 			toast: e,
 			defaultAnimation: n,
 			defaultShape: r,
@@ -5779,14 +5903,14 @@ function Yr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
 		}, e.id))]
 	});
 }
-function Xr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
-	let i = Ur[e.variant] ?? Ur.success, a = Kr.has(e.animation) ? e.animation : t, s = qr.has(e.shape) ? e.shape : n, c = Jr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Kr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && qr.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 = () => Vr(e.id), y = d(null);
+function $r({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
+	let i = Kr[e.variant] ?? Kr.success, a = Yr.has(e.animation) ? e.animation : t, s = Xr.has(e.shape) ? e.shape : n, c = Zr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Yr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Xr.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 = () => Wr(e.id), y = d(null);
 	o(() => {
 		if (e.duration === 0) return;
-		Br(e.id);
+		Ur(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(() => Vr(e.id), e.duration);
+		let r = setTimeout(() => Wr(e.id), e.duration);
 		return () => clearTimeout(r);
 	}, [e.id, e.duration]);
 	let b = (e) => {
@@ -5798,7 +5922,7 @@ function Xr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
 	}, C = (e) => {
 		if (_.current === null) return;
 		let t = e.clientX - _.current;
-		if (Math.abs(t) > Gr) {
+		if (Math.abs(t) > Jr) {
 			v();
 			return;
 		}
@@ -5882,7 +6006,7 @@ function Xr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
 }
 //#endregion
 //#region src/components/AppToolbar.jsx
-function Zr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
+function ei({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
 	W("AppToolbar", u);
 	let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
 	return /* @__PURE__ */ D("div", {
@@ -5940,7 +6064,7 @@ function Zr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
 }
 //#endregion
 //#region src/components/AppWizard.jsx
-var Qr = 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 ti = 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) {
 	W("AppWizard", T);
 	let O = d(null), k = (e) => {
 		O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
@@ -5992,13 +6116,13 @@ var Qr = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
 			children: A[t]
 		}, e.key ?? `${e.label}-${t}`))
 	});
-}), $r = /* @__PURE__ */ new Set([
+}), ni = /* @__PURE__ */ new Set([
 	"ArrowUp",
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight"
 ]);
-function ei({ 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 ri({ 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 } = _;
 	W("AppWorkspaceSwitcher", b);
 	let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
@@ -6018,7 +6142,7 @@ function ei({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 		let e = T.current;
 		if (!e) return;
 		let t = (e) => {
-			if ($r.has(e.key)) {
+			if (ni.has(e.key)) {
 				e.stopPropagation();
 				return;
 			}
@@ -6036,7 +6160,7 @@ function ei({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 		onToggle: O,
 		...b,
 		children: [/* @__PURE__ */ E(v.Toggle, {
-			as: ii,
+			as: si,
 			compact: m,
 			tenant: k,
 			"aria-label": M
@@ -6071,7 +6195,7 @@ function ei({ 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(ni, { tenant: e }),
+							/* @__PURE__ */ E(ai, { tenant: e }),
 							/* @__PURE__ */ E("span", {
 								className: "workspace-switcher-option-name",
 								children: e.name
@@ -6103,17 +6227,17 @@ function ei({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 				}) : null,
 				i ? /* @__PURE__ */ E("div", {
 					className: "workspace-switcher-footer",
-					children: ri(i, a)
+					children: oi(i, a)
 				}) : null
 			]
 		})]
 	});
 }
-function ti(e) {
+function ii(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 ni({ tenant: e }) {
+function ai({ tenant: e }) {
 	return e?.logoUrl ? /* @__PURE__ */ E("img", {
 		className: "workspace-switcher-mark",
 		src: e.logoUrl,
@@ -6121,10 +6245,10 @@ function ni({ tenant: e }) {
 		loading: "lazy"
 	}) : /* @__PURE__ */ E("span", {
 		className: "workspace-switcher-mark",
-		children: ti(e?.name)
+		children: ii(e?.name)
 	});
 }
-function ri(e, t) {
+function oi(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", {
@@ -6136,7 +6260,7 @@ function ri(e, t) {
 		}) : null, n]
 	});
 }
-var ii = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
+var si = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
 	return /* @__PURE__ */ D("button", {
 		ref: a,
 		type: "button",
@@ -6144,7 +6268,7 @@ var ii = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
 		"aria-haspopup": "true",
 		"aria-label": n,
 		...i,
-		children: [/* @__PURE__ */ E(ni, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+		children: [/* @__PURE__ */ E(ai, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 			className: "workspace-switcher-trigger-name",
 			children: t?.name
 		}), /* @__PURE__ */ E(Y, {
@@ -6156,36 +6280,36 @@ var ii = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
 });
 //#endregion
 //#region src/components/toast.js
-function ai() {
-	Hr();
+function ci() {
+	Gr();
 }
-var oi = /* @__PURE__ */ new Set([
+var li = /* @__PURE__ */ new Set([
 	"success",
 	"info",
 	"warning",
 	"danger"
 ]);
-function si(e, t = "info") {
+function ui(e, t = "info") {
 	let n = "info", r = {};
-	typeof t == "string" ? n = oi.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = oi.has(r.variant) ? r.variant : "info"), zr(e, n, r);
+	typeof t == "string" ? n = li.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = li.has(r.variant) ? r.variant : "info"), Hr(e, n, r);
 }
-function ci(e, t = {}) {
-	zr(e, "danger", t);
+function di(e, t = {}) {
+	Hr(e, "danger", t);
 }
-si.promise = (e, t, n = {}) => {
+ui.promise = (e, t, n = {}) => {
 	let r = n.id || `promise-${Date.now()}-${Math.random()}`;
-	return si(t.loading || "Loading...", {
+	return ui(t.loading || "Loading...", {
 		...n,
 		variant: "info",
 		id: r,
 		duration: 0
-	}), e.then((e) => (si((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
+	}), e.then((e) => (ui((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 si((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
+		throw ui((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
 			...n,
 			variant: "danger",
 			id: r,
@@ -6195,7 +6319,7 @@ si.promise = (e, t, n = {}) => {
 };
 //#endregion
 //#region src/lib/useCommandPaletteShortcut.js
-function li(e, { key: t = "k" } = {}) {
+function fi(e, { key: t = "k" } = {}) {
 	let n = d(e);
 	o(() => {
 		n.current = e;
@@ -6208,7 +6332,7 @@ function li(e, { key: t = "k" } = {}) {
 }
 //#endregion
 //#region src/lib/usePagination.js
-function ui(e, t = 10) {
+function pi(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);
@@ -6234,4 +6358,44 @@ function ui(e, t = 10) {
 	};
 }
 //#endregion
-export { ke as AppAccordion, je as AppActionIcon, Ie as AppAlert, Ue as AppAsyncBlock, nt as AppAutocomplete, ct as AppAvatar, dt as AppAvatarGroup, ft as AppBadge, mt as AppBanner, ht as AppBreadcrumbs, Be as AppButton, _t as AppCard, yt as AppCheckbox, bt as AppChip, wt as AppChoiceCard, Tt as AppChoiceChip, Et as AppColorField, Nt as AppCommandPalette, Rt as AppCompareTable, Ht as AppConfirmDialog, Wt as AppConsentBanner, Kt as AppCopyButton, Jt as AppCountrySelect, an as AppDataTable, on as AppDatePicker, sn as AppDateRangePicker, cn as AppDescriptions, dn as AppDropdown, Ve as AppEmptyState, vn as AppFileAttachment, xn as AppFilePicker, Sn as AppFloatingDock, Cn as AppFormActions, wn as AppFormRow, Tn as AppFormSection, Y as AppIcon, En as AppInfoList, qe as AppInfoTip, zt as AppInput, jn as AppKpiTile, Fn as AppLink, Ln as AppLogoPicker, Vn as AppMeter, jt as AppModal, Hn as AppMultiSelect, Un as AppNumberInput, Wn as AppOtpInput, Gn as AppPageHeader, Kn as AppPagination, qn as AppPhoneNumberInput, Ge as AppPopover, Jn as AppPricingCard, Zn as AppProgress, Qn as AppRadio, $n as AppRepeater, Z as AppRequiredMark, er as AppResourceCard, nr as AppResult, rr as AppScrollbar, ir as AppSearch, or as AppSegmented, cr as AppSelect, $t as AppSelectMini, lr as AppShell, fr as AppSidebarMenu, Yt as AppSkeleton, Xt as AppSkeletonRows, pr as AppSlider, He as AppSpinner, hr as AppSplash, gr as AppStatusBadge, _r as AppStepper, yr as AppSwitch, br as AppTableEmptyState, tn as AppTablePagination, wr as AppTabs, Tr as AppTagInput, Er as AppTextarea, kr as AppTimePicker, Or as AppTimeline, Yr as AppToast, Zr as AppToolbar, ce as AppTooltip, Qr as AppWizard, ei as AppWorkspaceSwitcher, Vt as MODAL_ICONS, ai as dismissAll, ci as errorToast, Ee as iconNames, Oe as registerIcons, si as toast, li as useCommandPaletteShortcut, ui as usePagination };
+//#region src/lib/useTableView.js
+var mi = (e) => `wui-view:${e}`;
+function hi(e, t) {
+	try {
+		let n = window.localStorage.getItem(mi(e));
+		if (!n) return t;
+		let r = JSON.parse(n);
+		return {
+			hidden: Array.isArray(r.hidden) ? r.hidden : t.hidden,
+			sort: r.sort && typeof r.sort.key == "string" ? r.sort : t.sort
+		};
+	} catch {
+		return t;
+	}
+}
+function gi(e, { sort: t } = {}) {
+	let [n, r] = f(() => hi(e, {
+		hidden: [],
+		sort: t
+	}));
+	o(() => {
+		try {
+			window.localStorage.setItem(mi(e), JSON.stringify(n));
+		} catch {}
+	}, [e, n]);
+	let i = a((e) => r((t) => ({
+		...t,
+		hidden: t.hidden.includes(e) ? t.hidden.filter((t) => t !== e) : [...t.hidden, e]
+	})), []), s = a((e) => r((t) => ({
+		...t,
+		sort: typeof e == "function" ? e(t.sort) : e
+	})), []);
+	return {
+		hiddenColumns: n.hidden,
+		toggleColumn: i,
+		sort: n.sort,
+		setSort: s
+	};
+}
+//#endregion
+export { ke as AppAccordion, je as AppActionIcon, Ie as AppAlert, Ue as AppAsyncBlock, nt as AppAutocomplete, ct as AppAvatar, dt as AppAvatarGroup, ft as AppBadge, mt as AppBanner, ht as AppBreadcrumbs, Be as AppButton, _t as AppCard, yt as AppCheckbox, bt as AppChip, wt as AppChoiceCard, Tt as AppChoiceChip, Et as AppColorField, jt as AppColumnMenu, Rt as AppCommandPalette, Ut as AppCompareTable, qt as AppConfirmDialog, Yt as AppConsentBanner, Zt as AppCopyButton, $t as AppCountrySelect, dn as AppDataTable, fn as AppDatePicker, pn as AppDateRangePicker, mn as AppDescriptions, kt as AppDropdown, Ve as AppEmptyState, bn as AppFileAttachment, Cn as AppFilePicker, wn as AppFloatingDock, Tn as AppFormActions, En as AppFormRow, Dn as AppFormSection, Y as AppIcon, On as AppInfoList, qe as AppInfoTip, Wt as AppInput, Nn as AppKpiTile, Ln as AppLink, zn as AppLogoPicker, Un as AppMeter, It as AppModal, Wn as AppMultiSelect, Gn as AppNumberInput, Kn as AppOtpInput, qn as AppPageHeader, Jn as AppPagination, Yn as AppPhoneNumberInput, Ge as AppPopover, Xn as AppPricingCard, $n as AppProgress, er as AppRadio, tr as AppRepeater, Z as AppRequiredMark, nr as AppResourceCard, ir as AppResult, ar as AppScrollbar, or as AppSearch, cr as AppSegmented, ur as AppSelect, an as AppSelectMini, dr as AppShell, mr as AppSidebarMenu, en as AppSkeleton, tn as AppSkeletonRows, hr as AppSlider, He as AppSpinner, _r as AppSplash, vr as AppStatusBadge, yr as AppStepper, xr as AppSwitch, Sr as AppTableEmptyState, sn as AppTablePagination, Cr as AppTableToolbar, Dr as AppTabs, Or as AppTagInput, kr as AppTextarea, Mr as AppTimePicker, jr as AppTimeline, Qr as AppToast, ei as AppToolbar, ce as AppTooltip, ti as AppWizard, ri as AppWorkspaceSwitcher, Kt as MODAL_ICONS, ci as dismissAll, di as errorToast, Ee as iconNames, Oe as registerIcons, ui as toast, fi as useCommandPaletteShortcut, pi as usePagination, gi as useTableView };