@declarion/react 0.87.0 → 0.89.0

package/dist-lib/components/layout/Rail.js

@@ -3,20 +3,21 @@ import { useAnchoredTooltip as t } from "../primitives/Tooltip.js";
 import { useText as n } from "../../hooks/useText.js";
 import { DynamicIcon as r } from "../shared/DynamicIcon.js";
 import { isValidLogoUrl as i } from "../../lib/branding.js";
-import { useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { shortcutLabel as a } from "../../lib/shortcut.js";
+import { useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/layout/Rail.tsx
-var l = 32;
-function u(e, t) {
+var u = 32;
+function d(e, t) {
 	return !t || t.length === 0 ? [] : t.map((t) => ({
 		id: t.code,
 		icon: t.icon || void 0,
 		label: e(t.name) || t.code
 	}));
 }
-function d({ activeArea: t, onPick: r, onToggleAI: a, aiOpen: o, onCmdK: d, areas: m, branding: h }) {
-	let g = n(), _ = u(g, m), v = h?.app_name ?? "", y = i(h?.app_logo) ? h?.app_logo : void 0;
-	return /* @__PURE__ */ c("div", {
+function f({ activeArea: t, onPick: r, onToggleAI: o, aiOpen: s, onCmdK: f, areas: h, branding: g }) {
+	let _ = n(), v = d(_, h), y = g?.app_name ?? "", b = i(g?.app_logo) ? g?.app_logo : void 0;
+	return /* @__PURE__ */ l("div", {
 		style: {
 			gridArea: "rail",
 			background: "var(--rail)",
@@ -28,66 +29,66 @@ function d({ activeArea: t, onPick: r, onToggleAI: a, aiOpen: o, onCmdK: d, area
 			gap: 2
 		},
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				style: {
-					width: l,
-					height: l,
+					width: u,
+					height: u,
 					borderRadius: "var(--radius-md)",
-					background: y ? "transparent" : "linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%)",
+					background: b ? "transparent" : "linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%)",
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
 					marginBottom: 8,
-					boxShadow: y ? "none" : "var(--shadow-sm)",
+					boxShadow: b ? "none" : "var(--shadow-sm)",
 					overflow: "hidden"
 				},
-				title: v ? g("shell.rail.home_named", "{brand} — home", { brand: v }) : g("shell.rail.home", "home"),
-				children: y ? /* @__PURE__ */ s("img", {
-					src: y,
-					alt: v,
-					width: l,
-					height: l,
+				title: y ? _("shell.rail.home_named", "{brand} — home", { brand: y }) : _("shell.rail.home", "home"),
+				children: b ? /* @__PURE__ */ c("img", {
+					src: b,
+					alt: y,
+					width: u,
+					height: u,
 					style: {
 						display: "block",
 						objectFit: "contain"
 					}
-				}) : v ? /* @__PURE__ */ s("span", {
+				}) : y ? /* @__PURE__ */ c("span", {
 					style: {
 						fontSize: 11,
 						fontWeight: 700,
 						letterSpacing: "0.04em"
 					},
-					children: v.charAt(0).toUpperCase()
+					children: y.charAt(0).toUpperCase()
 				}) : null
 			}),
-			_.map((e) => /* @__PURE__ */ s(f, {
+			v.map((e) => /* @__PURE__ */ c(p, {
 				item: e,
 				active: t === e.id,
 				onPick: r
 			}, e.id)),
-			/* @__PURE__ */ s("div", { style: { flex: 1 } }),
-			/* @__PURE__ */ s("button", {
-				onClick: d,
-				title: g("shell.palette.open", "Command Palette (⌘K)"),
-				style: p(!1),
-				children: e.command && /* @__PURE__ */ s(e.command, { size: 16 })
+			/* @__PURE__ */ c("div", { style: { flex: 1 } }),
+			/* @__PURE__ */ c("button", {
+				onClick: f,
+				title: _("shell.palette.open", "Command Palette ({keys})", { keys: a("K") }),
+				style: m(!1),
+				children: e.command && /* @__PURE__ */ c(e.command, { size: 16 })
 			}),
-			/* @__PURE__ */ s("button", {
-				onClick: a,
-				title: g("shell.ai_assistant", "AI Assistant"),
+			/* @__PURE__ */ c("button", {
+				onClick: o,
+				title: _("shell.ai_assistant", "AI Assistant"),
 				style: {
-					...p(!1),
-					background: o ? "var(--accent)" : "transparent",
-					color: o ? "var(--rail-fg)" : "var(--rail-muted)"
+					...m(!1),
+					background: s ? "var(--accent)" : "transparent",
+					color: s ? "var(--rail-fg)" : "var(--rail-muted)"
 				},
-				children: e.sparkle && /* @__PURE__ */ s(e.sparkle, { size: 16 })
+				children: e.sparkle && /* @__PURE__ */ c(e.sparkle, { size: 16 })
 			})
 		]
 	});
 }
-function f({ item: e, active: n, onPick: i }) {
-	let [l, u] = o(!1), d = a(null), f = t(d, e.label), p = n ? "var(--rail-active)" : l ? "var(--rail-hover)" : "transparent", m = n || l ? "var(--rail-fg)" : "var(--rail-muted)";
-	return /* @__PURE__ */ c("button", {
+function p({ item: e, active: n, onPick: i }) {
+	let [a, u] = s(!1), d = o(null), f = t(d, e.label), p = n ? "var(--rail-active)" : a ? "var(--rail-hover)" : "transparent", m = n || a ? "var(--rail-fg)" : "var(--rail-muted)";
+	return /* @__PURE__ */ l("button", {
 		ref: d,
 		onClick: () => i(e.id),
 		"aria-label": e.label,
@@ -114,11 +115,11 @@ function f({ item: e, active: n, onPick: i }) {
 			position: "relative"
 		},
 		children: [
-			e.icon ? /* @__PURE__ */ s(r, {
+			e.icon ? /* @__PURE__ */ c(r, {
 				name: e.icon,
 				size: 16
 			}) : null,
-			n && /* @__PURE__ */ s("span", { style: {
+			n && /* @__PURE__ */ c("span", { style: {
 				position: "absolute",
 				left: -1,
 				top: 8,
@@ -131,7 +132,7 @@ function f({ item: e, active: n, onPick: i }) {
 		]
 	});
 }
-function p(e) {
+function m(e) {
 	return {
 		width: 36,
 		height: 36,
@@ -146,4 +147,4 @@ function p(e) {
 	};
 }
 //#endregion
-export { d as Rail };
+export { f as Rail };

package/dist-lib/components/layout/Sidebar.js

@@ -1,33 +1,38 @@
-import { useSchema as e } from "../../hooks/useSchema.js";
-import { Icon as t } from "../primitives/Icons.js";
-import { Kbd as n } from "../primitives/Kbd.js";
-import { useText as r } from "../../hooks/useText.js";
-import { DynamicIcon as i } from "../shared/DynamicIcon.js";
-import { BrandLogo as a } from "../primitives/BrandLogo.js";
-import { useBrandingIdentity as o } from "../../hooks/useBranding.js";
-import { usePreferencesStore as s } from "../../stores/preferences.js";
-import { isModifiedClick as c } from "../../lib/utils.js";
-import { useTabNavigate as l } from "../../hooks/useTabNavigate.js";
-import { useIntentPrefetch as u } from "../../hooks/useIntentPrefetch.js";
-import { useMemo as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useLocation as g } from "react-router";
+import { usePreferencesStore as e } from "../../stores/preferences.js";
+import { useSchema as t } from "../../hooks/useSchema.js";
+import { Icon as n } from "../primitives/Icons.js";
+import { Kbd as r } from "../primitives/Kbd.js";
+import { useText as i } from "../../hooks/useText.js";
+import { useUiPreferences as a } from "../../hooks/useUiPreferences.js";
+import { DynamicIcon as o } from "../shared/DynamicIcon.js";
+import { shortcutLabel as s } from "../../lib/shortcut.js";
+import { BrandLogo as c } from "../primitives/BrandLogo.js";
+import { useBrandingIdentity as l } from "../../hooks/useBranding.js";
+import { isModifiedClick as u } from "../../lib/utils.js";
+import { useTabNavigate as d } from "../../hooks/useTabNavigate.js";
+import { findNavMatch as f } from "../../lib/schema-routing.js";
+import { useIntentPrefetch as p } from "../../hooks/useIntentPrefetch.js";
+import { useMemo as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useLocation as y } from "react-router";
 //#region src/components/layout/Sidebar.tsx
-function _({ activeArea: i }) {
-	let c = r(), { data: u } = e(), _ = g(), y = l(), x = s((e) => e.sidebar), S = s((e) => e.set), C = x === "collapsed", [w, T] = f({}), E = o(), D = E?.app_name ?? "", O = E?.app_logo, k = E?.version_label ?? "", A = d(() => v(c, u?.navigation ?? [], i), [
-		c,
-		u?.navigation,
-		i
-	]), j = (e) => e ? _.pathname === e || _.pathname.startsWith(e + "/") : !1, M = (e, t) => {
+function b({ activeArea: o }) {
+	let u = i(), { data: p } = t(), b = y(), S = d(), w = e((e) => e.sidebar), { set: T } = a(), E = w === "collapsed", [D, O] = h({}), k = l(), A = k?.app_name ?? "", j = k?.app_logo, M = k?.version_label ?? "", N = m(() => x(u, p?.navigation ?? [], o), [
+		u,
+		p?.navigation,
+		o
+	]), P = m(() => {
+		if (p) return f(p.navigation, p.screens, b.pathname)?.chain.at(-1)?.screen;
+	}, [p, b.pathname]), F = (e, t) => {
 		if (!e.screen) return;
-		let n = u?.screens[e.screen];
-		n && y(n.route, {
-			title: c(e.name),
+		let n = p?.screens[e.screen];
+		n && S(n.route, {
+			title: u(e.name),
 			icon: e.icon,
 			topLevel: !0
 		});
 	};
-	return /* @__PURE__ */ h("aside", {
+	return /* @__PURE__ */ v("aside", {
 		style: {
 			gridArea: "sidebar",
 			background: "var(--sidebar)",
@@ -37,41 +42,47 @@ function _({ activeArea: i }) {
 			overflow: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ _("div", {
 				style: {
 					height: 44,
 					display: "flex",
 					alignItems: "center",
-					padding: C ? 0 : "0 12px",
-					justifyContent: C ? "center" : "flex-start",
+					padding: E ? 0 : "0 12px",
+					justifyContent: E ? "center" : "flex-start",
 					borderBottom: "1px solid var(--divider)",
 					gap: 8
 				},
-				children: C ? O ? /* @__PURE__ */ m(a, {
-					appLogo: O,
+				children: E ? j ? /* @__PURE__ */ _(c, {
+					appLogo: j,
 					size: 18
-				}) : D ? /* @__PURE__ */ m("span", {
+				}) : A ? /* @__PURE__ */ _("span", {
 					style: {
 						fontSize: 11,
 						fontWeight: 700,
 						color: "var(--accent-text)"
 					},
-					children: D.charAt(0)
-				}) : null : /* @__PURE__ */ h(p, { children: [
-					/* @__PURE__ */ m(a, {
-						appLogo: O,
+					children: A.charAt(0)
+				}) : null : /* @__PURE__ */ v(g, { children: [
+					/* @__PURE__ */ _(c, {
+						appLogo: j,
 						size: 20
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ _("div", {
+						title: A,
 						style: {
 							fontSize: 13,
 							fontWeight: 600,
 							letterSpacing: "-0.01em",
-							color: "var(--text)"
+							color: "var(--text)",
+							minWidth: 0,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
 						},
-						children: D
+						children: A
 					}),
-					k && /* @__PURE__ */ m("span", {
+					M && /* @__PURE__ */ _("span", {
+						title: M,
 						style: {
 							padding: "1px 6px",
 							background: "var(--accent-soft)",
@@ -80,21 +91,25 @@ function _({ activeArea: i }) {
 							fontWeight: 600,
 							borderRadius: "var(--radius-xs)",
 							letterSpacing: "0.04em",
-							textTransform: "uppercase"
+							flexShrink: 0,
+							maxWidth: 96,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
 						},
-						children: k
+						children: M
 					})
 				] })
 			}),
-			/* @__PURE__ */ m("nav", {
+			/* @__PURE__ */ _("nav", {
 				style: {
 					flex: 1,
 					overflowY: "auto",
-					padding: C ? "8px 4px" : "8px 6px"
+					padding: E ? "8px 4px" : "8px 6px"
 				},
-				children: A.map((e, t) => /* @__PURE__ */ h("div", {
+				children: N.map((e, t) => /* @__PURE__ */ v("div", {
 					style: { marginBottom: 12 },
-					children: [!C && e.title && /* @__PURE__ */ m("div", {
+					children: [!E && e.title && /* @__PURE__ */ _("div", {
 						style: {
 							fontSize: 9.5,
 							fontWeight: 700,
@@ -105,24 +120,24 @@ function _({ activeArea: i }) {
 						},
 						children: e.title
 					}), e.items.map((e, n) => {
-						let r = `${t}-${n}-${e.screen || c(e.name)}`, i = e.screen ? u?.screens[e.screen] : void 0, a = j(i?.route), o = !!(e.children && e.children.length > 0), s = !!w[r];
-						return /* @__PURE__ */ m(b, {
+						let r = `${t}-${n}-${e.screen || u(e.name)}`, i = e.screen ? p?.screens[e.screen] : void 0, a = !!e.screen && e.screen === P, o = !!(e.children && e.children.length > 0), s = !!D[r];
+						return /* @__PURE__ */ _(C, {
 							item: e,
 							href: i?.route,
-							collapsed: C,
+							collapsed: E,
 							active: a,
 							hasKids: o,
 							expanded: s,
-							onToggleExpand: () => T((e) => ({
+							onToggleExpand: () => O((e) => ({
 								...e,
 								[r]: !e[r]
 							})),
-							onPick: (t) => M(e, t),
-							resolveChild: (e) => e.screen ? u?.screens[e.screen] : void 0,
+							onPick: (t) => F(e, t),
+							resolveChild: (e) => e.screen ? p?.screens[e.screen] : void 0,
 							onPickChild: (e) => {
-								let t = e.screen ? u?.screens[e.screen] : void 0;
-								t && y(t.route, {
-									title: c(e.name),
+								let t = e.screen ? p?.screens[e.screen] : void 0;
+								t && S(t.route, {
+									title: u(e.name),
 									icon: e.icon,
 									topLevel: !0
 								});
@@ -131,18 +146,18 @@ function _({ activeArea: i }) {
 					})]
 				}, t))
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ v("div", {
 				style: {
 					padding: "6px 8px",
 					borderTop: "1px solid var(--divider)",
 					display: "flex",
 					alignItems: "center",
 					gap: 6,
-					justifyContent: C ? "center" : "space-between"
+					justifyContent: E ? "center" : "space-between"
 				},
-				children: [/* @__PURE__ */ m("button", {
-					onClick: () => S("sidebar", C ? "wide" : "collapsed"),
-					title: C ? c("shell.sidebar.expand", "Expand sidebar (⌘B)") : c("shell.sidebar.collapse", "Collapse sidebar (⌘B)"),
+				children: [/* @__PURE__ */ _("button", {
+					onClick: () => void T("sidebar", E ? "wide" : "collapsed"),
+					title: E ? u("shell.sidebar.expand", "Expand sidebar ({keys})", { keys: s("B") }) : u("shell.sidebar.collapse", "Collapse sidebar ({keys})", { keys: s("B") }),
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -155,22 +170,22 @@ function _({ activeArea: i }) {
 						color: "var(--text-3)",
 						cursor: "pointer"
 					},
-					children: m(C ? t.right : t.left, { size: 14 })
-				}), !C && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
+					children: _(E ? n.right : n.left, { size: 14 })
+				}), !E && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
 					style: {
 						flex: 1,
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: c("shell.sidebar.footer", "Docs · API · Help")
-				}), /* @__PURE__ */ m(n, { children: "?" })] })]
+					children: u("shell.sidebar.footer", "Docs · API · Help")
+				}), /* @__PURE__ */ _(r, { children: "?" })] })]
 			})
 		]
 	});
 }
-function v(e, t, n) {
+function x(e, t, n) {
 	let r = [];
-	for (let i of t) if (y(i, n)) {
+	for (let i of t) if (S(i, n)) {
 		if (i.items && i.items.length > 0) r.push({
 			title: e(i.name) || "",
 			items: i.items
@@ -185,13 +200,13 @@ function v(e, t, n) {
 	}
 	return r;
 }
-function y(e, t) {
+function S(e, t) {
 	return (e.area || "default") === t;
 }
-function b({ item: e, href: n, collapsed: a, active: o, hasKids: s, expanded: l, onToggleExpand: d, onPick: g, onPickChild: _, resolveChild: v }) {
-	let y = r(), [b, S] = f(!1), C = u(n), w = !!e.icon, T = y(e.name) || e.screen || "";
-	if (a) {
-		let t = {
+function C({ item: e, href: t, collapsed: r, active: a, hasKids: s, expanded: c, onToggleExpand: l, onPick: d, onPickChild: f, resolveChild: m }) {
+	let y = i(), [b, x] = h(!1), S = p(t), C = !!e.icon, T = y(e.name) || e.screen || "";
+	if (r) {
+		let n = {
 			width: 40,
 			height: 32,
 			margin: "2px auto",
@@ -201,32 +216,32 @@ function b({ item: e, href: n, collapsed: a, active: o, hasKids: s, expanded: l,
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
-			background: o ? "var(--sidebar-active)" : b ? "var(--sidebar-hover)" : "transparent",
-			color: o ? "var(--accent)" : "var(--text-3)",
+			background: a ? "var(--sidebar-active)" : b ? "var(--sidebar-hover)" : "transparent",
+			color: a ? "var(--accent)" : "var(--text-3)",
 			textDecoration: "none"
 		};
-		return n ? /* @__PURE__ */ m("a", {
-			href: n,
+		return t ? /* @__PURE__ */ _("a", {
+			href: t,
 			"data-declarion-native-link": "",
-			...C,
+			...S,
 			onClick: (e) => {
-				c(e) || (e.preventDefault(), g());
+				u(e) || (e.preventDefault(), d());
 			},
 			title: T,
-			onMouseEnter: () => S(!0),
-			onMouseLeave: () => S(!1),
-			style: t,
-			children: w && /* @__PURE__ */ m(i, {
+			onMouseEnter: () => x(!0),
+			onMouseLeave: () => x(!1),
+			style: n,
+			children: C && /* @__PURE__ */ _(o, {
 				name: e.icon,
 				size: 14
 			})
-		}) : /* @__PURE__ */ m("button", {
-			onClick: () => g(),
+		}) : /* @__PURE__ */ _("button", {
+			onClick: () => d(),
 			title: T,
-			onMouseEnter: () => S(!0),
-			onMouseLeave: () => S(!1),
-			style: t,
-			children: w && /* @__PURE__ */ m(i, {
+			onMouseEnter: () => x(!0),
+			onMouseLeave: () => x(!1),
+			style: n,
+			children: C && /* @__PURE__ */ _(o, {
 				name: e.icon,
 				size: 14
 			})
@@ -243,21 +258,21 @@ function b({ item: e, href: n, collapsed: a, active: o, hasKids: s, expanded: l,
 		border: 0,
 		cursor: "pointer",
 		textAlign: "left",
-		background: o ? "var(--sidebar-active)" : b ? "var(--sidebar-hover)" : "transparent",
-		color: o ? "var(--accent)" : "var(--text-2)",
+		background: a ? "var(--sidebar-active)" : b ? "var(--sidebar-hover)" : "transparent",
+		color: a ? "var(--accent)" : "var(--text-2)",
 		fontSize: 12.5,
-		fontWeight: o ? 600 : 500,
+		fontWeight: a ? 600 : 500,
 		textDecoration: "none"
-	}, D = /* @__PURE__ */ h(p, { children: [
-		w && /* @__PURE__ */ m(i, {
+	}, D = /* @__PURE__ */ v(g, { children: [
+		C && /* @__PURE__ */ _(o, {
 			name: e.icon,
 			size: 14
 		}),
-		/* @__PURE__ */ m("span", {
+		/* @__PURE__ */ _("span", {
 			style: { flex: 1 },
 			children: T
 		}),
-		e.badge && /* @__PURE__ */ m("span", {
+		e.badge && /* @__PURE__ */ _("span", {
 			style: {
 				padding: "1px 5px",
 				background: "var(--surface-3)",
@@ -268,65 +283,65 @@ function b({ item: e, href: n, collapsed: a, active: o, hasKids: s, expanded: l,
 			},
 			children: e.badge
 		}),
-		s && /* @__PURE__ */ m("span", {
+		s && /* @__PURE__ */ _("span", {
 			role: "button",
-			"aria-label": l ? y("shell.sidebar.collapse_item", "Collapse") : y("shell.sidebar.expand_item", "Expand"),
+			"aria-label": c ? y("shell.sidebar.collapse_item", "Collapse") : y("shell.sidebar.expand_item", "Expand"),
 			onClick: (e) => {
-				e.stopPropagation(), e.preventDefault(), d();
+				e.stopPropagation(), e.preventDefault(), l();
 			},
 			style: {
 				display: "inline-flex",
 				padding: 2,
 				cursor: "pointer"
 			},
-			children: /* @__PURE__ */ m(t.down, {
+			children: /* @__PURE__ */ _(n.down, {
 				size: 11,
 				style: {
-					transform: l ? "rotate(0)" : "rotate(-90deg)",
+					transform: c ? "rotate(0)" : "rotate(-90deg)",
 					transition: "transform .15s",
 					color: "var(--text-3)"
 				}
 			})
 		})
 	] });
-	return /* @__PURE__ */ h("div", { children: [n ? /* @__PURE__ */ m("a", {
-		href: n,
+	return /* @__PURE__ */ v("div", { children: [t ? /* @__PURE__ */ _("a", {
+		href: t,
 		"data-declarion-native-link": "",
-		...C,
+		...S,
 		onClick: (e) => {
-			c(e) || (e.preventDefault(), g());
+			u(e) || (e.preventDefault(), d());
 		},
-		onMouseEnter: () => S(!0),
-		onMouseLeave: () => S(!1),
+		onMouseEnter: () => x(!0),
+		onMouseLeave: () => x(!1),
 		style: E,
 		children: D
-	}) : /* @__PURE__ */ m("button", {
+	}) : /* @__PURE__ */ _("button", {
 		onClick: () => {
-			s && d();
+			s && l();
 		},
-		onMouseEnter: () => S(!0),
-		onMouseLeave: () => S(!1),
+		onMouseEnter: () => x(!0),
+		onMouseLeave: () => x(!1),
 		style: E,
 		children: D
-	}), s && l && /* @__PURE__ */ m("div", {
+	}), s && c && /* @__PURE__ */ _("div", {
 		style: {
 			marginLeft: 22,
 			borderLeft: "1px solid var(--divider)",
 			paddingLeft: 6
 		},
 		children: (e.children || []).map((e, t) => {
-			let n = v(e), r = e.screen || `${t}`;
-			return /* @__PURE__ */ m(x, {
+			let n = m(e), r = e.screen || `${t}`;
+			return /* @__PURE__ */ _(w, {
 				label: y(e.name) || e.screen || "",
 				href: n?.route,
 				enabled: !!n,
-				onPick: () => _(e)
+				onPick: () => f(e)
 			}, r);
 		})
 	})] });
 }
-function x({ label: e, href: t, enabled: n, onPick: r }) {
-	let [i, a] = f(!1), o = u(n ? t : void 0), s = {
+function w({ label: e, href: t, enabled: n, onPick: r }) {
+	let [i, a] = h(!1), o = p(n ? t : void 0), s = {
 		width: "100%",
 		display: "block",
 		padding: "4px 8px",
@@ -339,18 +354,18 @@ function x({ label: e, href: t, enabled: n, onPick: r }) {
 		color: "var(--text-3)",
 		textDecoration: "none"
 	};
-	return n && t ? /* @__PURE__ */ m("a", {
+	return n && t ? /* @__PURE__ */ _("a", {
 		href: t,
 		"data-declarion-native-link": "",
 		...o,
 		onClick: (e) => {
-			c(e) || (e.preventDefault(), r());
+			u(e) || (e.preventDefault(), r());
 		},
 		onMouseEnter: () => a(!0),
 		onMouseLeave: () => a(!1),
 		style: s,
 		children: e
-	}) : /* @__PURE__ */ m("button", {
+	}) : /* @__PURE__ */ _("button", {
 		onClick: () => n && r(),
 		onMouseEnter: () => a(!0),
 		onMouseLeave: () => a(!1),
@@ -359,4 +374,4 @@ function x({ label: e, href: t, enabled: n, onPick: r }) {
 	});
 }
 //#endregion
-export { _ as Sidebar, v as buildSections };
+export { b as Sidebar, x as buildSections };