@kb.ui/react 0.11.0 → 0.12.1

package/dist/index.js

@@ -1987,8 +1987,157 @@ var Re = (e) => `Remove ${e.label}`, ze = {
 	});
 });
 //#endregion
+//#region src/components/Dialog/Dialog.tsx
+function Ue(e) {
+	return /* @__PURE__ */ b(D.Root, { ...e });
+}
+function We(e) {
+	return /* @__PURE__ */ b(D.Trigger, { ...e });
+}
+function Ge(e) {
+	return /* @__PURE__ */ b(D.Close, { ...e });
+}
+function Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ b(D.Title, {
+		...t,
+		className: v("kb-dialog-title", e)
+	});
+}
+function qe({ className: e, ...t }) {
+	return /* @__PURE__ */ b(D.Description, {
+		...t,
+		className: v("kb-dialog-description", e)
+	});
+}
+function Je({ className: e, ...t }) {
+	return /* @__PURE__ */ b("div", {
+		...t,
+		className: v("kb-dialog-actions", e)
+	});
+}
+function Ye({ className: e, ...t }) {
+	return /* @__PURE__ */ b("div", {
+		...t,
+		className: v("kb-dialog-header", e)
+	});
+}
+function Xe({ className: e, ...t }) {
+	return /* @__PURE__ */ b("div", {
+		...t,
+		className: v("kb-dialog-body", e)
+	});
+}
+function Ze({ className: e, ...t }) {
+	return /* @__PURE__ */ b("div", {
+		...t,
+		className: v("kb-dialog-footer", e)
+	});
+}
+function Qe({ layout: e = "center", classNames: t, title: n, description: r, container: i, children: a, className: o, ...s }) {
+	let c = n != null && n !== "", l = r != null && r !== "", u = /* @__PURE__ */ x(y, { children: [c ? /* @__PURE__ */ b(Ke, { children: n }) : null, l ? /* @__PURE__ */ b(qe, { children: r }) : null] });
+	return /* @__PURE__ */ x(D.Portal, {
+		container: i,
+		children: [/* @__PURE__ */ b(D.Backdrop, { className: v("kb-dialog-backdrop", t?.backdrop) }), /* @__PURE__ */ x(D.Popup, {
+			...s,
+			"data-layout": e,
+			className: v("kb-dialog-popup", o),
+			children: [e === "drawer" && (c || l) ? /* @__PURE__ */ b(Ye, { children: u }) : u, a]
+		})]
+	});
+}
+var $e = Object.assign(Ue, {
+	Trigger: We,
+	Content: Qe,
+	Title: Ke,
+	Description: qe,
+	Close: Ge,
+	Actions: Je,
+	Header: Ye,
+	Body: Xe,
+	Footer: Ze
+}), et = "The action did not complete. Try again.";
+function tt({ title: e, description: t, details: n, onConfirm: r, onConfirmed: i, confirmLabel: a, pendingLabel: o, cancelLabel: s = "Cancel", errorMessage: c = et, open: l, defaultOpen: u = !1, onOpenChange: f, finalFocus: p, container: m, classNames: h, className: y, children: S, render: C = /* @__PURE__ */ b(Z, { variant: "danger" }), ...w }) {
+	let [T, E] = _(u), [D, O] = _(!1), [k, A] = _(null), j = g(null), M = g(!1), N = g(!1), P = g(!0), F = l ?? T, I = g(F), L = g(i), [R, z] = _(0);
+	d(() => {
+		I.current = F, L.current = i;
+	}), d(() => (P.current = !0, () => {
+		P.current = !1;
+	}), []), d(() => {
+		R > 0 && L.current?.();
+	}, [R]);
+	function B(e) {
+		l === void 0 && E(e), f?.(e);
+	}
+	async function V() {
+		if (!M.current) {
+			M.current = !0, O(!0), A(null);
+			try {
+				if (await r(), !P.current) return;
+				I.current ? (N.current = !0, B(!1)) : z((e) => e + 1);
+			} catch (e) {
+				P.current && A({ reason: e });
+			} finally {
+				M.current = !1, P.current && O(!1);
+			}
+		}
+	}
+	let U = a ?? S, W = k && (typeof c == "function" ? c(k.reason) : c);
+	return /* @__PURE__ */ x($e, {
+		open: F,
+		disablePointerDismissal: !0,
+		onOpenChange: (e, t) => {
+			M.current ? t.cancel() : (N.current = !1, A(null), B(e));
+		},
+		onOpenChangeComplete: (e) => {
+			N.current && (N.current = !1, e || z((e) => e + 1));
+		},
+		children: [/* @__PURE__ */ b($e.Trigger, {
+			...w,
+			render: C,
+			className: y,
+			children: S
+		}), /* @__PURE__ */ x($e.Content, {
+			title: e,
+			description: t,
+			initialFocus: j,
+			"aria-busy": D || void 0,
+			...p === void 0 ? {} : { finalFocus: p },
+			...m === void 0 ? {} : { container: m },
+			...h?.backdrop ? { classNames: { backdrop: h.backdrop } } : {},
+			...H("confirmaction", { pending: D }, h?.popup),
+			children: [
+				n == null ? null : /* @__PURE__ */ b("div", {
+					className: v("kb-confirmaction-details", h?.details),
+					children: n
+				}),
+				k ? /* @__PURE__ */ b(re, {
+					tone: "danger",
+					role: "alert",
+					className: v("kb-confirmaction-error", h?.error),
+					children: W
+				}) : null,
+				/* @__PURE__ */ x($e.Actions, { children: [/* @__PURE__ */ b($e.Close, {
+					ref: j,
+					render: /* @__PURE__ */ b(Z, {
+						variant: "ghost",
+						disabled: D,
+						focusableWhenDisabled: !0
+					}),
+					children: s
+				}), /* @__PURE__ */ b(Z, {
+					variant: "danger",
+					disabled: D,
+					focusableWhenDisabled: !0,
+					onClick: () => void V(),
+					children: D ? o ?? U : U
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/components/Container/Container.tsx
-function Ue({ as: e, size: t = "lg", gutter: n = !0, className: r, ...i }) {
+function nt({ as: e, size: t = "lg", gutter: n = !0, className: r, ...i }) {
 	return o(e ?? "div", {
 		...i,
 		"data-gutter": void 0,
@@ -2000,27 +2149,27 @@ function Ue({ as: e, size: t = "lg", gutter: n = !0, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/Link/Link.tsx
-var We = a("a");
-function Ge({ component: e, children: t }) {
-	return /* @__PURE__ */ b(We.Provider, {
+var rt = a("a");
+function it({ component: e, children: t }) {
+	return /* @__PURE__ */ b(rt.Provider, {
 		value: e,
 		children: t
 	});
 }
-function Ke() {
-	return u(We);
+function at() {
+	return u(rt);
 }
-function qe({ className: e, ...t }) {
-	let n = Ke();
+function ot({ className: e, ...t }) {
+	let n = at();
 	return /* @__PURE__ */ b(n, {
 		...t,
 		...H("link", {}, e)
 	});
 }
-var Je = Object.assign(qe, { Provider: Ge });
+var st = Object.assign(ot, { Provider: it });
 //#endregion
 //#region src/components/CopyableText/content.tsx
-function Ye(e, t) {
+function ct(e, t) {
 	let n = (typeof t == "string" ? [t] : t ?? []).filter(Boolean), r = [], i = 0;
 	for (; i < e.length;) {
 		let t;
@@ -2038,7 +2187,7 @@ function Ye(e, t) {
 	}
 	return r;
 }
-function Xe(e) {
+function lt(e) {
 	let t = [];
 	for (let n of e.matchAll(/(?:https?:\/\/|www\.)[^\s<>"'`\p{Cc}\u2018\u2019\u201c\u201d]+/giu)) {
 		if (/[a-z0-9@_.-]/i.test(e[n.index - 1] ?? "")) continue;
@@ -2072,7 +2221,7 @@ function Xe(e) {
 	}
 	return t.sort((e, t) => e.start - t.start);
 }
-var Ze = {
+var ut = {
 	ts: "ts",
 	tsx: "tsx",
 	typescript: "ts",
@@ -2088,11 +2237,11 @@ var Ze = {
 	text: "plain",
 	plain: "plain"
 };
-function Qe(e) {
+function dt(e) {
 	let t = e.trim(), n = /^```([^\s`]*)[^\S\r\n]*\r?\n[\s\S]*\r?\n```$/.exec(t);
 	if (n) {
 		let e = n[1]?.toLowerCase() ?? "";
-		return Object.hasOwn(Ze, e) ? Ze[e] : "plain";
+		return Object.hasOwn(ut, e) ? ut[e] : "plain";
 	}
 	if (/^[{[]/.test(t)) try {
 		return JSON.parse(t), "json";
@@ -2103,8 +2252,8 @@ function Qe(e) {
 	if (/^(?:(?:\$\s+)?(?:bun|npm|pnpm|yarn)\s+(?:add|install|run|test|exec|dlx|build)\b|(?:\$\s+)?git\s+(?:status|diff|log|add|commit|push|pull|fetch|checkout|switch|clone)\b|(?:\$\s+)?curl\s+(?:-|https?:\/\/))/.test(t)) return "bash";
 	if (/^(?:[.#@][\w-]|[a-z][\w-]*[\s:#.])[\s\S]*\{\s*[\w-]+\s*:/i.test(t)) return "css";
 }
-function $e(e, t) {
-	let n = Ye(e, t.highlight);
+function ft(e, t) {
+	let n = ct(e, t.highlight);
 	if (!t.linkify && !t.detectCode && !t.codeLanguage && n.length === 0) return e;
 	let r = (r, i) => {
 		if (r >= i) return null;
@@ -2140,14 +2289,14 @@ function $e(e, t) {
 	let a = t.detectCode ? [...e.matchAll(/`([^`\r\n]+)`/g)].map((e) => ({
 		start: e.index,
 		end: e.index + e[0].length
-	})) : [], o = t.linkify ? Xe(e).filter((e) => !a.some((t) => e.start < t.end && e.end > t.start)) : [], s = [...a.map((e) => ({
+	})) : [], o = t.linkify ? lt(e).filter((e) => !a.some((t) => e.start < t.end && e.end > t.start)) : [], s = [...a.map((e) => ({
 		...e,
 		kind: "code"
 	})), ...o.map((e) => ({
 		...e,
 		kind: "link"
 	}))].sort((e, t) => e.start - t.start), c = [], l = 0;
-	for (let n of s) c.push(r(l, n.start)), n.kind === "code" ? c.push(i(n.start, n.end, Qe(e.slice(n.start + 1, n.end - 1)) ?? "plain")) : c.push(/* @__PURE__ */ b(Je, {
+	for (let n of s) c.push(r(l, n.start)), n.kind === "code" ? c.push(i(n.start, n.end, dt(e.slice(n.start + 1, n.end - 1)) ?? "plain")) : c.push(/* @__PURE__ */ b(st, {
 		href: n.href,
 		className: v("kb-copyabletext-link", t.linkClassName),
 		children: r(n.start, n.end)
@@ -2156,8 +2305,8 @@ function $e(e, t) {
 }
 //#endregion
 //#region src/components/CopyableText/CopyableText.tsx
-function et({ value: e, label: t, appearance: n = "field", size: r = "md", mono: i = !0, tone: a = "neutral", truncate: o = !1, expandLabel: s = "Show full value", collapseLabel: c = "Show less", highlight: l, linkify: u, format: p = "auto", language: m, copyLabel: h = "Copy", copyingLabel: g = "Copying…", copiedLabel: y = "Copied", copyErrorLabel: S = "Retry copy", successMessage: C = "Copied to clipboard", errorMessage: w = "Copy failed. Select and copy the text manually.", disabled: T, feedbackDuration: E, onCopy: D, onCopyError: O, className: k, classNames: A, children: j, ...M }) {
-	let N = f(), P = p === "text" ? void 0 : m ?? (p === "code" ? "tsx" : Qe(e)), [F, I] = _({
+function pt({ value: e, label: t, appearance: n = "field", size: r = "md", mono: i = !0, tone: a = "neutral", truncate: o = !1, expandLabel: s = "Show full value", collapseLabel: c = "Show less", highlight: l, linkify: u, format: p = "auto", language: m, copyLabel: h = "Copy", copyingLabel: g = "Copying…", copiedLabel: y = "Copied", copyErrorLabel: S = "Retry copy", successMessage: C = "Copied to clipboard", errorMessage: w = "Copy failed. Select and copy the text manually.", disabled: T, feedbackDuration: E, onCopy: D, onCopyError: O, className: k, classNames: A, children: j, ...M }) {
+	let N = f(), P = p === "text" ? void 0 : m ?? (p === "code" ? "tsx" : dt(e)), [F, I] = _({
 		value: e,
 		open: !1
 	}), L = o && F.value === e && F.open;
@@ -2203,7 +2352,7 @@ function et({ value: e, label: t, appearance: n = "field", size: r = "md", mono:
 			/* @__PURE__ */ b("span", {
 				className: v("kb-copyabletext-value", A?.value),
 				id: N,
-				children: j != null && !L && R.state !== "failed" ? j : $e(e, {
+				children: j != null && !L && R.state !== "failed" ? j : ft(e, {
 					highlight: l,
 					linkify: (u ?? p !== "text") && (!o || L),
 					detectCode: p !== "text",
@@ -2245,8 +2394,35 @@ function et({ value: e, label: t, appearance: n = "field", size: r = "md", mono:
 	});
 }
 //#endregion
+//#region src/components/Dashboard/Dashboard.tsx
+var mt = ({ ref: e, header: t, metrics: n, primary: r, secondary: i, className: a, classNames: o, ...s }) => /* @__PURE__ */ x("div", {
+	...s,
+	ref: e,
+	...H("dashboard", {}, a),
+	children: [
+		t ? /* @__PURE__ */ b("div", {
+			className: v("kb-dashboard-header", o?.header),
+			children: t
+		}) : null,
+		n ? /* @__PURE__ */ b("div", {
+			className: v("kb-dashboard-metrics", o?.metrics),
+			children: n
+		}) : null,
+		r || i ? /* @__PURE__ */ x("div", {
+			className: v("kb-dashboard-panels", o?.panels),
+			children: [r ? /* @__PURE__ */ b("div", {
+				className: v("kb-dashboard-primary", o?.primary),
+				children: r
+			}) : null, i ? /* @__PURE__ */ b("div", {
+				className: v("kb-dashboard-secondary", o?.secondary),
+				children: i
+			}) : null]
+		}) : null
+	]
+});
+//#endregion
 //#region src/components/DescriptionList/DescriptionList.tsx
-function tt({ layout: e = "responsive", density: t = "comfortable", dividers: n = !0, className: r, ...i }) {
+function ht({ layout: e = "responsive", density: t = "comfortable", dividers: n = !0, className: r, ...i }) {
 	return /* @__PURE__ */ b("dl", {
 		...i,
 		...H("descriptionlist", {
@@ -2256,114 +2432,44 @@ function tt({ layout: e = "responsive", density: t = "comfortable", dividers: n
 		}, r)
 	});
 }
-function nt({ className: e, ...t }) {
+function gt({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		...H("descriptionlist-item", {}, e)
 	});
 }
-function rt({ className: e, ...t }) {
+function _t({ className: e, ...t }) {
 	return /* @__PURE__ */ b("dt", {
 		...t,
 		...H("descriptionlist-term", {}, e)
 	});
 }
-function it({ className: e, ...t }) {
+function vt({ className: e, ...t }) {
 	return /* @__PURE__ */ b("dd", {
 		...t,
 		...H("descriptionlist-detail", {}, e)
 	});
 }
-var at = Object.assign(tt, {
-	Item: nt,
-	Term: rt,
-	Detail: it
-});
-//#endregion
-//#region src/components/Dialog/Dialog.tsx
-function ot(e) {
-	return /* @__PURE__ */ b(D.Root, { ...e });
-}
-function st(e) {
-	return /* @__PURE__ */ b(D.Trigger, { ...e });
-}
-function ct(e) {
-	return /* @__PURE__ */ b(D.Close, { ...e });
-}
-function lt({ className: e, ...t }) {
-	return /* @__PURE__ */ b(D.Title, {
-		...t,
-		className: v("kb-dialog-title", e)
-	});
-}
-function ut({ className: e, ...t }) {
-	return /* @__PURE__ */ b(D.Description, {
-		...t,
-		className: v("kb-dialog-description", e)
-	});
-}
-function dt({ className: e, ...t }) {
-	return /* @__PURE__ */ b("div", {
-		...t,
-		className: v("kb-dialog-actions", e)
-	});
-}
-function ft({ className: e, ...t }) {
-	return /* @__PURE__ */ b("div", {
-		...t,
-		className: v("kb-dialog-header", e)
-	});
-}
-function pt({ className: e, ...t }) {
-	return /* @__PURE__ */ b("div", {
-		...t,
-		className: v("kb-dialog-body", e)
-	});
-}
-function mt({ className: e, ...t }) {
-	return /* @__PURE__ */ b("div", {
-		...t,
-		className: v("kb-dialog-footer", e)
-	});
-}
-function ht({ layout: e = "center", classNames: t, title: n, description: r, container: i, children: a, className: o, ...s }) {
-	let c = n != null && n !== "", l = r != null && r !== "", u = /* @__PURE__ */ x(y, { children: [c ? /* @__PURE__ */ b(lt, { children: n }) : null, l ? /* @__PURE__ */ b(ut, { children: r }) : null] });
-	return /* @__PURE__ */ x(D.Portal, {
-		container: i,
-		children: [/* @__PURE__ */ b(D.Backdrop, { className: v("kb-dialog-backdrop", t?.backdrop) }), /* @__PURE__ */ x(D.Popup, {
-			...s,
-			"data-layout": e,
-			className: v("kb-dialog-popup", o),
-			children: [e === "drawer" && (c || l) ? /* @__PURE__ */ b(ft, { children: u }) : u, a]
-		})]
-	});
-}
-var gt = Object.assign(ot, {
-	Trigger: st,
-	Content: ht,
-	Title: lt,
-	Description: ut,
-	Close: ct,
-	Actions: dt,
-	Header: ft,
-	Body: pt,
-	Footer: mt
+var yt = Object.assign(ht, {
+	Item: gt,
+	Term: _t,
+	Detail: vt
 });
 //#endregion
 //#region src/components/Disclosure/Disclosure.tsx
-function _t({ className: e, ...t }) {
+function bt({ className: e, ...t }) {
 	return /* @__PURE__ */ b(O.Root, {
 		...t,
 		...H("disclosure", {}, e)
 	});
 }
-function vt({ className: e, ...t }) {
+function xt({ className: e, ...t }) {
 	return /* @__PURE__ */ b(O.Trigger, {
 		...t,
 		...H("disclosure-trigger", {}, e)
 	});
 }
-function yt({ className: e, children: t, render: n, ...r }) {
+function St({ className: e, children: t, render: n, ...r }) {
 	return /* @__PURE__ */ b(O.Panel, {
 		...r,
 		...H("disclosure-panel", {}, e),
@@ -2378,16 +2484,16 @@ function yt({ className: e, children: t, render: n, ...r }) {
 		})
 	});
 }
-var bt = Object.assign(_t, {
-	Trigger: vt,
-	Panel: yt
-}), xt = {
+var Ct = Object.assign(bt, {
+	Trigger: xt,
+	Panel: St
+}), wt = {
 	2: "h2",
 	3: "h3",
 	4: "h4"
 };
-function St({ title: e, description: t, eyebrow: n, icon: r, actions: i, footer: a, headingLevel: o = 3, size: s = "md", variant: c = "surface", tone: l = "neutral", live: u = !1, className: d, classNames: f, children: p, ...m }) {
-	let h = xt[o];
+function Tt({ title: e, description: t, eyebrow: n, icon: r, actions: i, footer: a, headingLevel: o = 3, size: s = "md", variant: c = "surface", tone: l = "neutral", live: u = !1, className: d, classNames: f, children: p, ...m }) {
+	let h = wt[o];
 	return /* @__PURE__ */ x("div", {
 		...m,
 		...u ? { role: "status" } : {},
@@ -2436,14 +2542,14 @@ function St({ title: e, description: t, eyebrow: n, icon: r, actions: i, footer:
 }
 //#endregion
 //#region src/components/ErrorSummary/ErrorSummary.tsx
-var Ct = [
+var Et = [
 	"input:not(:disabled):not([type='hidden']):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
 	"textarea:not(:disabled):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
 	"select:not(:disabled):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
 	"button:not(:disabled):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
 	"[tabindex]:not([tabindex='-1']):not(:disabled):not([hidden]):not([aria-hidden='true']):not([aria-disabled='true'])"
 ].join(", ");
-function wt(e, t) {
+function Dt(e, t) {
 	if (!t.startsWith("#") || t.length < 2) return !1;
 	let n = t.slice(1), r = n;
 	try {
@@ -2453,10 +2559,10 @@ function wt(e, t) {
 	}
 	let i = e.getElementById(r);
 	if (!i) return !1;
-	let a = i.matches(Ct) ? i : i.querySelector(Ct) ?? (i.hasAttribute("tabindex") && !i.matches(":disabled") && !i.hidden ? i : null);
+	let a = i.matches(Et) ? i : i.querySelector(Et) ?? (i.hasAttribute("tabindex") && !i.matches(":disabled") && !i.hidden ? i : null);
 	return a ? (a.focus(), a.scrollIntoView?.({ block: "nearest" }), !0) : !1;
 }
-var Tt = ({ ref: e, title: t = "There is a problem", description: n, items: r, headingLevel: i = 2, onItemSelect: a, tabIndex: o = -1, className: s, classNames: c, "aria-labelledby": l, "aria-describedby": u, ...d }) => {
+var Ot = ({ ref: e, title: t = "There is a problem", description: n, items: r, headingLevel: i = 2, onItemSelect: a, tabIndex: o = -1, className: s, classNames: c, "aria-labelledby": l, "aria-describedby": u, ...d }) => {
 	let p = f();
 	if (r.length === 0) return null;
 	let m = d.id ?? `kb-errorsummary-${p}`, h = `${m}-title`, g = n ? `${m}-description` : void 0, _ = l ?? h, y = [g, u].filter(Boolean).join(" ") || void 0, S = `h${i}`, C = /* @__PURE__ */ new Map();
@@ -2491,7 +2597,7 @@ var Tt = ({ ref: e, title: t = "There is a problem", description: n, items: r, h
 							href: e.href,
 							className: v("kb-errorsummary-link", c?.link),
 							onClick: (t) => {
-								a?.(e.href, t), !t.defaultPrevented && wt(t.currentTarget.ownerDocument, e.href) && t.preventDefault();
+								a?.(e.href, t), !t.defaultPrevented && Dt(t.currentTarget.ownerDocument, e.href) && t.preventDefault();
 							},
 							children: e.label
 						})
@@ -2500,7 +2606,7 @@ var Tt = ({ ref: e, title: t = "There is a problem", description: n, items: r, h
 			})
 		]
 	});
-}, Et = ({ ref: e, legend: t, visuallyHidden: n, description: r, error: i, disabled: a, className: o, classNames: s, children: c, "aria-describedby": l, "aria-invalid": u, ...d }) => {
+}, kt = ({ ref: e, legend: t, visuallyHidden: n, description: r, error: i, disabled: a, className: o, classNames: s, children: c, "aria-describedby": l, "aria-invalid": u, ...d }) => {
 	let p = f(), m = d.id ?? `kb-fieldset-${p}`, h = !!i, { invalid: g, ariaInvalid: _ } = U(h, u), y = r ? `${m}-description` : void 0, S = h ? `${m}-error` : void 0, C = [
 		y,
 		S,
@@ -2537,8 +2643,8 @@ var Tt = ({ ref: e, title: t = "There is a problem", description: n, items: r, h
 			}) : null
 		]
 	});
-}, Dt = (e) => `Remove ${e.name}`, Ot = (e) => `${e.name} removed.`, kt = (e) => `${e} ${e === 1 ? "file" : "files"} selected.`;
-function At({ classNames: e, label: t, items: n, onFiles: r, onRemove: i, accept: a, multiple: o = !0, disabled: s = !1, readOnly: c = !1, description: l, error: u, visuallyHidden: d, chooseLabel: h = "Choose files", emptyMessage: S = "No files added.", removeLabel: C = Dt, removedMessage: w = Ot, selectionMessage: T = kt, renderItem: E, triggerClassName: D, listClassName: O, itemClassName: k, inputRef: A, triggerRef: j, className: M, onBlurCapture: N, "aria-describedby": P, "aria-invalid": F, ...I }) {
+}, At = (e) => `Remove ${e.name}`, jt = (e) => `${e.name} removed.`, Mt = (e) => `${e} ${e === 1 ? "file" : "files"} selected.`;
+function Nt({ classNames: e, label: t, items: n, onFiles: r, onRemove: i, accept: a, multiple: o = !0, disabled: s = !1, readOnly: c = !1, description: l, error: u, visuallyHidden: d, chooseLabel: h = "Choose files", emptyMessage: S = "No files added.", removeLabel: C = At, removedMessage: w = jt, selectionMessage: T = Mt, renderItem: E, triggerClassName: D, listClassName: O, itemClassName: k, inputRef: A, triggerRef: j, className: M, onBlurCapture: N, "aria-describedby": P, "aria-invalid": F, ...I }) {
 	let L = f(), R = g(null), z = g(null), B = g(/* @__PURE__ */ new Map()), V = g(null), [W, G] = _("");
 	p(A, () => R.current), p(j, () => z.current);
 	let { invalid: K, ariaInvalid: q } = U(!!u, F), J = s || c, ee = [
@@ -2676,7 +2782,7 @@ function At({ classNames: e, label: t, items: n, onFiles: r, onRemove: i, accept
 }
 //#endregion
 //#region src/components/FormActions/FormActions.tsx
-var jt = ({ ref: e, align: t = "end", divider: n = !1, className: r, children: i, ...a }) => /* @__PURE__ */ b("div", {
+var Pt = ({ ref: e, align: t = "end", divider: n = !1, className: r, children: i, ...a }) => /* @__PURE__ */ b("div", {
 	...a,
 	ref: e,
 	...H("formactions", {
@@ -2684,10 +2790,97 @@ var jt = ({ ref: e, align: t = "end", divider: n = !1, className: r, children: i
 		divider: n
 	}, r),
 	children: i
-});
+}), Ft = ({ ref: e, header: t, actions: n, actionsAlign: r = "end", width: i = "md", className: a, classNames: o, children: s, ...c }) => /* @__PURE__ */ x("form", {
+	...c,
+	ref: e,
+	...H("form", { width: i }, a),
+	children: [
+		t ? /* @__PURE__ */ b("div", {
+			className: v("kb-form-header", o?.header),
+			children: t
+		}) : null,
+		/* @__PURE__ */ b("div", {
+			className: v("kb-form-body", o?.body),
+			children: s
+		}),
+		n ? /* @__PURE__ */ b(Pt, {
+			align: r,
+			divider: !0,
+			className: v("kb-form-actions", o?.actions),
+			children: n
+		}) : null
+	]
+}), It = {
+	1: "xl",
+	2: "lg",
+	3: "md",
+	4: "sm",
+	5: "sm",
+	6: "sm"
+};
+function Lt({ level: e = 2, size: t = It[e], className: n, ...r }) {
+	return o(`h${e}`, {
+		...r,
+		...H("heading", { size: t }, n)
+	});
+}
+//#endregion
+//#region src/components/FormSection/FormSection.tsx
+var Rt = ({ ref: e, title: t, headingLevel: n = 2, description: r, error: i, actions: a, actionsAlign: o = "end", layout: s, disabled: c, className: l, classNames: u, children: d, "aria-describedby": p, "aria-invalid": m, ...h }) => {
+	let g = f(), _ = h.id ?? `kb-formsection-${g}`, y = !!i, { invalid: S, ariaInvalid: C } = U(y, m), w = `${_}-title`, T = r ? `${_}-description` : void 0, E = y ? `${_}-error` : void 0, D = [
+		T,
+		E,
+		p
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ x("fieldset", {
+		"aria-labelledby": h["aria-label"] ? void 0 : w,
+		...h,
+		ref: e,
+		disabled: c,
+		"aria-invalid": C,
+		"aria-describedby": D,
+		...H("formsection", {
+			layout: s,
+			disabled: !!c,
+			invalid: S
+		}, l),
+		children: [/* @__PURE__ */ x("div", {
+			className: v("kb-formsection-header", u?.header),
+			children: [/* @__PURE__ */ b(Lt, {
+				level: n,
+				size: "md",
+				id: w,
+				className: v("kb-formsection-title", u?.title),
+				children: t
+			}), r ? /* @__PURE__ */ b("p", {
+				id: T,
+				className: v("kb-formsection-description", u?.description),
+				children: r
+			}) : null]
+		}), /* @__PURE__ */ x("div", {
+			className: v("kb-formsection-body", u?.body),
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: v("kb-formsection-fields", u?.fields),
+					children: d
+				}),
+				y ? /* @__PURE__ */ b("div", {
+					id: E,
+					className: v("kb-formsection-error", u?.error),
+					children: i
+				}) : null,
+				a ? /* @__PURE__ */ b(Pt, {
+					align: o,
+					className: v("kb-formsection-actions", u?.actions),
+					children: a
+				}) : null
+			]
+		})]
+	});
+};
 //#endregion
 //#region src/components/Grid/Grid.tsx
-function Mt({ as: e, layout: t = "auto", columns: n, minItemWidth: r, gap: i, align: a, className: s, ...c }) {
+function zt({ as: e, layout: t = "auto", columns: n, minItemWidth: r, gap: i, align: a, className: s, ...c }) {
 	return o(e ?? "div", {
 		...c,
 		...H("grid", {
@@ -2700,24 +2893,48 @@ function Mt({ as: e, layout: t = "auto", columns: n, minItemWidth: r, gap: i, al
 	});
 }
 //#endregion
-//#region src/components/Heading/Heading.tsx
-var Nt = {
-	1: "xl",
-	2: "lg",
-	3: "md",
-	4: "sm",
-	5: "sm",
-	6: "sm"
-};
-function Pt({ level: e = 2, size: t = Nt[e], className: n, ...r }) {
-	return o(`h${e}`, {
-		...r,
-		...H("heading", { size: t }, n)
+//#region src/components/Gallery/Gallery.tsx
+function Bt(e) {
+	return n.toArray(e).some((e) => c(e) && e.type === r ? Bt(e.props.children) : !0);
+}
+function Vt({ ref: e, header: t, filters: n, itemsLabel: r, empty: i, className: a, classNames: o, children: s, ...c }) {
+	let l = i != null && !Bt(s);
+	return /* @__PURE__ */ x("div", {
+		...c,
+		ref: e,
+		...H("gallery", {}, a),
+		children: [
+			t == null ? null : /* @__PURE__ */ b("div", {
+				className: v("kb-gallery-header", o?.header),
+				children: t
+			}),
+			n == null ? null : /* @__PURE__ */ b("div", {
+				className: v("kb-gallery-filters", o?.filters),
+				children: n
+			}),
+			l ? /* @__PURE__ */ b("div", {
+				className: v("kb-gallery-empty", o?.empty),
+				children: i
+			}) : /* @__PURE__ */ b(zt, {
+				as: "ul",
+				gap: "lg",
+				"aria-label": r,
+				className: v("kb-gallery-items", o?.items),
+				children: s
+			})
+		]
+	});
+}
+function Ht({ featured: e, className: t, ...n }) {
+	return /* @__PURE__ */ b("li", {
+		...n,
+		...H("gallery-item", { featured: e }, t)
 	});
 }
+var Ut = Object.assign(Vt, { Item: Ht });
 //#endregion
 //#region src/components/Inline/Inline.tsx
-function Ft({ as: e, gap: t = "md", align: n = "center", justify: r = "start", className: i, ...a }) {
+function Wt({ as: e, gap: t = "md", align: n = "center", justify: r = "start", className: i, ...a }) {
 	return o(e ?? "div", {
 		...a,
 		...H("inline", {
@@ -2729,8 +2946,8 @@ function Ft({ as: e, gap: t = "md", align: n = "center", justify: r = "start", c
 }
 //#endregion
 //#region src/components/Menu/Menu.tsx
-var It = a(!1);
-function Lt({ onOpenChange: e, ...t }) {
+var Gt = a(!1);
+function Kt({ onOpenChange: e, ...t }) {
 	let [n, r] = _(!1);
 	return d(() => {
 		if (!n) return;
@@ -2739,7 +2956,7 @@ function Lt({ onOpenChange: e, ...t }) {
 			capture: !0,
 			once: !0
 		}), () => document.removeEventListener("keydown", e, !0);
-	}, [n]), /* @__PURE__ */ b(It.Provider, {
+	}, [n]), /* @__PURE__ */ b(Gt.Provider, {
 		value: n,
 		children: /* @__PURE__ */ b(k.Root, {
 			...t,
@@ -2750,15 +2967,15 @@ function Lt({ onOpenChange: e, ...t }) {
 		})
 	});
 }
-function Rt(e) {
-	let t = u(It);
+function qt(e) {
+	let t = u(Gt);
 	return /* @__PURE__ */ b(k.Trigger, {
 		...e,
 		"data-kb-menu-trigger": "",
 		"data-pointer-focus": t || void 0
 	});
 }
-function zt({ side: e = "bottom", align: t = "start", className: n, container: r, ...i }) {
+function Jt({ side: e = "bottom", align: t = "start", className: n, container: r, ...i }) {
 	return /* @__PURE__ */ b(k.Portal, {
 		container: r,
 		children: /* @__PURE__ */ b(k.Positioner, {
@@ -2772,27 +2989,27 @@ function zt({ side: e = "bottom", align: t = "start", className: n, container: r
 		})
 	});
 }
-function Bt({ className: e, ...t }) {
+function Yt({ className: e, ...t }) {
 	return /* @__PURE__ */ b(k.Item, {
 		...t,
 		className: v("kb-menu-item", e)
 	});
 }
-function Vt({ className: e, ...t }) {
+function Xt({ className: e, ...t }) {
 	return /* @__PURE__ */ b(A, {
 		...t,
 		className: v("kb-menu-separator", e)
 	});
 }
-var Ht = Object.assign(Lt, {
-	Trigger: Rt,
-	Content: zt,
-	Item: Bt,
-	Separator: Vt
+var Zt = Object.assign(Kt, {
+	Trigger: qt,
+	Content: Jt,
+	Item: Yt,
+	Separator: Xt
 });
 //#endregion
 //#region src/components/NumberField/NumberField.tsx
-function Ut({ classNames: e, label: t, value: n, onValueChange: r, min: i, max: a, step: o = 1, locale: s, name: c, form: l, required: u, disabled: d = !1, readOnly: p = !1, visuallyHidden: m, description: h, error: g, size: _ = "md", inputClassName: y, groupClassName: S, inputRef: C, inputProps: w, decrementLabel: T = `Decrease ${t}`, incrementLabel: E = `Increase ${t}`, className: D, "aria-describedby": O, "aria-invalid": k, ...A }) {
+function Qt({ classNames: e, label: t, value: n, onValueChange: r, min: i, max: a, step: o = 1, locale: s, name: c, form: l, required: u, disabled: d = !1, readOnly: p = !1, visuallyHidden: m, description: h, error: g, size: _ = "md", inputClassName: y, groupClassName: S, inputRef: C, inputProps: w, decrementLabel: T = `Decrease ${t}`, incrementLabel: E = `Increase ${t}`, className: D, "aria-describedby": O, "aria-invalid": k, ...A }) {
 	let M = f(), { invalid: N, ariaInvalid: P } = U(!!g, w?.["aria-invalid"] ?? k), F = [
 		h ? `${M}-description` : null,
 		g ? `${M}-error` : null,
@@ -2871,19 +3088,76 @@ function Ut({ classNames: e, label: t, value: n, onValueChange: r, min: i, max:
 	});
 }
 //#endregion
+//#region src/components/PageHeader/PageHeader.tsx
+var $t = {
+	1: "h1",
+	2: "h2",
+	3: "h3"
+};
+function en({ title: e, description: t, eyebrow: n, navigation: r, meta: i, actions: a, headingLevel: o = 1, size: s = "md", divider: c = !1, className: l, classNames: u, children: d, ...f }) {
+	let p = $t[o];
+	return /* @__PURE__ */ x("div", {
+		...f,
+		...H("pageheader", {
+			size: s,
+			divider: c
+		}, l),
+		children: [
+			r == null ? null : /* @__PURE__ */ b("div", {
+				className: v("kb-pageheader-navigation", u?.navigation),
+				children: r
+			}),
+			/* @__PURE__ */ x("div", {
+				className: v("kb-pageheader-main", u?.main),
+				children: [/* @__PURE__ */ x("div", {
+					className: v("kb-pageheader-heading", u?.heading),
+					children: [
+						n == null ? null : /* @__PURE__ */ b("p", {
+							className: v("kb-pageheader-eyebrow", u?.eyebrow),
+							children: n
+						}),
+						/* @__PURE__ */ x("div", {
+							className: v("kb-pageheader-headline", u?.headline),
+							children: [/* @__PURE__ */ b(p, {
+								className: v("kb-pageheader-title", u?.title),
+								children: e
+							}), i == null ? null : /* @__PURE__ */ b("div", {
+								className: v("kb-pageheader-meta", u?.meta),
+								children: i
+							})]
+						}),
+						t == null ? null : /* @__PURE__ */ b("p", {
+							className: v("kb-pageheader-description", u?.description),
+							children: t
+						})
+					]
+				}), a == null ? null : /* @__PURE__ */ b("div", {
+					className: v("kb-pageheader-actions", u?.actions),
+					children: a
+				})]
+			}),
+			d == null ? null : /* @__PURE__ */ b("div", {
+				className: v("kb-pageheader-body", u?.body),
+				children: d
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/Panel/Panel.tsx
-var Wt = a(!1), Gt = a(!1), Kt = a("column"), qt = (e) => e?.previousElementSibling;
-function Jt({ tone: e = "default", rail: t = "none", density: n = "standard", collapsible: r = !1, open: i, defaultOpen: a, onOpenChange: o, className: s, children: c, ref: l, ...d }) {
-	let f = H("panel", {
+var tn = a(!1), nn = a(!1), rn = a("column"), an = (e) => e?.previousElementSibling;
+function on({ tone: e = "default", rail: t = "none", density: n = "standard", opaque: r = !1, collapsible: i = !1, open: a, defaultOpen: o, onOpenChange: s, className: c, children: l, ref: d, ...f }) {
+	let p = H("panel", {
 		tone: e,
 		rail: t,
 		density: n,
-		nested: u(Wt),
-		collapsible: r
-	}, s), p = /* @__PURE__ */ b(Wt, {
+		nested: u(tn),
+		opaque: r,
+		collapsible: i
+	}, c), m = /* @__PURE__ */ b(tn, {
 		value: !0,
-		children: /* @__PURE__ */ x(Gt, {
-			value: r,
+		children: /* @__PURE__ */ x(nn, {
+			value: i,
 			children: [
 				/* @__PURE__ */ b("span", {
 					className: "kb-panel-glow",
@@ -2894,65 +3168,65 @@ function Jt({ tone: e = "default", rail: t = "none", density: n = "standard", co
 					"aria-hidden": "true",
 					children: t === "none" ? null : /* @__PURE__ */ b("span", { className: "kb-panel-rail" })
 				}),
-				c
+				l
 			]
 		})
 	});
-	return r ? /* @__PURE__ */ b(O.Root, {
-		...d,
-		ref: l,
-		...i === void 0 ? {} : { open: i },
-		...a === void 0 ? {} : { defaultOpen: a },
-		...o ? { onOpenChange: (e) => o(e) } : {},
-		render: /* @__PURE__ */ b("section", {}),
+	return i ? /* @__PURE__ */ b(O.Root, {
 		...f,
-		children: p
+		ref: d,
+		...a === void 0 ? {} : { open: a },
+		...o === void 0 ? {} : { defaultOpen: o },
+		...s ? { onOpenChange: (e) => s(e) } : {},
+		render: /* @__PURE__ */ b("section", {}),
+		...p,
+		children: m
 	}) : /* @__PURE__ */ b("section", {
-		...d,
-		ref: l,
 		...f,
-		children: p
+		ref: d,
+		...p,
+		children: m
 	});
 }
-function Yt({ className: e, ...t }) {
+function sn({ className: e, ...t }) {
 	return /* @__PURE__ */ b("header", {
 		...t,
 		className: v("kb-panel-header", e)
 	});
 }
-function Xt({ className: e, ...t }) {
+function cn({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		className: v("kb-panel-toolbar", e)
 	});
 }
-function Zt({ className: e, ...t }) {
-	let n = u(Gt), r = v("kb-panel-body", e);
+function ln({ className: e, ...t }) {
+	let n = u(nn), r = v("kb-panel-body", e);
 	return b(n ? O.Panel : "div", {
 		...t,
 		className: r
 	});
 }
-function Qt({ className: e, ...t }) {
+function un({ className: e, ...t }) {
 	return /* @__PURE__ */ b("footer", {
 		...t,
 		className: v("kb-panel-footer", e)
 	});
 }
-function $t({ className: e, ...t }) {
+function dn({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		className: v("kb-panel-well", e)
 	});
 }
-function en({ className: e, ...t }) {
+function fn({ className: e, ...t }) {
 	return /* @__PURE__ */ b(O.Trigger, {
 		...t,
 		className: v("kb-panel-toggle", e)
 	});
 }
-function tn({ direction: e = "column", className: t, ...n }) {
-	return /* @__PURE__ */ b(Kt, {
+function pn({ direction: e = "column", className: t, ...n }) {
+	return /* @__PURE__ */ b(rn, {
 		value: e,
 		children: /* @__PURE__ */ b("div", {
 			...n,
@@ -2960,13 +3234,13 @@ function tn({ direction: e = "column", className: t, ...n }) {
 		})
 	});
 }
-function nn({ size: e, defaultSize: t = 50, min: n = 10, max: r = 90, step: i = 5, onSizeChange: a, className: o, ref: s, onKeyDown: c, onPointerDown: l, onPointerMove: d, onPointerUp: p, onPointerCancel: h, ...v }) {
-	let y = u(Kt) === "row", x = (e) => Math.min(r, Math.max(n, e)), [S, C] = _(t), w = x(e ?? S), [T, E] = _(), [D, O] = _(!1), k = g(w), A = g(null), j = f();
+function mn({ size: e, defaultSize: t = 50, min: n = 10, max: r = 90, step: i = 5, onSizeChange: a, className: o, ref: s, onKeyDown: c, onPointerDown: l, onPointerMove: d, onPointerUp: p, onPointerCancel: h, ...v }) {
+	let y = u(rn) === "row", x = (e) => Math.min(r, Math.max(n, e)), [S, C] = _(t), w = x(e ?? S), [T, E] = _(), [D, O] = _(!1), k = g(w), A = g(null), j = f();
 	m(() => {
-		let e = qt(A.current);
+		let e = an(A.current);
 		e && (e.id ||= j, E(e.id));
 	}, [j]), m(() => {
-		qt(A.current)?.style.setProperty("--kb-panel-size", `${w}%`);
+		an(A.current)?.style.setProperty("--kb-panel-size", `${w}%`);
 	}, [w]);
 	let M = (t) => {
 		let n = x(t);
@@ -2985,7 +3259,7 @@ function nn({ size: e, defaultSize: t = 50, min: n = 10, max: r = 90, step: i =
 		l?.(e), !(e.defaultPrevented || e.button !== 0) && (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), O(!0));
 	}, I = (e) => {
 		d?.(e);
-		let t = A.current?.parentElement?.getBoundingClientRect(), n = qt(A.current)?.getBoundingClientRect();
+		let t = A.current?.parentElement?.getBoundingClientRect(), n = an(A.current)?.getBoundingClientRect();
 		if (!D || !t || !n) return;
 		let r = y ? e.clientX - n.left : e.clientY - n.top, i = y ? t.width : t.height;
 		i > 0 && M(Math.round(r / i * 1e3) / 10);
@@ -3020,58 +3294,58 @@ function nn({ size: e, defaultSize: t = 50, min: n = 10, max: r = 90, step: i =
 		}, o)
 	});
 }
-var rn = Object.assign(Jt, {
-	Header: Yt,
-	Toolbar: Xt,
-	Body: Zt,
-	Footer: Qt,
-	Well: $t,
-	Toggle: en,
-	Group: tn,
-	Handle: nn
+var hn = Object.assign(on, {
+	Header: sn,
+	Toolbar: cn,
+	Body: ln,
+	Footer: un,
+	Well: dn,
+	Toggle: fn,
+	Group: pn,
+	Handle: mn
 });
 //#endregion
 //#region src/components/Popover/Popover.tsx
-function an(e) {
+function gn(e) {
 	return /* @__PURE__ */ b(M.Root, { ...e });
 }
-function on(e) {
+function _n(e) {
 	return /* @__PURE__ */ b(M.Trigger, { ...e });
 }
-function sn(e) {
+function vn(e) {
 	return /* @__PURE__ */ b(M.Close, { ...e });
 }
-function cn({ className: e, ...t }) {
+function yn({ className: e, ...t }) {
 	return /* @__PURE__ */ b(M.Title, {
 		...t,
 		...H("popover-title", {}, e)
 	});
 }
-function ln({ className: e, ...t }) {
+function bn({ className: e, ...t }) {
 	return /* @__PURE__ */ b(M.Description, {
 		...t,
 		...H("popover-description", {}, e)
 	});
 }
-function un({ className: e, ...t }) {
+function xn({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		...H("popover-header", {}, e)
 	});
 }
-function dn({ className: e, ...t }) {
+function Sn({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		...H("popover-body", {}, e)
 	});
 }
-function fn({ className: e, ...t }) {
+function Cn({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		...H("popover-footer", {}, e)
 	});
 }
-function pn({ title: e, description: t, container: n, side: r = "bottom", align: i = "start", sideOffset: a = 6, positionerProps: o, classNames: s, className: c, children: l, ...u }) {
+function wn({ title: e, description: t, container: n, side: r = "bottom", align: i = "start", sideOffset: a = 6, positionerProps: o, classNames: s, className: c, children: l, ...u }) {
 	let d = e != null && e !== "", f = t != null && t !== "";
 	return /* @__PURE__ */ b(M.Portal, {
 		container: n,
@@ -3084,24 +3358,24 @@ function pn({ title: e, description: t, container: n, side: r = "bottom", align:
 			children: /* @__PURE__ */ x(M.Popup, {
 				...u,
 				...H("popover", {}, c),
-				children: [d || f ? /* @__PURE__ */ x(un, { children: [d ? /* @__PURE__ */ b(cn, { children: e }) : null, f ? /* @__PURE__ */ b(ln, { children: t }) : null] }) : null, l]
+				children: [d || f ? /* @__PURE__ */ x(xn, { children: [d ? /* @__PURE__ */ b(yn, { children: e }) : null, f ? /* @__PURE__ */ b(bn, { children: t }) : null] }) : null, l]
 			})
 		})
 	});
 }
-var mn = Object.assign(an, {
-	Trigger: on,
-	Content: pn,
-	Title: cn,
-	Description: ln,
-	Close: sn,
-	Header: un,
-	Body: dn,
-	Footer: fn
+var Tn = Object.assign(gn, {
+	Trigger: _n,
+	Content: wn,
+	Title: yn,
+	Description: bn,
+	Close: vn,
+	Header: xn,
+	Body: Sn,
+	Footer: Cn
 });
 //#endregion
 //#region src/components/Progress/Progress.tsx
-function hn({ classNames: e, label: t, value: n, valueText: r, className: i, ...a }) {
+function En({ classNames: e, label: t, value: n, valueText: r, className: i, ...a }) {
 	return /* @__PURE__ */ x(N.Root, {
 		...a,
 		value: n,
@@ -3124,8 +3398,8 @@ function hn({ classNames: e, label: t, value: n, valueText: r, className: i, ...
 }
 //#endregion
 //#region src/components/RadioGroup/RadioGroup.tsx
-var gn = a(null);
-function _n({ segmented: e, className: t, children: n }) {
+var Dn = a(null);
+function On({ segmented: e, className: t, children: n }) {
 	let r = g(null), [i, a] = _(null);
 	return m(() => {
 		let t = r.current;
@@ -3171,8 +3445,8 @@ function _n({ segmented: e, className: t, children: n }) {
 		}), n]
 	});
 }
-function vn({ checked: e, disabled: t, customTabIndex: n, ...r }) {
-	let i = u(gn), a = i?.update, o = i?.remove, s = f(), c = !t && (n === void 0 || n >= 0);
+function kn({ checked: e, disabled: t, customTabIndex: n, ...r }) {
+	let i = u(Dn), a = i?.update, o = i?.remove, s = f(), c = !t && (n === void 0 || n >= 0);
 	m(() => () => {
 		o?.(s);
 	}, [o, s]), m(() => {
@@ -3197,7 +3471,7 @@ function vn({ checked: e, disabled: t, customTabIndex: n, ...r }) {
 		}
 	});
 }
-function yn({ classNames: e, label: t, value: n, onValueChange: r, disabled: i = !1, appearance: a = "standard", selectionMotion: o = "slide", selectionTone: s = "primary", name: c, description: u, error: d, visuallyHidden: p, className: m, children: h, onFocusCapture: y, onBlurCapture: S, "aria-invalid": C, ...w }) {
+function An({ classNames: e, label: t, value: n, onValueChange: r, disabled: i = !1, appearance: a = "standard", selectionMotion: o = "slide", selectionTone: s = "primary", name: c, description: u, error: d, visuallyHidden: p, className: m, children: h, onFocusCapture: y, onBlurCapture: S, "aria-invalid": C, ...w }) {
 	let T = f(), { invalid: E, ariaInvalid: D } = U(!!d, C), O = g(null), [k, A] = _(!1), j = l((e) => {
 		O.current = e;
 	}, []), [M, N] = _(() => /* @__PURE__ */ new Map()), P = l((e, t) => {
@@ -3216,7 +3490,7 @@ function yn({ classNames: e, label: t, value: n, onValueChange: r, disabled: i =
 		d ? `${T}-error` : null,
 		w["aria-describedby"]
 	].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ b(gn.Provider, {
+	return /* @__PURE__ */ b(Dn.Provider, {
 		value: {
 			target: R,
 			update: P,
@@ -3254,7 +3528,7 @@ function yn({ classNames: e, label: t, value: n, onValueChange: r, disabled: i =
 					id: `${T}-label`,
 					children: t
 				}),
-				/* @__PURE__ */ b(_n, {
+				/* @__PURE__ */ b(On, {
 					segmented: a === "segmented",
 					className: e?.options,
 					children: h
@@ -3273,13 +3547,13 @@ function yn({ classNames: e, label: t, value: n, onValueChange: r, disabled: i =
 		})
 	});
 }
-function bn({ classNames: e, className: t, children: n, controlClassName: r, ...i }) {
+function jn({ classNames: e, className: t, children: n, controlClassName: r, ...i }) {
 	return /* @__PURE__ */ x("label", {
 		className: v("kb-radiogroup-item", e?.item, t),
 		children: [/* @__PURE__ */ b(P.Root, {
 			...i,
 			className: v("kb-radiogroup-control", e?.control, r),
-			render: (e, t) => /* @__PURE__ */ b(vn, {
+			render: (e, t) => /* @__PURE__ */ b(kn, {
 				...e,
 				checked: t.checked,
 				disabled: t.disabled,
@@ -3292,10 +3566,10 @@ function bn({ classNames: e, className: t, children: n, controlClassName: r, ...
 		})]
 	});
 }
-var xn = Object.assign(yn, { Item: bn });
+var Mn = Object.assign(An, { Item: jn });
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.tsx
-function Sn({ classNames: e, label: t, maxHeight: n, className: r, style: i, children: a, ...o }) {
+function Nn({ classNames: e, label: t, maxHeight: n, className: r, style: i, children: a, ...o }) {
 	let s = n ? { "--_scrollarea-max-height": n } : {};
 	return /* @__PURE__ */ x(I.Root, {
 		...o,
@@ -3319,7 +3593,7 @@ function Sn({ classNames: e, label: t, maxHeight: n, className: r, style: i, chi
 }
 //#endregion
 //#region src/components/Separator/Separator.tsx
-function Cn({ orientation: e = "horizontal", decorative: t = !1, className: n, ...r }) {
+function Pn({ orientation: e = "horizontal", decorative: t = !1, className: n, ...r }) {
 	return /* @__PURE__ */ b("hr", {
 		...r,
 		...H("separator", { orientation: e }, n),
@@ -3329,46 +3603,67 @@ function Cn({ orientation: e = "horizontal", decorative: t = !1, className: n, .
 	});
 }
 //#endregion
+//#region src/components/Settings/Settings.tsx
+var Fn = ({ ref: e, header: t, className: n, classNames: r, children: i, ...a }) => /* @__PURE__ */ x("div", {
+	...a,
+	ref: e,
+	...H("settings", {}, n),
+	children: [t ? /* @__PURE__ */ b("div", {
+		className: v("kb-settings-header", r?.header),
+		children: t
+	}) : null, /* @__PURE__ */ b("div", {
+		className: v("kb-settings-sections", r?.sections),
+		children: i
+	})]
+});
+//#endregion
 //#region src/components/Skeleton/Skeleton.tsx
-function wn(e) {
+function In(e) {
 	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
 }
-var Tn = s(function({ variant: e = "text", size: t = "md", lines: n = 1, animated: r = !0, animation: i = "shimmer", tone: a = "default", loading: o = !0, width: s, height: c, style: l, className: u, classNames: d, children: f, ...p }, m) {
-	let h = e === "text" ? Math.max(1, Math.trunc(n)) : 1, g = wn(s), _ = wn(c), y = r && i !== "none", x = g === void 0 ? l : {
-		...l,
-		inlineSize: g
-	}, S = _ === void 0 ? void 0 : { blockSize: _ }, C = Array.from({ length: h }, (e, t) => t);
-	return /* @__PURE__ */ b("div", {
-		ref: m,
-		"aria-hidden": o ? "true" : void 0,
-		style: x,
-		...p,
+var Ln = s(function({ variant: e = "text", size: t = "md", lines: n = 1, animated: r = !0, animation: i = "shimmer", tone: a = "default", loading: o = !0, label: s = "Loading", width: c, height: l, style: u, className: d, classNames: f, children: p, ...m }, h) {
+	let g = e === "auto" && p != null && typeof p != "boolean", _ = e === "auto" && !g ? "text" : e, y = o && !g, S = o && g, C = _ === "text" ? Math.max(1, Math.trunc(n)) : 1, w = In(c), T = In(l), E = r && i !== "none", D = w === void 0 ? u : {
+		...u,
+		inlineSize: w
+	}, O = T === void 0 ? void 0 : { blockSize: T }, k = Array.from({ length: C }, (e, t) => t);
+	return /* @__PURE__ */ x("div", {
+		ref: h,
+		"aria-hidden": y ? "true" : void 0,
+		"aria-busy": S ? "true" : void 0,
+		style: D,
+		...m,
 		...H("skeleton", {
-			variant: e,
+			variant: _,
 			size: t,
 			tone: a,
-			animation: y ? i : !1,
-			animated: y,
+			animation: E ? i : !1,
+			animated: E,
 			loaded: !o
-		}, d?.root ?? u),
-		children: o ? C.map((e) => /* @__PURE__ */ b("span", {
-			style: S,
-			className: v("kb-skeleton-line", d?.line)
+		}, f?.root ?? d),
+		children: [y ? k.map((e) => /* @__PURE__ */ b("span", {
+			style: O,
+			className: v("kb-skeleton-line", f?.line)
 		}, `line-${e}`)) : /* @__PURE__ */ b("div", {
-			className: v("kb-skeleton-content", d?.content),
-			children: f
-		})
+			className: v("kb-skeleton-content", f?.content),
+			inert: S,
+			"aria-hidden": S ? "true" : void 0,
+			children: p
+		}), S ? /* @__PURE__ */ b("span", {
+			role: "status",
+			className: v("kb-sr-only", f?.status),
+			children: s
+		}) : null]
 	});
-}), En = [
+}), Rn = [
 	5,
 	12,
 	19
-], Dn = [
+], zn = [
 	3.5,
 	8.25,
 	13,
 	17.75
-], On = s(function({ label: e = "Loading", showLabel: t = !1, decorative: n = !1, size: r = "md", tone: i = "accent", variant: a = "ring", appearance: o = "plain", className: s, classNames: c, ...l }, u) {
+], Bn = s(function({ label: e = "Loading", showLabel: t = !1, decorative: n = !1, size: r = "md", tone: i = "accent", variant: a = "ring", appearance: o = "plain", className: s, classNames: c, ...l }, u) {
 	return /* @__PURE__ */ x("span", {
 		ref: u,
 		role: n ? void 0 : "status",
@@ -3394,7 +3689,8 @@ var Tn = s(function({ variant: e = "text", size: t = "md", lines: n = 1, animate
 					r: "9.5",
 					className: v("kb-spinner-track", c?.track)
 				}), /* @__PURE__ */ b("path", {
-					d: "M12 2.5a9.5 9.5 0 0 1 9.5 9.5",
+					d: "M12 2.5a9.5 9.5 0 1 1 0 19a9.5 9.5 0 1 1 0 -19",
+					pathLength: 100,
 					className: v("kb-spinner-arc", c?.arc)
 				})] }),
 				a === "orbit" && /* @__PURE__ */ x(y, { children: [
@@ -3411,11 +3707,13 @@ var Tn = s(function({ variant: e = "text", size: t = "md", lines: n = 1, animate
 						className: v("kb-spinner-track", c?.track)
 					}),
 					/* @__PURE__ */ b("path", {
-						d: "M12 2.5a9.5 9.5 0 0 1 9.5 9.5",
+						d: "M12 2.5a9.5 9.5 0 1 1 0 19a9.5 9.5 0 1 1 0 -19",
+						pathLength: 100,
 						className: v("kb-spinner-arc", c?.arc)
 					}),
 					/* @__PURE__ */ b("path", {
-						d: "M12 17.5a5.5 5.5 0 0 1 -5.5 -5.5",
+						d: "M12 17.5a5.5 5.5 0 1 1 0 -11a5.5 5.5 0 1 1 0 11",
+						pathLength: 100,
 						className: v("kb-spinner-arc", c?.arc)
 					}),
 					/* @__PURE__ */ b("circle", {
@@ -3425,13 +3723,13 @@ var Tn = s(function({ variant: e = "text", size: t = "md", lines: n = 1, animate
 						className: v("kb-spinner-core", c?.core)
 					})
 				] }),
-				a === "dots" && En.map((e) => /* @__PURE__ */ b("circle", {
+				a === "dots" && Rn.map((e) => /* @__PURE__ */ b("circle", {
 					cx: e,
 					cy: "12",
 					r: "2.25",
 					className: v("kb-spinner-dot", c?.dot)
 				}, e)),
-				a === "bars" && Dn.map((e) => /* @__PURE__ */ b("rect", {
+				a === "bars" && zn.map((e) => /* @__PURE__ */ b("rect", {
 					x: e,
 					y: "5",
 					width: "2.5",
@@ -3448,7 +3746,7 @@ var Tn = s(function({ variant: e = "text", size: t = "md", lines: n = 1, animate
 });
 //#endregion
 //#region src/components/Split/Split.tsx
-function kn({ as: e, ratio: t = "equal", collapse: r = "md", gap: i = "md", align: a = "stretch", className: s, classNames: c, children: l, ...u }) {
+function Vn({ as: e, ratio: t = "equal", collapse: r = "md", gap: i = "md", align: a = "stretch", className: s, classNames: c, children: l, ...u }) {
 	let d = v("kb-split-track", c?.track);
 	return o(e ?? "div", {
 		...u,
@@ -3464,8 +3762,20 @@ function kn({ as: e, ratio: t = "equal", collapse: r = "md", gap: i = "md", alig
 	})));
 }
 //#endregion
+//#region src/components/Stack/Stack.tsx
+function Hn({ as: e, gap: t = "md", align: n = "stretch", justify: r = "start", className: i, ...a }) {
+	return o(e ?? "div", {
+		...a,
+		...H("stack", {
+			gap: t,
+			align: n,
+			justify: r
+		}, i)
+	});
+}
+//#endregion
 //#region src/components/Stat/Stat.tsx
-function An({ classNames: e, label: t, value: n, size: r = "md", className: i, ...a }) {
+function Un({ classNames: e, label: t, value: n, size: r = "md", className: i, ...a }) {
 	return /* @__PURE__ */ x("div", {
 		...a,
 		...H("stat", { size: r }, i),
@@ -3479,8 +3789,67 @@ function An({ classNames: e, label: t, value: n, size: r = "md", className: i, .
 	});
 }
 //#endregion
+//#region src/components/StatsRow/StatsRow.tsx
+function Wn({ appearance: e = "plain", className: t, ...n }) {
+	return /* @__PURE__ */ b("ul", {
+		role: "list",
+		...n,
+		...H("statsrow", { appearance: e }, t)
+	});
+}
+var Gn = {
+	up: "M8 3.5 13 10H3z",
+	down: "M8 12.5 3 6h10z",
+	flat: "M3 7h10v2H3z"
+};
+function Kn({ label: e, value: t, change: n, trend: r, tone: i = "neutral", context: a, link: o, className: s, classNames: c, ...l }) {
+	let u = n != null || a != null;
+	return /* @__PURE__ */ x("li", {
+		...l,
+		...H("statsrow-item", {}, s),
+		children: [
+			/* @__PURE__ */ b(Un, {
+				label: e,
+				value: t,
+				className: c?.stat,
+				classNames: c ?? {}
+			}),
+			u ? /* @__PURE__ */ x("p", {
+				className: v("kb-statsrow-trend", c?.trend),
+				children: [
+					n == null ? null : /* @__PURE__ */ x("span", {
+						className: v("kb-statsrow-change", c?.change),
+						"data-tone": i,
+						"data-trend": r,
+						children: [r === void 0 ? null : /* @__PURE__ */ b("svg", {
+							className: v("kb-statsrow-glyph", c?.glyph),
+							viewBox: "0 0 16 16",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: /* @__PURE__ */ b("path", {
+								d: Gn[r],
+								fill: "currentColor"
+							})
+						}), n]
+					}),
+					n != null && a != null ? " " : null,
+					a == null ? null : /* @__PURE__ */ b("span", {
+						className: v("kb-statsrow-context", c?.context),
+						children: a
+					})
+				]
+			}) : null,
+			o == null ? null : /* @__PURE__ */ b("div", {
+				className: v("kb-statsrow-link", c?.link),
+				children: o
+			})
+		]
+	});
+}
+var qn = Object.assign(Wn, { Item: Kn });
+//#endregion
 //#region src/components/Status/Status.tsx
-function jn({ classNames: e, tone: t = "neutral", appearance: n = "plain", icon: r, live: i = !1, compact: a = !1, className: o, children: s, ...c }) {
+function Jn({ classNames: e, tone: t = "neutral", appearance: n = "plain", icon: r, live: i = !1, compact: a = !1, className: o, children: s, ...c }) {
 	return /* @__PURE__ */ x("span", {
 		...c,
 		...i ? { role: "status" } : {},
@@ -3500,8 +3869,24 @@ function jn({ classNames: e, tone: t = "neutral", appearance: n = "plain", icon:
 	});
 }
 //#endregion
+//#region src/components/SupportingPane/SupportingPane.tsx
+var Yn = ({ ref: e, aside: t, asideLabel: n, asideLabelledBy: r, className: i, classNames: a, children: o, ...s }) => /* @__PURE__ */ x("div", {
+	...s,
+	ref: e,
+	...H("supportingpane", {}, i),
+	children: [/* @__PURE__ */ b("div", {
+		className: v("kb-supportingpane-main", a?.main),
+		children: o
+	}), t ? /* @__PURE__ */ b("aside", {
+		className: v("kb-supportingpane-aside", a?.aside),
+		"aria-label": r ? void 0 : n,
+		"aria-labelledby": r,
+		children: t
+	}) : null]
+});
+//#endregion
 //#region src/components/Switch/Switch.tsx
-function Mn({ classNames: e, label: t, checked: n, onCheckedChange: r, size: i, tone: a, offTone: o, onTone: s, offColor: c, onColor: l, description: u, error: d, visuallyHidden: p, offIcon: m, onIcon: h, controlClassName: g, className: _, style: y, id: S, disabled: C, readOnly: w, "aria-describedby": T, "aria-invalid": E, ...D }) {
+function Xn({ classNames: e, label: t, checked: n, onCheckedChange: r, size: i, tone: a, offTone: o, onTone: s, offColor: c, onColor: l, description: u, error: d, visuallyHidden: p, offIcon: m, onIcon: h, controlClassName: g, className: _, style: y, id: S, disabled: C, readOnly: w, "aria-describedby": T, "aria-invalid": E, ...D }) {
 	let O = {
 		...Object.fromEntries(Object.entries(y ?? {}).filter(([e]) => e.startsWith("--"))),
 		...c ? { "--kb-switch-off-color": c } : {},
@@ -3580,7 +3965,7 @@ function Mn({ classNames: e, label: t, checked: n, onCheckedChange: r, size: i,
 }
 //#endregion
 //#region src/components/Table/Table.tsx
-function Nn({ density: e = "comfortable", stickyHeader: t = !1, layout: n = "auto", className: r, ...i }) {
+function Zn({ density: e = "comfortable", stickyHeader: t = !1, layout: n = "auto", className: r, ...i }) {
 	return /* @__PURE__ */ b("table", {
 		...i,
 		...H("table", {
@@ -3590,7 +3975,7 @@ function Nn({ density: e = "comfortable", stickyHeader: t = !1, layout: n = "aut
 		}, r)
 	});
 }
-function Pn(e, t) {
+function Qn(e, t) {
 	let n = [...e.querySelectorAll(".kb-table")].find((n) => n.contains(t) && n.closest(".kb-table-scroll") === e);
 	if (!n) return;
 	let r = e.getBoundingClientRect(), i = r.left + e.clientLeft, a = r.top + e.clientTop, o;
@@ -3608,7 +3993,7 @@ function Pn(e, t) {
 	let u = n.tHead, d = u && n.hasAttribute("data-sticky-header") && !u.contains(t) ? Math.max(a, u.getBoundingClientRect().bottom) : a, f = a + e.clientHeight, p = t.getBoundingClientRect();
 	c > s && (p.left < s ? e.scrollLeft += Math.floor(p.left - s) : p.right > c && (e.scrollLeft += Math.ceil(p.right - c))), f > d && (p.top < d ? e.scrollTop += Math.floor(p.top - d) : p.bottom > f && (e.scrollTop += Math.ceil(p.bottom - f)));
 }
-function Fn({ label: e, maxHeight: t, onFocus: n, className: r, style: i, ...a }) {
+function $n({ label: e, maxHeight: t, onFocus: n, className: r, style: i, ...a }) {
 	return /* @__PURE__ */ b("section", {
 		...a,
 		"aria-label": e,
@@ -3619,41 +4004,41 @@ function Fn({ label: e, maxHeight: t, onFocus: n, className: r, style: i, ...a }
 			...i
 		},
 		onFocus: (e) => {
-			n?.(e), !e.defaultPrevented && e.target instanceof HTMLElement && Pn(e.currentTarget, e.target);
+			n?.(e), !e.defaultPrevented && e.target instanceof HTMLElement && Qn(e.currentTarget, e.target);
 		}
 	});
 }
-function In({ className: e, ...t }) {
+function er({ className: e, ...t }) {
 	return /* @__PURE__ */ b("caption", {
 		...t,
 		...H("table-caption", {}, e)
 	});
 }
-function Ln({ className: e, ...t }) {
+function tr({ className: e, ...t }) {
 	return /* @__PURE__ */ b("thead", {
 		...t,
 		...H("table-head", {}, e)
 	});
 }
-function Rn({ className: e, ...t }) {
+function nr({ className: e, ...t }) {
 	return /* @__PURE__ */ b("tbody", {
 		...t,
 		...H("table-body", {}, e)
 	});
 }
-function zn({ className: e, ...t }) {
+function rr({ className: e, ...t }) {
 	return /* @__PURE__ */ b("tfoot", {
 		...t,
 		...H("table-foot", {}, e)
 	});
 }
-function Bn({ selected: e = !1, className: t, ...n }) {
+function ir({ selected: e = !1, className: t, ...n }) {
 	return /* @__PURE__ */ b("tr", {
 		...n,
 		...H("table-row", { selected: e }, t)
 	});
 }
-function Vn({ align: e = "start", sticky: t, sortDirection: n, onSortChange: r, sortDisabled: i, className: a, classNames: o, children: s, scope: c = "col", "aria-sort": l, ...u }) {
+function ar({ align: e = "start", sticky: t, sortDirection: n, onSortChange: r, sortDisabled: i, className: a, classNames: o, children: s, scope: c = "col", "aria-sort": l, ...u }) {
 	let d = n ?? (l === "ascending" || l === "descending" ? l : "none");
 	return /* @__PURE__ */ b("th", {
 		...u,
@@ -3677,7 +4062,7 @@ function Vn({ align: e = "start", sticky: t, sortDirection: n, onSortChange: r,
 		}) : s
 	});
 }
-function Hn({ align: e = "start", sticky: t, scope: n = "row", className: r, ...i }) {
+function or({ align: e = "start", sticky: t, scope: n = "row", className: r, ...i }) {
 	return /* @__PURE__ */ b("th", {
 		...i,
 		scope: n,
@@ -3687,7 +4072,7 @@ function Hn({ align: e = "start", sticky: t, scope: n = "row", className: r, ...
 		}, r)
 	});
 }
-function Un({ align: e = "start", sticky: t, className: n, ...r }) {
+function sr({ align: e = "start", sticky: t, className: n, ...r }) {
 	return /* @__PURE__ */ b("td", {
 		...r,
 		...H("table-cell", {
@@ -3696,30 +4081,30 @@ function Un({ align: e = "start", sticky: t, className: n, ...r }) {
 		}, n)
 	});
 }
-function Wn({ className: e, ...t }) {
+function cr({ className: e, ...t }) {
 	return /* @__PURE__ */ b("div", {
 		...t,
 		...H("table-rowactions", {}, e)
 	});
 }
-var Gn = Object.assign(Nn, {
-	ScrollContainer: Fn,
-	Caption: In,
-	Head: Ln,
-	Body: Rn,
-	Foot: zn,
-	Row: Bn,
-	ColumnHeader: Vn,
-	RowHeader: Hn,
-	Cell: Un,
+var lr = Object.assign(Zn, {
+	ScrollContainer: $n,
+	Caption: er,
+	Head: tr,
+	Body: nr,
+	Foot: rr,
+	Row: ir,
+	ColumnHeader: ar,
+	RowHeader: or,
+	Cell: sr,
 	SelectionCheckbox: ae,
-	RowActions: Wn
-}), Kn = a({
+	RowActions: cr
+}), ur = a({
 	variant: "line",
 	size: "md",
 	orientation: "horizontal"
-}), qn = s(function({ className: e, ...t }, n) {
-	let { classNames: r, variant: i, size: a, orientation: o } = u(Kn);
+}), dr = s(function({ className: e, ...t }, n) {
+	let { classNames: r, variant: i, size: a, orientation: o } = u(ur);
 	return /* @__PURE__ */ b(L.Indicator, {
 		...t,
 		"data-variant": i,
@@ -3728,8 +4113,8 @@ var Gn = Object.assign(Nn, {
 		ref: n,
 		className: v("kb-tabs-indicator", r?.indicator, e)
 	});
-}), Jn = s(function({ activateOnFocus: e = !0, loopFocus: t = !0, showIndicator: r = !0, className: i, children: a, ...o }, s) {
-	let { classNames: l, variant: d, size: f, orientation: p } = u(Kn), m = n.toArray(a).some((e) => c(e) && e.type === qn);
+}), fr = s(function({ activateOnFocus: e = !0, loopFocus: t = !0, showIndicator: r = !0, className: i, children: a, ...o }, s) {
+	let { classNames: l, variant: d, size: f, orientation: p } = u(ur), m = n.toArray(a).some((e) => c(e) && e.type === dr);
 	return /* @__PURE__ */ x(L.List, {
 		...o,
 		"data-variant": d,
@@ -3739,10 +4124,10 @@ var Gn = Object.assign(Nn, {
 		activateOnFocus: e,
 		loopFocus: t,
 		className: v("kb-tabs-list", l?.list, i),
-		children: [a, r && !m ? /* @__PURE__ */ b(qn, {}) : null]
+		children: [a, r && !m ? /* @__PURE__ */ b(dr, {}) : null]
 	});
-}), Yn = s(function({ value: e, disabled: t = !1, icon: n, badge: r, className: i, children: a, ...o }, s) {
-	let { classNames: c, variant: l, size: d, orientation: f } = u(Kn);
+}), pr = s(function({ value: e, disabled: t = !1, icon: n, badge: r, className: i, children: a, ...o }, s) {
+	let { classNames: c, variant: l, size: d, orientation: f } = u(ur);
 	return /* @__PURE__ */ x(L.Tab, {
 		...o,
 		"data-variant": l,
@@ -3768,8 +4153,8 @@ var Gn = Object.assign(Nn, {
 			})
 		]
 	});
-}), Xn = s(function({ value: e, keepMounted: t = !1, className: n, children: r, ...i }, a) {
-	let { classNames: o, variant: s, size: c, orientation: l } = u(Kn);
+}), mr = s(function({ value: e, keepMounted: t = !1, className: n, children: r, ...i }, a) {
+	let { classNames: o, variant: s, size: c, orientation: l } = u(ur);
 	return /* @__PURE__ */ b(L.Panel, {
 		...i,
 		"data-variant": s,
@@ -3781,8 +4166,8 @@ var Gn = Object.assign(Nn, {
 		className: v("kb-tabs-panel", o?.panel, n),
 		children: r
 	});
-}), Zn = s(function({ value: e, defaultValue: t, onValueChange: n, orientation: r = "horizontal", variant: i = "line", size: a = "md", className: o, classNames: s, children: c, ...l }, u) {
-	return /* @__PURE__ */ b(Kn.Provider, {
+}), hr = s(function({ value: e, defaultValue: t, onValueChange: n, orientation: r = "horizontal", variant: i = "line", size: a = "md", className: o, classNames: s, children: c, ...l }, u) {
+	return /* @__PURE__ */ b(ur.Provider, {
 		value: {
 			classNames: s,
 			variant: i,
@@ -3802,15 +4187,15 @@ var Gn = Object.assign(Nn, {
 			children: c
 		})
 	});
-}), Qn = Object.assign(Zn, {
-	List: Jn,
-	Tab: Yn,
-	Indicator: qn,
-	Panel: Xn
+}), gr = Object.assign(hr, {
+	List: fr,
+	Tab: pr,
+	Indicator: dr,
+	Panel: mr
 });
 //#endregion
 //#region src/components/Text/Text.tsx
-function $n({ as: e, size: t = "md", tone: n = "default", className: r, ...i }) {
+function _r({ as: e, size: t = "md", tone: n = "default", className: r, ...i }) {
 	return o(e ?? "p", {
 		...i,
 		...H("text", {
@@ -3821,7 +4206,7 @@ function $n({ as: e, size: t = "md", tone: n = "default", className: r, ...i })
 }
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-var er = ({ ref: e, id: t, label: n, visuallyHidden: r, description: i, error: a, resize: o = "vertical", rows: s = 4, disabled: c, readOnly: l, onChange: u, onValueChange: d, className: p, classNames: m, "aria-describedby": h, "aria-invalid": g, ..._ }) => {
+var vr = ({ ref: e, id: t, label: n, visuallyHidden: r, description: i, error: a, resize: o = "vertical", rows: s = 4, disabled: c, readOnly: l, onChange: u, onValueChange: d, className: p, classNames: m, "aria-describedby": h, "aria-invalid": g, ..._ }) => {
 	let y = f(), S = t ?? `kb-textarea-${y}`, { invalid: C, ariaInvalid: w } = U(!!a, g), T = i ? `${S}-description` : void 0, E = a ? `${S}-error` : void 0, D = [
 		T,
 		E,
@@ -3869,7 +4254,7 @@ var er = ({ ref: e, id: t, label: n, visuallyHidden: r, description: i, error: a
 };
 //#endregion
 //#region src/components/Thumbnail/Thumbnail.tsx
-function tr({ src: e, alt: t, ratio: n, fit: r, position: i, fallback: a, caption: o, description: s, imageProps: c, className: l, classNames: u, ...d }) {
+function yr({ src: e, alt: t, ratio: n, fit: r, position: i, fallback: a, caption: o, description: s, imageProps: c, className: l, classNames: u, ...d }) {
 	let p = f(), m = o != null && o !== !1;
 	return /* @__PURE__ */ x("figure", {
 		...d,
@@ -3902,37 +4287,37 @@ function tr({ src: e, alt: t, ratio: n, fit: r, position: i, fallback: a, captio
 }
 //#endregion
 //#region src/components/Toast/Toast.tsx
-function nr() {
+function br() {
 	return R.createToastManager();
 }
-function rr() {
+function xr() {
 	return R.useToastManager();
 }
-function ir({ className: e, ...t }) {
+function Sr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(R.Content, {
 		...t,
 		className: v("kb-toast-content", e)
 	});
 }
-function ar({ className: e, ...t }) {
+function Cr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(R.Title, {
 		...t,
 		className: v("kb-toast-title", e)
 	});
 }
-function or({ className: e, ...t }) {
+function wr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(R.Description, {
 		...t,
 		className: v("kb-toast-description", e)
 	});
 }
-function sr({ className: e, ...t }) {
+function Tr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(R.Action, {
 		...t,
 		className: v("kb-toast-action", e)
 	});
 }
-function cr({ className: e, ...t }) {
+function Er({ className: e, ...t }) {
 	return /* @__PURE__ */ b(R.Close, {
 		"aria-label": "Dismiss notification",
 		"aria-hidden": !1,
@@ -3940,25 +4325,25 @@ function cr({ className: e, ...t }) {
 		className: v("kb-toast-close", e)
 	});
 }
-function lr(e) {
+function Dr(e) {
 	return e === "error" ? "danger" : e === "loading" ? "info" : e === "info" || e === "success" || e === "warning" || e === "danger" ? e : "neutral";
 }
-function ur({ toast: e, tone: t = lr(e.type), closeLabel: n = "Dismiss notification", classNames: r, className: i, children: a, ...o }) {
+function Or({ toast: e, tone: t = Dr(e.type), closeLabel: n = "Dismiss notification", classNames: r, className: i, children: a, ...o }) {
 	return /* @__PURE__ */ b(R.Root, {
 		...o,
 		toast: e,
 		...H("toast", { tone: t }, i),
-		children: a === void 0 ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(ir, {
+		children: a === void 0 ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(Sr, {
 			className: r?.content,
 			children: [
-				/* @__PURE__ */ b(ar, {
+				/* @__PURE__ */ b(Cr, {
 					className: r?.title,
 					children: e.title ?? e.description
 				}),
-				e.title != null && /* @__PURE__ */ b(or, { className: r?.description }),
-				/* @__PURE__ */ b(sr, { className: r?.action })
+				e.title != null && /* @__PURE__ */ b(wr, { className: r?.description }),
+				/* @__PURE__ */ b(Tr, { className: r?.action })
 			]
-		}), /* @__PURE__ */ b(cr, {
+		}), /* @__PURE__ */ b(Er, {
 			className: r?.close,
 			"aria-label": n,
 			children: /* @__PURE__ */ b("span", {
@@ -3968,41 +4353,41 @@ function ur({ toast: e, tone: t = lr(e.type), closeLabel: n = "Dismiss notificat
 		})] }) : a
 	});
 }
-function dr({ placement: e = "bottom-end", container: t, renderToast: n, className: r, children: i, ...a }) {
-	let { toasts: o } = rr(), s = /* @__PURE__ */ b(R.Viewport, {
+function kr({ placement: e = "bottom-end", container: t, renderToast: n, className: r, children: i, ...a }) {
+	let { toasts: o } = xr(), s = /* @__PURE__ */ b(R.Viewport, {
 		...a,
 		...H("toast-viewport", { placement: e }, r),
-		children: i === void 0 ? o.map((e) => n ? n(e) : /* @__PURE__ */ b(ur, { toast: e }, e.id)) : i
+		children: i === void 0 ? o.map((e) => n ? n(e) : /* @__PURE__ */ b(Or, { toast: e }, e.id)) : i
 	});
 	return e === "inline" ? s : /* @__PURE__ */ b(R.Portal, {
 		container: t,
 		children: s
 	});
 }
-var fr = Object.assign(ur, {
+var Ar = Object.assign(Or, {
 	Provider: R.Provider,
-	Viewport: dr,
-	Content: ir,
-	Title: ar,
-	Description: or,
-	Action: sr,
-	Close: cr
+	Viewport: kr,
+	Content: Sr,
+	Title: Cr,
+	Description: wr,
+	Action: Tr,
+	Close: Er
 });
 //#endregion
 //#region src/components/Toolbar/Toolbar.tsx
-function pr({ className: e, ...t }) {
+function jr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(z.Root, {
 		...t,
 		className: v("kb-toolbar", e)
 	});
 }
-function mr({ className: e, ...t }) {
+function Mr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(z.Group, {
 		...t,
 		className: v("kb-toolbar-group", e)
 	});
 }
-function hr({ variant: e = "ghost", className: t, ...n }) {
+function Nr({ variant: e = "ghost", className: t, ...n }) {
 	return /* @__PURE__ */ b(z.Button, {
 		...n,
 		render: /* @__PURE__ */ b(Z, {
@@ -4012,20 +4397,20 @@ function hr({ variant: e = "ghost", className: t, ...n }) {
 		})
 	});
 }
-function gr({ className: e, ...t }) {
+function Pr({ className: e, ...t }) {
 	return /* @__PURE__ */ b(z.Separator, {
 		...t,
 		className: v("kb-toolbar-separator", e)
 	});
 }
-var _r = Object.assign(pr, {
-	Group: mr,
-	Button: hr,
-	Separator: gr
+var Fr = Object.assign(jr, {
+	Group: Mr,
+	Button: Nr,
+	Separator: Pr
 });
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-function vr({ content: e, children: t, side: n = "top", delay: r = 400, container: i, className: a, ref: o }) {
+function Ir({ content: e, children: t, side: n = "top", delay: r = 400, container: i, className: a, ref: o }) {
 	return /* @__PURE__ */ x(B.Root, { children: [/* @__PURE__ */ b(B.Trigger, {
 		delay: r,
 		render: t
@@ -4043,6 +4428,6 @@ function vr({ content: e, children: t, side: n = "top", delay: r = 400, containe
 	})] });
 }
 //#endregion
-export { ee as Accordion, te as Avatar, ne as Badge, Z as Button, re as Callout, ie as Card, ae as Checkbox, Te as Code, Ee as CodeBlock, Fe as Collection, Ie as CollectionList, Le as CollectionRow, Ve as Combobox, Ue as Container, et as CopyableText, at as DescriptionList, gt as Dialog, bt as Disclosure, St as EmptyState, Tt as ErrorSummary, Et as Fieldset, At as FileInput, jt as FormActions, Mt as Grid, Pt as Heading, Y as Image, Ft as Inline, De as Input, Je as Link, Ht as Menu, Be as MultiSelect, Ut as NumberField, rn as Panel, mn as Popover, hn as Progress, xn as RadioGroup, Sn as ScrollArea, Oe as Select, Cn as Separator, Tn as Skeleton, On as Spinner, kn as Split, An as Stat, jn as Status, Mn as Switch, Gn as Table, Qn as Tabs, $n as Text, er as Textarea, tr as Thumbnail, fr as Toast, _r as Toolbar, vr as Tooltip, nr as createToastManager, H as kb, Ce as tokenizeCode, je as useCollection, Ke as useLinkComponent, rr as useToastManager };
+export { ee as Accordion, te as Avatar, ne as Badge, Z as Button, re as Callout, ie as Card, ae as Checkbox, Te as Code, Ee as CodeBlock, Fe as Collection, Ie as CollectionList, Le as CollectionRow, Ve as Combobox, tt as ConfirmAction, nt as Container, pt as CopyableText, mt as Dashboard, yt as DescriptionList, $e as Dialog, Ct as Disclosure, Tt as EmptyState, Ot as ErrorSummary, kt as Fieldset, Nt as FileInput, Ft as Form, Pt as FormActions, Rt as FormSection, Ut as Gallery, zt as Grid, Lt as Heading, Y as Image, Wt as Inline, De as Input, st as Link, Zt as Menu, Be as MultiSelect, Qt as NumberField, en as PageHeader, hn as Panel, Tn as Popover, En as Progress, Mn as RadioGroup, Nn as ScrollArea, Oe as Select, Pn as Separator, Fn as Settings, Ln as Skeleton, Bn as Spinner, Vn as Split, Hn as Stack, Un as Stat, qn as StatsRow, Jn as Status, Yn as SupportingPane, Xn as Switch, lr as Table, gr as Tabs, _r as Text, vr as Textarea, yr as Thumbnail, Ar as Toast, Fr as Toolbar, Ir as Tooltip, br as createToastManager, H as kb, Ce as tokenizeCode, je as useCollection, at as useLinkComponent, xr as useToastManager };
 
 //# sourceMappingURL=index.js.map