themelia-ui 2.0.0 → 3.0.0

package/dist/{navigation-D00jGH59.js → navigation-CsqTA16F.js}

@@ -1,31 +1,30 @@
-import "./css/navigation.css";
 import { t as e } from "./cvm-DtsCA8iZ.js";
 import { t } from "./cx--CBrhWH0.js";
-import { a as n, i as r, o as i } from "./typography-B8Iurhy1.js";
-import { c as a } from "./buttons-Corm-KHK.js";
-import { a as o, g as s, r as c, t as l } from "./dropdown-menu-CIXxWTpw.js";
-import { d as u, m as d, v as f } from "./display-DVhYS75K.js";
-import { t as p } from "./badge-D34FkKLD.js";
+import { a as n, i as r, o as i } from "./typography-BkxEiwQ1.js";
+import { c as a } from "./buttons-CqXKWty3.js";
+import { a as o, g as s, r as c, t as l } from "./dropdown-menu-TyNLCLML.js";
+import { d as u, m as d, v as f } from "./display-B3Q17h5z.js";
+import { t as p } from "./badge-CxOuTfVr.js";
 import { i as m, t as h } from "./observers-CKohiJqU.js";
 import { t as g } from "./strings-Co9_qArR.js";
 import { n as _, t as v } from "./scroll-edges-CWjEJktN.js";
-import { n as y } from "./navigation-Db1UQSIU.js";
-import { r as b } from "./choice-inputs-Ca9PoQwa.js";
-import { CheckIcon as x, ChevronLeftIcon as S, ChevronRightIcon as C, GlobeIcon as w } from "lucide-react";
-import * as T from "react";
-import { useId as E, useRef as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { n as y, r as b } from "./navigation-B4eUU9E8.js";
+import { r as x } from "./choice-inputs-OUDn0kQw.js";
+import { CheckIcon as S, ChevronLeftIcon as C, ChevronRightIcon as w, GlobeIcon as T } from "lucide-react";
+import * as E from "react";
+import { useId as D, useRef as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 //#region src/components/base/navigation/navigation.strings.ts
-var j = {
+var M = {
 	label: "Pagination",
 	previous: "Previous",
 	next: "Next",
 	morePages: "More pages",
 	page: (e) => `Page ${e}`
-}, M = { label: "Breadcrumb" }, N = { label: "Language" }, P = {
+}, N = { label: "Breadcrumb" }, P = { label: "Language" }, F = {
 	previous: "Scroll tabs backward",
 	next: "Scroll tabs forward"
-}, F = {
+}, I = {
 	tabs: "navigation__tabs___MoJyv",
 	tabRail: "navigation__tabRail___fkXu3",
 	tabScroll: "navigation__tabScroll___6MKV9",
@@ -60,22 +59,22 @@ var j = {
 	pageHeadingSeparator: "navigation__pageHeadingSeparator___yGoaX",
 	tabBar: "navigation__tabBar___WTgSO",
 	tabBarWrap: "navigation__tabBarWrap___kohcY"
-}, I = T.createContext(null);
-function L(e) {
-	let t = T.useContext(I);
+}, L = E.createContext(null);
+function R(e) {
+	let t = E.useContext(L);
 	if (!t) throw Error(`<${e}> must be used within <Tabs>`);
 	return t;
 }
-function R({ value: e, defaultValue: n = "", onValueChange: r, className: i, children: a, ...o }) {
-	let [s, c] = T.useState(n), l = e !== void 0, u = l ? e : s, d = T.useId(), f = T.useCallback((e) => {
+function z({ value: e, defaultValue: n = "", onValueChange: r, className: i, children: a, ...o }) {
+	let [s, c] = E.useState(n), l = e !== void 0, u = l ? e : s, d = E.useId(), f = E.useCallback((e) => {
 		l || c(e), r?.(e);
-	}, [l, r]), [p, m] = T.useState(() => /* @__PURE__ */ new Set()), h = T.useCallback((e) => (m((t) => {
+	}, [l, r]), [p, m] = E.useState(() => /* @__PURE__ */ new Set()), h = E.useCallback((e) => (m((t) => {
 		let n = new Set(t);
 		return n.add(e), n;
 	}), () => m((t) => {
 		let n = new Set(t);
 		return n.delete(e), n;
-	})), []), g = T.useMemo(() => ({
+	})), []), g = E.useMemo(() => ({
 		value: u,
 		setValue: f,
 		id: d,
@@ -88,32 +87,32 @@ function R({ value: e, defaultValue: n = "", onValueChange: r, className: i, chi
 		p,
 		h
 	]);
-	return /* @__PURE__ */ k(I.Provider, {
+	return /* @__PURE__ */ A(L.Provider, {
 		value: g,
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ A("div", {
 			"data-slot": "tabs",
-			className: t("tabs--component", F.tabs, i),
+			className: t("tabs--component", I.tabs, i),
 			...o,
 			children: a
 		})
 	});
 }
-var z = e(F.tabList, {
+var B = e(I.tabList, {
 	variants: { variant: {
 		underline: void 0,
-		enclosed: F.tabListEnclosed,
-		pill: F.tabsPill
+		enclosed: I.tabListEnclosed,
+		pill: I.tabsPill
 	} },
 	defaultVariants: { variant: "underline" }
 });
-function B({ variant: e, label: n, edgeFade: r = !1, strings: i, className: o, children: s, ref: c, onKeyDown: l, onScroll: u, id: f, ...p }) {
-	let _ = T.useRef(null), y = T.useRef(null), b = T.useId(), x = f ?? b, { value: w } = L("TabList"), E = g(P, i), [D, O] = T.useState({
+function V({ variant: e = "underline", label: n, edgeFade: r = !1, strings: i, className: o, children: s, ref: c, onKeyDown: l, onScroll: u, id: f, ...p }) {
+	let _ = E.useRef(null), y = E.useRef(null), b = E.useId(), x = f ?? b, { value: S } = R("TabList"), T = g(F, i), [D, O] = E.useState({
 		overflow: !1,
 		previous: !1,
 		next: !1
 	});
-	T.useImperativeHandle(c, () => _.current);
-	let j = T.useCallback(() => {
+	E.useImperativeHandle(c, () => _.current);
+	let k = E.useCallback(() => {
 		let e = _.current, t = y.current;
 		if (!e || !t) return;
 		let n = getComputedStyle(e), r = t.clientWidth - (parseFloat(n.marginLeft) || 0) - (parseFloat(n.marginRight) || 0), i = e.scrollWidth > r + 1, { start: a, end: o } = v(e), s = {
@@ -122,17 +121,17 @@ function B({ variant: e, label: n, edgeFade: r = !1, strings: i, className: o, c
 			next: o
 		};
 		O((e) => e.overflow === s.overflow && e.previous === s.previous && e.next === s.next ? e : s);
-	}, []), M = T.useCallback(() => {
+	}, []), M = E.useCallback(() => {
 		let e = _.current, t = e?.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = getComputedStyle(e), o = r && parseFloat(a.scrollPaddingInlineStart) || 0, s = n.left + (parseFloat(a.paddingLeft) || 0) + o, c = n.right - (parseFloat(a.paddingRight) || 0) - o;
-		i.left < s ? e.scrollLeft += i.left - s : i.right > c && (e.scrollLeft += i.right - c), j();
-	}, [r, j]);
-	T.useEffect(() => {
+		i.left < s ? e.scrollLeft += i.left - s : i.right > c && (e.scrollLeft += i.right - c), k();
+	}, [r, k]);
+	E.useEffect(() => {
 		let e = _.current, t = y.current;
 		if (!e || !t) return;
 		let n = () => {
-			j(), M();
+			k(), M();
 		}, r = m([
 			t,
 			e,
@@ -141,10 +140,10 @@ function B({ variant: e, label: n, edgeFade: r = !1, strings: i, className: o, c
 		return n(), r;
 	}, [
 		s,
-		j,
+		k,
 		M
-	]), T.useEffect(M, [
-		w,
+	]), E.useEffect(M, [
+		S,
 		D.overflow,
 		M
 	]);
@@ -157,22 +156,22 @@ function B({ variant: e, label: n, edgeFade: r = !1, strings: i, className: o, c
 			behavior: h("(prefers-reduced-motion: reduce)") ? "instant" : "smooth"
 		});
 	};
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ j("div", {
 		ref: y,
-		className: t("tabs--rail", F.tabRail),
+		className: t("tabs--rail", I.tabRail),
 		children: [
-			D.overflow && /* @__PURE__ */ k(a, {
+			D.overflow && /* @__PURE__ */ A(a, {
 				iconOnly: !0,
 				tone: "neutral",
 				buttonStyle: "ghost",
-				className: F.tabScroll,
-				"aria-label": E.previous,
+				className: I.tabScroll,
+				"aria-label": T.previous,
 				"aria-controls": x,
 				disabled: !D.previous,
 				onClick: () => N(-1),
-				children: /* @__PURE__ */ k(S, {})
+				children: /* @__PURE__ */ A(C, {})
 			}),
-			/* @__PURE__ */ k(d, {
+			/* @__PURE__ */ A(d, {
 				ref: _,
 				id: x,
 				tabIndex: -1,
@@ -181,7 +180,7 @@ function B({ variant: e, label: n, edgeFade: r = !1, strings: i, className: o, c
 				"data-slot": "tab-list",
 				"data-fade-start": r && D.overflow && D.previous ? "" : void 0,
 				"data-fade-end": r && D.overflow && D.next ? "" : void 0,
-				className: t("tabs--list", z({ variant: e }), o),
+				className: t("tabs--list", B({ variant: e }), o),
 				onKeyDown: (e) => {
 					if (l?.(e), e.defaultPrevented || ![
 						"ArrowLeft",
@@ -195,28 +194,28 @@ function B({ variant: e, label: n, edgeFade: r = !1, strings: i, className: o, c
 					e.key === (i ? "ArrowRight" : "ArrowLeft") ? r = n <= 0 ? t.length - 1 : n - 1 : e.key === (i ? "ArrowLeft" : "ArrowRight") ? r = n === t.length - 1 ? 0 : n + 1 : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), e.preventDefault(), t[r]?.focus({ preventScroll: !0 }), t[r]?.click();
 				},
 				onScroll: (e) => {
-					j(), u?.(e);
+					k(), u?.(e);
 				},
 				...p,
 				children: s
 			}),
-			D.overflow && /* @__PURE__ */ k(a, {
+			D.overflow && /* @__PURE__ */ A(a, {
 				iconOnly: !0,
 				tone: "neutral",
 				buttonStyle: "ghost",
-				className: F.tabScroll,
-				"aria-label": E.next,
+				className: I.tabScroll,
+				"aria-label": T.next,
 				"aria-controls": x,
 				disabled: !D.next,
 				onClick: () => N(1),
-				children: /* @__PURE__ */ k(C, {})
+				children: /* @__PURE__ */ A(w, {})
 			})
 		]
 	});
 }
-function V({ value: e, className: n, onClick: r, ...i }) {
-	let { value: a, setValue: o, id: s, panels: c } = L("Tab"), l = a === e, u = l && c.has(e) ? `${s}-panel-${e}` : void 0;
-	return /* @__PURE__ */ k("button", {
+function H({ value: e, className: n, onClick: r, ...i }) {
+	let { value: a, setValue: o, id: s, panels: c } = R("Tab"), l = a === e, u = l && c.has(e) ? `${s}-panel-${e}` : void 0;
+	return /* @__PURE__ */ A("button", {
 		type: "button",
 		role: "tab",
 		id: `${s}-tab-${e}`,
@@ -224,65 +223,66 @@ function V({ value: e, className: n, onClick: r, ...i }) {
 		"aria-controls": u,
 		tabIndex: l ? 0 : -1,
 		"data-slot": "tab",
-		className: t("tabs--tab", F.tab, n),
+		className: t("tabs--tab", I.tab, n),
 		onClick: (t) => {
 			r?.(t), t.defaultPrevented || o(e);
 		},
 		...i
 	});
 }
-function H({ value: e, className: n, children: r, ...i }) {
-	let { value: a, id: o, registerPanel: s } = L("TabPanel");
-	return T.useEffect(() => s(e), [s, e]), a === e ? /* @__PURE__ */ k("div", {
+function U({ value: e, className: n, children: r, ...i }) {
+	let { value: a, id: o, registerPanel: s } = R("TabPanel");
+	return E.useEffect(() => s(e), [s, e]), a === e ? /* @__PURE__ */ A("div", {
 		role: "tabpanel",
 		id: `${o}-panel-${e}`,
 		"aria-labelledby": `${o}-tab-${e}`,
 		tabIndex: 0,
 		"data-slot": "tab-panel",
-		className: t("tabs--panel", F.tabPanel, n),
+		className: t("tabs--panel", I.tabPanel, n),
 		...i,
 		children: r
 	}) : null;
 }
 //#endregion
 //#region src/components/base/navigation/breadcrumbs.tsx
-function U({ items: e, separator: n, label: r, strings: a, className: o, ...s }) {
-	let c = g(M, a);
-	return /* @__PURE__ */ k("nav", {
+function W({ items: e, separator: n, label: r, strings: a, className: o, ...s }) {
+	let c = g(N, a);
+	return /* @__PURE__ */ A("nav", {
 		"aria-label": r ?? c.label,
 		"data-slot": "breadcrumbs",
 		className: t("breadcrumbs--component", o),
 		...s,
-		children: /* @__PURE__ */ k("ol", {
-			className: F.breadcrumb,
+		children: /* @__PURE__ */ A("ol", {
+			className: I.breadcrumb,
 			children: e.map((r, a) => {
-				let o = a === e.length - 1, s = o ? /* @__PURE__ */ k(i, {
+				let o = a === e.length - 1, s = o ? /* @__PURE__ */ A(i, {
 					tag: "span",
 					size: "sm",
-					className: F.breadcrumbCurrent,
+					weight: "medium",
+					className: I.breadcrumbCurrent,
 					"aria-current": "page",
 					children: r.label
-				}) : r.render ? T.cloneElement(r.render, {
-					className: t(F.breadcrumbLink, r.render.props.className),
+				}) : r.render ? E.cloneElement(r.render, {
+					className: t(I.breadcrumbLink, r.render.props.className),
 					children: r.label,
 					"data-hit-area": ""
-				}) : /* @__PURE__ */ k("a", {
+				}) : /* @__PURE__ */ A("a", {
 					href: r.href,
 					"data-hit-area": !0,
-					className: F.breadcrumbLink,
-					children: /* @__PURE__ */ k(i, {
+					className: I.breadcrumbLink,
+					children: /* @__PURE__ */ A(i, {
 						tag: "span",
 						size: "sm",
 						type: "inherit",
 						children: r.label
 					})
 				});
-				return /* @__PURE__ */ A("li", {
-					className: F.breadcrumbItem,
-					children: [s, !o && /* @__PURE__ */ k("span", {
-						className: F.breadcrumbSeparator,
+				return /* @__PURE__ */ j("li", {
+					className: I.breadcrumbItem,
+					children: [s, !o && /* @__PURE__ */ A("span", {
+						className: I.breadcrumbSeparator,
 						"aria-hidden": !0,
-						children: n ?? /* @__PURE__ */ k(C, {})
+						children: n ?? /* @__PURE__ */ A(w, {})
 					})]
 				}, a);
 			})
@@ -291,7 +291,7 @@ function U({ items: e, separator: n, label: r, strings: a, className: o, ...s })
 }
 //#endregion
 //#region src/components/base/navigation/pagination.range.ts
-function W(e, t, n = 1) {
+function G(e, t, n = 1) {
 	if (t <= n * 2 + 5) return Array.from({ length: t }, (e, t) => t + 1);
 	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1, s = [1];
 	a && s.push(null);
@@ -300,79 +300,80 @@ function W(e, t, n = 1) {
 }
 //#endregion
 //#region src/components/base/navigation/pagination.tsx
-function G({ page: e, total: n, onPageChange: r, disabled: i = !1, siblings: o = 1, labels: s = "responsive", numbers: c = !0, renderLink: l, strings: d, className: f, ...p }) {
-	let m = {
-		...j,
-		...d
-	}, h = c ? W(e, n, o) : [], g = (e, { label: t, current: n, disabled: o, children: s, ...c }) => {
-		let u = i || o, d = (t) => {
+function K({ page: e, total: n, onPageChange: r, disabled: i = !1, siblings: o = 1, labels: s = "responsive", numbers: c = !0, pageHref: l, renderLink: d, strings: f, className: p, ...m }) {
+	let h = {
+		...M,
+		...f
+	}, g = c ? G(e, n, o) : [], _ = (e, { label: t, current: n, disabled: o, children: s, ...c }) => {
+		let u = i || o, f = (t) => {
 			if (u) return t.preventDefault();
 			r(e);
-		}, f = n ? "page" : void 0;
+		}, p = n ? "page" : void 0;
 		if (l && !u) {
-			let n = l(e, {
+			let n = b(d)({
+				href: l(e),
 				"aria-label": t,
-				"aria-current": f,
-				onClick: d,
+				"aria-current": p,
+				onClick: f,
 				children: s
 			});
-			return T.isValidElement(n) ? /* @__PURE__ */ k(a, {
+			return /* @__PURE__ */ A(a, {
 				"aria-label": t,
-				"aria-current": f,
+				"aria-current": p,
 				render: n,
 				...c,
 				children: s
-			}) : n;
+			});
 		}
-		return /* @__PURE__ */ k(a, {
+		return /* @__PURE__ */ A(a, {
 			"aria-label": t,
-			"aria-current": f,
+			"aria-current": p,
 			disabled: i || void 0,
 			"aria-disabled": !i && !!o || void 0,
-			onClick: d,
+			onClick: f,
 			...c,
 			children: s
 		});
-	}, _ = s !== "icon", v = (e) => s === "responsive" ? /* @__PURE__ */ k("span", {
-		className: F.paginationArrowWord,
+	}, v = s !== "icon", y = (e) => s === "responsive" ? /* @__PURE__ */ A("span", {
+		className: I.paginationArrowWord,
 		children: e
 	}) : e;
-	return /* @__PURE__ */ k("nav", {
-		"aria-label": m.label,
+	return /* @__PURE__ */ A("nav", {
+		"aria-label": h.label,
 		"data-slot": "pagination",
-		className: t("pagination--component", f),
-		...p,
-		children: /* @__PURE__ */ A("div", {
-			className: F.pagination,
+		className: t("pagination--component", p),
+		...m,
+		children: /* @__PURE__ */ j("div", {
+			className: I.pagination,
 			"data-labels": s,
 			children: [
-				g(e - 1, {
-					label: m.previous,
+				_(e - 1, {
+					label: h.previous,
 					disabled: e <= 1,
 					tone: "neutral",
 					buttonStyle: "ghost",
-					iconOnly: !_,
-					children: /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(S, {}), _ && v(m.previous)] })
+					iconOnly: !v,
+					children: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(C, {}), v && y(h.previous)] })
 				}),
-				h.map((t, n) => t === null ? /* @__PURE__ */ A(T.Fragment, { children: [/* @__PURE__ */ k("span", {
-					className: F.paginationEllipsis,
+				g.map((t, n) => t === null ? /* @__PURE__ */ j(E.Fragment, { children: [/* @__PURE__ */ A("span", {
+					className: I.paginationEllipsis,
 					"aria-hidden": !0,
 					children: "…"
-				}), /* @__PURE__ */ k(u, { children: m.morePages })] }, `gap-${n}`) : /* @__PURE__ */ k(T.Fragment, { children: g(t, {
-					label: m.page(t),
+				}), /* @__PURE__ */ A(u, { children: h.morePages })] }, `gap-${n}`) : /* @__PURE__ */ A(E.Fragment, { children: _(t, {
+					label: h.page(t),
 					current: t === e,
 					tone: "secondary",
 					buttonStyle: t === e ? "outline" : "ghost",
 					iconOnly: !0,
 					children: t
 				}) }, t)),
-				g(e + 1, {
-					label: m.next,
+				_(e + 1, {
+					label: h.next,
 					disabled: e >= n,
 					tone: "neutral",
 					buttonStyle: "ghost",
-					iconOnly: !_,
-					children: /* @__PURE__ */ A(O, { children: [_ && v(m.next), /* @__PURE__ */ k(C, {})] })
+					iconOnly: !v,
+					children: /* @__PURE__ */ j(k, { children: [v && y(h.next), /* @__PURE__ */ A(w, {})] })
 				})
 			]
 		})
@@ -380,68 +381,68 @@ function G({ page: e, total: n, onPageChange: r, disabled: i = !1, siblings: o =
 }
 //#endregion
 //#region src/components/base/navigation/page-heading.tsx
-var K = (e) => typeof e == "string" || typeof e == "number";
-function q({ eyebrow: e, title: a, description: o, level: s = 1, badge: c, badges: l, breadcrumbs: u, leading: d, beforeTitle: m, titlePrefix: h, titleSuffix: g, afterDescription: _, actions: v, children: y, withSeparator: b = !1, className: x, contentClassName: S, titleRowClassName: C, actionsClassName: w, ...T }) {
+var q = (e) => typeof e == "string" || typeof e == "number";
+function J({ eyebrow: e, title: a, description: o, level: s = 1, badge: c, badges: l, breadcrumbs: u, leading: d, beforeTitle: m, titlePrefix: h, titleSuffix: g, afterDescription: _, actions: v, children: y, withSeparator: b = !1, className: x, contentClassName: S, titleRowClassName: C, actionsClassName: w, ...T }) {
 	let E = l ?? (c ? [c] : []);
-	return /* @__PURE__ */ A("header", {
+	return /* @__PURE__ */ j("header", {
 		"data-slot": "page-heading",
-		className: t("page-heading--component", F.pageHeading, x),
+		className: t("page-heading--component", I.pageHeading, x),
 		...T,
 		children: [
-			!!u && /* @__PURE__ */ k("div", {
-				className: F.pageHeadingCrumbs,
+			!!u && /* @__PURE__ */ A("div", {
+				className: I.pageHeadingCrumbs,
 				children: u
 			}),
-			/* @__PURE__ */ A("div", {
-				className: F.pageHeadingRow,
-				children: [d != null && /* @__PURE__ */ k("div", {
-					className: F.pageHeadingLeading,
+			/* @__PURE__ */ j("div", {
+				className: I.pageHeadingRow,
+				children: [d != null && /* @__PURE__ */ A("div", {
+					className: I.pageHeadingLeading,
 					children: d
-				}), /* @__PURE__ */ A("div", {
-					className: t(F.pageHeadingMain, S),
+				}), /* @__PURE__ */ j("div", {
+					className: t(I.pageHeadingMain, S),
 					children: [
-						e != null && (K(e) ? /* @__PURE__ */ k(r, {
+						e != null && (q(e) ? /* @__PURE__ */ A(r, {
 							className: "page-heading--eyebrow",
 							children: e
 						}) : e),
 						m,
-						/* @__PURE__ */ A("div", {
+						/* @__PURE__ */ j("div", {
 							"data-has-prefix": h ? "" : void 0,
-							className: t(F.pageHeadingGrid, C),
+							className: t(I.pageHeadingGrid, C),
 							children: [
-								!!h && /* @__PURE__ */ k("span", {
-									className: F.pageHeadingPrefix,
+								!!h && /* @__PURE__ */ A("span", {
+									className: I.pageHeadingPrefix,
 									children: h
 								}),
-								/* @__PURE__ */ A("div", {
-									className: F.pageHeadingHeadline,
-									children: [/* @__PURE__ */ A("div", {
-										className: F.pageHeadingTitleRow,
+								/* @__PURE__ */ j("div", {
+									className: I.pageHeadingHeadline,
+									children: [/* @__PURE__ */ j("div", {
+										className: I.pageHeadingTitleRow,
 										children: [
-											K(a) ? /* @__PURE__ */ k(n, {
+											q(a) ? /* @__PURE__ */ A(n, {
 												level: s,
-												className: F.pageHeadingTitle,
+												className: I.pageHeadingTitle,
 												children: a
 											}) : a,
-											E.length > 0 && /* @__PURE__ */ k("div", {
-												className: F.pageHeadingBadges,
-												children: E.map((e, t) => /* @__PURE__ */ k(p, {
+											E.length > 0 && /* @__PURE__ */ A("div", {
+												className: I.pageHeadingBadges,
+												children: E.map((e, t) => /* @__PURE__ */ A(p, {
 													tone: e.tone ?? "neutral",
 													children: e.label
 												}, e.key ?? t))
 											}),
 											g
 										]
-									}), !!v && /* @__PURE__ */ k("div", {
-										className: t(F.pageHeadingActions, w),
+									}), !!v && /* @__PURE__ */ A("div", {
+										className: t(I.pageHeadingActions, w),
 										children: v
 									})]
 								}),
-								(o != null || _ != null) && /* @__PURE__ */ A("div", {
-									className: F.pageHeadingBlock,
-									children: [o != null && (K(o) ? /* @__PURE__ */ k(i, {
+								(o != null || _ != null) && /* @__PURE__ */ j("div", {
+									className: I.pageHeadingBlock,
+									children: [o != null && (q(o) ? /* @__PURE__ */ A(i, {
 										type: "secondary",
-										className: F.pageHeadingDescription,
+										className: I.pageHeadingDescription,
 										children: o
 									}) : o), _]
 								})
@@ -450,45 +451,45 @@ function q({ eyebrow: e, title: a, description: o, level: s = 1, badge: c, badge
 					]
 				})]
 			}),
-			!!y && /* @__PURE__ */ k("div", {
-				className: F.pageHeadingChildren,
+			!!y && /* @__PURE__ */ A("div", {
+				className: I.pageHeadingChildren,
 				children: y
 			}),
-			!!b && /* @__PURE__ */ k(f, { className: F.pageHeadingSeparator })
+			!!b && /* @__PURE__ */ A(f, { className: I.pageHeadingSeparator })
 		]
 	});
 }
 //#endregion
 //#region src/components/base/navigation/navigation-tabs.strings.ts
-var J = { label: "Sections" }, Y = { label: "Sections" };
+var Y = { label: "Sections" }, X = { label: "Sections" };
 //#endregion
 //#region src/components/base/navigation/navigation-tabs.tsx
-function X({ items: e, currentPath: n = "/", renderLink: r, variant: i = "underline", strings: a, className: o, ...s }) {
+function Z({ items: e, currentPath: n = "/", renderLink: r, variant: i = "underline", strings: a, className: o, ...s }) {
 	let c = {
-		...J,
+		...Y,
 		...a
-	}, l = y(n, e.map((e) => e.href)), u = D(null), d = _(u, [e]);
-	return /* @__PURE__ */ k("nav", {
+	}, l = y(n, e.map((e) => e.href)), u = O(null), d = _(u, [e]);
+	return /* @__PURE__ */ A("nav", {
 		"aria-label": c.label,
 		"data-fade-start": d.start || void 0,
 		"data-fade-end": d.end || void 0,
-		className: t("navigation-tabs--component", F.tabBarWrap, o),
+		className: t("navigation-tabs--component", I.tabBarWrap, o),
 		...s,
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ A("div", {
 			ref: u,
-			className: t(F.tabBar, i === "pill" && F.tabsPill),
+			className: t(I.tabBar, i === "pill" && I.tabsPill),
 			children: e.map((e) => {
-				let t = !!l && e.href === l, n = /* @__PURE__ */ A(O, { children: [
+				let t = !!l && e.href === l, n = /* @__PURE__ */ j(k, { children: [
 					e.icon,
 					e.label,
 					e.badge
 				] }), i = {
-					className: F.tab,
+					className: I.tab,
 					"data-active": t || void 0,
 					"aria-current": t ? "page" : void 0,
 					"aria-disabled": e.disabled || void 0
 				};
-				return r ? /* @__PURE__ */ k("span", {
+				return r ? /* @__PURE__ */ A("span", {
 					style: { display: "contents" },
 					children: r({
 						href: e.href,
@@ -497,7 +498,7 @@ function X({ items: e, currentPath: n = "/", renderLink: r, variant: i = "underl
 						disabled: e.disabled,
 						...i
 					})
-				}, e.href) : /* @__PURE__ */ k("a", {
+				}, e.href) : /* @__PURE__ */ A("a", {
 					href: e.disabled ? void 0 : e.href,
 					...i,
 					children: n
@@ -508,14 +509,14 @@ function X({ items: e, currentPath: n = "/", renderLink: r, variant: i = "underl
 }
 //#endregion
 //#region src/components/base/navigation/overflow-tab-bar.tsx
-function Z({ items: e, value: n, onValueChange: r, strings: i, className: a, ...o }) {
+function Q({ items: e, value: n, onValueChange: r, strings: i, className: a, ...o }) {
 	let s = {
-		...Y,
+		...X,
 		...i
 	}, c = t("overflow-tab-bar--component", a);
 	if (e.length > 0 && e.every((e) => e.href)) {
 		let t = new Map(e.map((e) => [e.href, e.id])), i = e.find((e) => e.id === n)?.href;
-		return /* @__PURE__ */ k(X, {
+		return /* @__PURE__ */ A(Z, {
 			...o,
 			className: c,
 			items: e.map((e) => ({
@@ -528,7 +529,7 @@ function Z({ items: e, value: n, onValueChange: r, strings: i, className: a, ...
 			currentPath: i ?? "",
 			variant: "pill",
 			strings: { label: s.label },
-			renderLink: ({ href: e, children: n, active: i, disabled: a, external: o, ...s }) => /* @__PURE__ */ k("a", {
+			renderLink: ({ href: e, children: n, active: i, disabled: a, external: o, ...s }) => /* @__PURE__ */ A("a", {
 				...s,
 				href: a ? void 0 : e,
 				onClick: () => {
@@ -540,16 +541,16 @@ function Z({ items: e, value: n, onValueChange: r, strings: i, className: a, ...
 		});
 	}
 	let l = e.some((e) => e.id === n), u = e.find((e) => !e.disabled)?.id;
-	return /* @__PURE__ */ k(R, {
+	return /* @__PURE__ */ A(z, {
 		...o,
 		value: n ?? "",
 		onValueChange: (e) => r?.(e),
 		className: c,
-		children: /* @__PURE__ */ k(B, {
+		children: /* @__PURE__ */ A(V, {
 			label: s.label,
 			variant: "pill",
 			edgeFade: !0,
-			children: e.map((e) => /* @__PURE__ */ A(V, {
+			children: e.map((e) => /* @__PURE__ */ j(H, {
 				value: e.id,
 				disabled: e.disabled,
 				"data-tab-id": e.id,
@@ -565,49 +566,49 @@ function Z({ items: e, value: n, onValueChange: r, strings: i, className: a, ...
 }
 //#endregion
 //#region src/components/base/navigation/language-switcher.tsx
-function Q({ locales: e, value: n, onSelect: r, variant: i = "menu", label: u, strings: d, className: f, ...p }) {
-	let m = g(N, d), h = e.find((e) => e.value === n), _ = E(), v = E();
-	return i === "pills" ? /* @__PURE__ */ k("div", {
+function $({ locales: e, value: n, onSelect: r, variant: i = "menu", label: u, strings: d, className: f, ...p }) {
+	let m = g(P, d), h = e.find((e) => e.value === n), _ = D(), v = D();
+	return i === "pills" ? /* @__PURE__ */ A("div", {
 		className: t("language-switcher--component", f),
 		...p,
-		children: /* @__PURE__ */ k(b, {
+		children: /* @__PURE__ */ A(x, {
 			"aria-label": u ?? m.label,
 			value: n ?? null,
 			onValueChange: (e) => e && r?.(e),
 			options: e.map((e) => ({
 				value: e.value,
-				label: /* @__PURE__ */ k("span", {
+				label: /* @__PURE__ */ A("span", {
 					lang: e.value,
 					children: e.label
 				})
 			}))
 		})
-	}) : /* @__PURE__ */ A("div", {
+	}) : /* @__PURE__ */ j("div", {
 		className: t("language-switcher--component", f),
 		...p,
-		children: [/* @__PURE__ */ k("span", {
+		children: [/* @__PURE__ */ A("span", {
 			id: _,
 			hidden: !0,
 			children: u ?? m.label
-		}), /* @__PURE__ */ A(l, { children: [/* @__PURE__ */ k(s, { render: /* @__PURE__ */ A(a, {
+		}), /* @__PURE__ */ j(l, { children: [/* @__PURE__ */ A(s, { render: /* @__PURE__ */ j(a, {
 			tone: "neutral",
 			buttonStyle: "ghost",
 			"aria-labelledby": h ? `${_} ${v}` : u ? void 0 : _,
-			children: [/* @__PURE__ */ k(w, {}), h ? /* @__PURE__ */ k("span", {
+			children: [/* @__PURE__ */ A(T, {}), h ? /* @__PURE__ */ A("span", {
 				id: v,
 				lang: h.value,
 				children: h.label
 			}) : u]
-		}) }), /* @__PURE__ */ k(c, {
+		}) }), /* @__PURE__ */ A(c, {
 			align: "end",
-			children: e.map((e) => /* @__PURE__ */ k(o, {
+			children: e.map((e) => /* @__PURE__ */ A(o, {
 				lang: e.value,
 				onClick: () => r?.(e.value),
-				trailing: e.value === n ? /* @__PURE__ */ k(x, { "aria-hidden": !0 }) : void 0,
+				trailing: e.value === n ? /* @__PURE__ */ A(S, { "aria-hidden": !0 }) : void 0,
 				children: e.label
 			}, e.value))
 		})] })]
 	});
 }
 //#endregion
-export { Y as a, W as c, B as d, H as f, P as g, j as h, J as i, U as l, M as m, Z as n, q as o, R as p, X as r, G as s, Q as t, V as u };
+export { X as a, G as c, V as d, U as f, F as g, M as h, Y as i, W as l, N as m, Q as n, J as o, z as p, Z as r, K as s, $ as t, H as u };