@fiestaboard/ui 3.3.0 → 4.0.0

package/dist/components/chrome/sidebar.js

@@ -4,21 +4,19 @@ import { Button as t } from "../forms/button.js";
 import { Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a } from "../overlays/tooltip.js";
 import { FIESTA_ICON_DATA_URI as o } from "./fiesta-icon.js";
 import { FiestaLogo as s } from "./fiesta-logo.js";
-import { SidebarAurora as ee } from "../seasons/sidebar-aurora.js";
-import { SidebarAuroraHorizontal as te } from "../seasons/sidebar-aurora-horizontal.js";
-import { ChevronLeft as c, ChevronRight as l, Menu as ne, Sparkles as u, X as d } from "lucide-react";
-import { Fragment as f, memo as p, useEffect as m, useRef as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ChevronLeft as c, ChevronRight as ee, Menu as l, Sparkles as u, X as te } from "lucide-react";
+import { Fragment as d, memo as f, useEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/chrome/sidebar.tsx
-var b = "nav-active font-semibold", x = "text-sidebar-foreground nav-active-hover", S = "flex items-center gap-3 rounded-lg px-4 py-3 text-base font-medium min-h-[48px]", re = e(S, b), ie = e(S, x), C = "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-base font-medium min-h-[48px]", ae = e(C, b), w = e(C, x), T = "flex items-center gap-3 py-2 pl-[14px] pr-3 rounded-lg text-sm font-medium transition-colors", E = e(T, b), D = e(T, x), O = "flex w-full items-center gap-3 py-2 pl-[14px] pr-3 rounded-lg text-sm font-medium transition-colors", oe = e(O, b), k = e(O, x), A = "whitespace-nowrap overflow-hidden transition-opacity duration-fast", j = e(A, "opacity-0 max-w-0"), M = e(A, "opacity-100 max-w-48 delay-150"), N = "lg:hidden fixed inset-0 z-[var(--z-mobile-backdrop)] bg-black/25 backdrop-blur-[2px] transition-opacity duration-base pointer-events-none", se = e(N, "opacity-100 pointer-events-auto"), ce = e(N, "opacity-0"), P = "lg:hidden fixed top-[calc(var(--mobile-header-height,56px)+16px)] left-3 right-3 z-[var(--z-mobile-menu)] flex max-h-[calc(100dvh-var(--mobile-header-height,56px)-2rem)] flex-col overflow-hidden sidebar-gradient-horizontal", le = e(P, "opacity-100"), ue = e(P, "opacity-0 pointer-events-none"), F = "clip-path var(--motion-duration-slower) var(--motion-ease-spring), opacity var(--motion-duration-exit) var(--motion-ease-standard)", I = {
+var y = "nav-active font-semibold", b = "text-sidebar-foreground nav-active-hover", x = "flex items-center gap-3 rounded-lg px-4 py-3 text-base font-medium min-h-[48px]", S = e(x, y), C = e(x, b), w = "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-base font-medium min-h-[48px]", T = e(w, y), E = e(w, b), D = "flex items-center gap-3 py-2 pl-[14px] pr-3 rounded-lg text-sm font-medium transition-colors", ne = e(D, y), re = e(D, b), O = "flex w-full items-center gap-3 py-2 pl-[14px] pr-3 rounded-lg text-sm font-medium transition-colors", k = e(O, y), A = e(O, b), j = "whitespace-nowrap overflow-hidden transition-opacity duration-fast", M = e(j, "opacity-0 max-w-0"), N = e(j, "opacity-100 max-w-48 delay-150"), P = "lg:hidden fixed inset-0 z-[var(--z-mobile-backdrop)] bg-black/25 backdrop-blur-[2px] transition-opacity duration-base pointer-events-none", ie = e(P, "opacity-100 pointer-events-auto"), ae = e(P, "opacity-0"), F = "lg:hidden fixed top-[calc(var(--mobile-header-height,56px)+16px)] left-3 right-3 z-[var(--z-mobile-menu)] flex max-h-[calc(100dvh-var(--mobile-header-height,56px)-2rem)] flex-col overflow-hidden sidebar-gradient-horizontal", oe = e(F, "opacity-100"), se = e(F, "opacity-0 pointer-events-none"), I = "clip-path var(--motion-duration-slower) var(--motion-ease-spring), opacity var(--motion-duration-exit) var(--motion-ease-standard)", L = {
 	clipPath: "inset(0 0 0 0 round var(--radius-chrome-mobile, 16px))",
-	transition: F
-}, L = {
+	transition: I
+}, R = {
 	clipPath: "inset(0 0 100% 0 round var(--radius-chrome-mobile, 16px))",
-	transition: F
-}, R = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", z = p(function({ labels: p, primaryItems: b, secondaryItems: x, renderLink: S, collapsed: C, transitioning: T = !1, onToggleCollapsed: O, onTransitionEnd: A, logoIconSrc: N = o, season: P = null, onLogoClick: F, ai: z, boardSelector: B, mobileBoardSelector: V, renderAccount: H, versionSlot: U, themeToggleSlot: W, maxWidth: G, sidebarInset: de }) {
-	let [K, q] = g(!1), [fe, pe] = g(0), J = h(null), Y = h(null), X = h(null);
-	m(() => {
+	transition: I
+}, z = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", B = f(function({ labels: f, primaryItems: y, secondaryItems: b, renderLink: x, collapsed: w, transitioning: D = !1, onToggleCollapsed: O, onTransitionEnd: j, logoIconSrc: P = o, onLogoClick: F, ai: I, boardSelector: B, mobileBoardSelector: V, renderAccount: H, versionSlot: U, themeToggleSlot: W, maxWidth: G, sidebarInset: ce }) {
+	let [K, q] = h(!1), [le, ue] = h(0), J = m(null), Y = m(null), X = m(null);
+	p(() => {
 		let e = J.current;
 		if (!e) return;
 		let t = null, n = "", r = () => {
@@ -31,12 +29,12 @@ var b = "nav-active font-semibold", x = "text-sidebar-foreground nav-active-hove
 		return i.observe(e), r(), () => {
 			i.disconnect(), t !== null && cancelAnimationFrame(t), document.documentElement.style.removeProperty("--mobile-header-height");
 		};
-	}, []), m(() => (K ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+	}, []), p(() => (K ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
 		document.body.style.overflow = "";
-	}), [K]), m(() => {
+	}), [K]), p(() => {
 		if (K) {
 			let e = Y.current;
-			(e?.querySelector(R) ?? e)?.focus();
+			(e?.querySelector(z) ?? e)?.focus();
 			let t = (e) => {
 				e.key === "Escape" && q(!1);
 			};
@@ -45,11 +43,11 @@ var b = "nav-active font-semibold", x = "text-sidebar-foreground nav-active-hove
 		let e = X.current;
 		X.current = null, e?.focus();
 	}, [K]);
-	function me(e) {
+	function de(e) {
 		if (e.key !== "Tab") return;
 		let t = Y.current;
 		if (!t) return;
-		let n = t.querySelectorAll(R);
+		let n = t.querySelectorAll(z);
 		if (n.length === 0) {
 			e.preventDefault();
 			return;
@@ -57,11 +55,11 @@ var b = "nav-active font-semibold", x = "text-sidebar-foreground nav-active-hove
 		let r = n[0], i = n[n.length - 1], a = document.activeElement;
 		e.shiftKey ? (a === r || a === t) && (e.preventDefault(), i.focus()) : a === i && (e.preventDefault(), r.focus());
 	}
-	m(() => {
+	p(() => {
 		let e = null, t = () => {
 			e = null;
 			let t = Math.max(0, (document.body.clientWidth - G) / 2);
-			pe((e) => e === t ? e : t);
+			ue((e) => e === t ? e : t);
 		}, n = () => {
 			e === null && (e = requestAnimationFrame(t));
 		};
@@ -70,249 +68,230 @@ var b = "nav-active font-semibold", x = "text-sidebar-foreground nav-active-hove
 		};
 	}, [G]);
 	function Z(e) {
-		let t = e.icon, n = e.active ? re : ie;
-		return e.external ? /* @__PURE__ */ y("a", {
+		let t = e.icon, n = e.active ? S : C;
+		return e.external ? /* @__PURE__ */ v("a", {
 			href: e.href,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			onClick: () => q(!1),
 			className: n,
-			children: [/* @__PURE__ */ v(t, { className: "h-5 w-5" }), e.label]
-		}, e.key) : /* @__PURE__ */ v("span", {
+			children: [/* @__PURE__ */ _(t, { className: "h-5 w-5" }), e.label]
+		}, e.key) : /* @__PURE__ */ _("span", {
 			className: "contents",
-			children: S({
+			children: x({
 				href: e.href,
 				onClick: () => q(!1),
 				onMouseEnter: e.onPrefetch,
 				onFocus: e.onPrefetch,
 				className: n,
-				children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: "h-5 w-5" }), e.label] })
+				children: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(t, { className: "h-5 w-5" }), e.label] })
 			}, e)
 		}, e.key);
 	}
 	function Q(e) {
-		let t = e.icon, i = e.active ? E : D, o = /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: "h-5 w-5 flex-shrink-0" }), /* @__PURE__ */ v("span", {
-			className: C ? j : M,
+		let t = e.icon, i = e.active ? ne : re, o = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(t, { className: "h-5 w-5 flex-shrink-0" }), /* @__PURE__ */ _("span", {
+			className: w ? M : N,
 			children: e.label
-		})] }), s = e.external ? /* @__PURE__ */ v("a", {
+		})] }), s = e.external ? /* @__PURE__ */ _("a", {
 			href: e.href,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: i,
-			"aria-label": C ? e.label : void 0,
+			"aria-label": w ? e.label : void 0,
 			children: o
-		}) : S({
+		}) : x({
 			href: e.href,
 			onMouseEnter: e.onPrefetch,
 			onFocus: e.onPrefetch,
 			className: i,
-			"aria-label": C ? e.label : void 0,
+			"aria-label": w ? e.label : void 0,
 			children: o
 		}, e);
-		return C ? /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
+		return w ? /* @__PURE__ */ v(n, { children: [/* @__PURE__ */ _(a, {
 			asChild: !0,
 			children: s
-		}), /* @__PURE__ */ v(r, {
+		}), /* @__PURE__ */ _(r, {
 			side: "right",
 			className: "font-medium",
 			children: e.label
-		})] }, e.key) : /* @__PURE__ */ v(f, { children: s }, e.key);
+		})] }, e.key) : /* @__PURE__ */ _(d, { children: s }, e.key);
 	}
 	let $ = (t) => {
-		let n = t === "mobile" ? /* @__PURE__ */ v(s, {
+		let n = t === "mobile" ? /* @__PURE__ */ _(s, {
 			size: "sm",
 			className: "logo-on-gradient whitespace-nowrap"
-		}) : /* @__PURE__ */ v(s, { className: e("logo-on-gradient whitespace-nowrap overflow-hidden transition-opacity duration-fast", C ? "opacity-0 max-w-0" : "opacity-100 max-w-48 delay-150") }), r = /* @__PURE__ */ v("img", {
-			src: N,
+		}) : /* @__PURE__ */ _(s, { className: e("logo-on-gradient whitespace-nowrap overflow-hidden transition-opacity duration-fast", w ? "opacity-0 max-w-0" : "opacity-100 max-w-48 delay-150") }), r = /* @__PURE__ */ _("img", {
+			src: P,
 			alt: "",
 			width: 32,
 			height: 32,
 			className: "flex-shrink-0"
 		}), i = t === "mobile" ? "flex items-center gap-3 flex-1 ml-2" : "flex items-center gap-2 overflow-hidden px-4 py-4";
-		return P ? /* @__PURE__ */ y("button", {
+		return F ? /* @__PURE__ */ v("button", {
 			type: "button",
 			onClick: F,
-			"aria-label": p.logoButtonAriaLabel,
+			"aria-label": f.logoButtonAriaLabel,
 			className: e(i, "cursor-pointer text-left", t === "desktop" && "w-full"),
 			children: [r, n]
-		}) : /* @__PURE__ */ y("div", {
+		}) : /* @__PURE__ */ v("div", {
 			className: i,
 			children: [r, n]
 		});
 	};
-	return /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ y("header", {
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _("header", {
 			ref: J,
 			className: "lg:hidden fixed top-2 left-3 right-3 z-[var(--z-mobile-header)] overflow-hidden sidebar-gradient-horizontal",
-			children: [
-				/* @__PURE__ */ v("div", {
-					"aria-hidden": !0,
-					className: "sidebar-gradient-layer"
-				}),
-				P && /* @__PURE__ */ v(te, { colors: P.colors }),
-				/* @__PURE__ */ y("div", {
-					className: "relative z-[1] flex min-h-14 flex-wrap items-center gap-y-2 px-4 py-2",
-					children: [
-						/* @__PURE__ */ v(t, {
-							variant: "ghost",
-							size: "icon",
-							className: "h-9 w-9 flex-shrink-0 -ml-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-							onClick: (e) => {
-								K || (X.current = e.currentTarget), q(!K);
-							},
-							"aria-label": K ? p.closeMenu : p.openMenu,
-							children: v(K ? d : ne, { className: "h-6 w-6" })
-						}),
-						$("mobile"),
-						V && /* @__PURE__ */ v("div", {
-							className: "ml-auto pl-2 flex-shrink-0",
-							children: V
-						})
-					]
-				})
-			]
+			children: /* @__PURE__ */ v("div", {
+				className: "relative z-[1] flex min-h-14 flex-wrap items-center gap-y-2 px-4 py-2",
+				children: [
+					/* @__PURE__ */ _(t, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-9 w-9 flex-shrink-0 -ml-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+						onClick: (e) => {
+							K || (X.current = e.currentTarget), q(!K);
+						},
+						"aria-label": K ? f.closeMenu : f.openMenu,
+						children: _(K ? te : l, { className: "h-6 w-6" })
+					}),
+					$("mobile"),
+					V && /* @__PURE__ */ _("div", {
+						className: "ml-auto pl-2 flex-shrink-0",
+						children: V
+					})
+				]
+			})
 		}),
-		/* @__PURE__ */ v("div", {
+		/* @__PURE__ */ _("div", {
 			"data-testid": "mobile-backdrop",
-			className: K ? se : ce,
+			className: K ? ie : ae,
 			onClick: () => q(!1),
 			"aria-hidden": "true"
 		}),
-		/* @__PURE__ */ y("div", {
+		/* @__PURE__ */ v("div", {
 			ref: Y,
-			className: K ? le : ue,
+			className: K ? oe : se,
 			role: K ? "dialog" : void 0,
 			"aria-modal": K ? !0 : void 0,
-			"aria-label": K ? p.navigationMenu : void 0,
+			"aria-label": K ? f.navigationMenu : void 0,
 			"aria-hidden": !K,
 			inert: !K || void 0,
 			tabIndex: K ? -1 : void 0,
-			onKeyDown: me,
-			style: K ? I : L,
+			onKeyDown: de,
+			style: K ? L : R,
 			children: [
-				/* @__PURE__ */ v("div", {
-					"aria-hidden": !0,
-					className: "sidebar-gradient-layer"
-				}),
-				/* @__PURE__ */ y("nav", {
-					"aria-label": p.primaryNavigation,
+				/* @__PURE__ */ v("nav", {
+					"aria-label": f.primaryNavigation,
 					className: "min-h-0 flex-1 space-y-1 overflow-y-auto px-3 py-4",
-					children: [b.map(Z), z && /* @__PURE__ */ y("button", {
+					children: [y.map(Z), I && /* @__PURE__ */ v("button", {
 						type: "button",
 						onClick: () => {
-							z.onOpen(), q(!1);
+							I.onOpen(), q(!1);
 						},
-						className: z.active ? ae : w,
-						children: [/* @__PURE__ */ v(u, { className: "h-5 w-5" }), p.aiAssistant]
+						className: I.active ? T : E,
+						children: [/* @__PURE__ */ _(u, { className: "h-5 w-5" }), f.aiAssistant]
 					})]
 				}),
-				/* @__PURE__ */ v("div", { className: "shrink-0 border-t border-sidebar-border mx-3" }),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ _("div", { className: "shrink-0 border-t border-sidebar-border mx-3" }),
+				/* @__PURE__ */ v("div", {
 					className: "shrink-0 px-3 py-3 text-sidebar-foreground",
-					children: [/* @__PURE__ */ y("nav", {
-						"aria-label": p.secondaryNavigation,
+					children: [/* @__PURE__ */ v("nav", {
+						"aria-label": f.secondaryNavigation,
 						className: "space-y-1",
-						children: [x.map(Z), H?.({
+						children: [b.map(Z), H?.({
 							variant: "mobile",
 							collapsed: !1
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "mt-2 flex items-center justify-between gap-2 border-t border-sidebar-border/80 px-4 pt-3",
 						children: [U, W]
 					})]
 				})
 			]
 		}),
-		/* @__PURE__ */ v(i, {
+		/* @__PURE__ */ _(i, {
 			delayDuration: 0,
-			children: /* @__PURE__ */ y("aside", {
-				"aria-label": p.mainNavigation,
-				className: e("hidden lg:fixed lg:top-3 lg:bottom-3 lg:z-[var(--z-sidebar)] lg:block sidebar-gradient sidebar-transition", C ? "lg:w-16" : "lg:w-64", T && "is-transitioning"),
-				style: { left: fe + de },
+			children: /* @__PURE__ */ v("aside", {
+				"aria-label": f.mainNavigation,
+				className: e("hidden lg:fixed lg:top-3 lg:bottom-3 lg:z-[var(--z-sidebar)] lg:block sidebar-gradient sidebar-transition", w ? "lg:w-16" : "lg:w-64", D && "is-transitioning"),
+				style: { left: le + ce },
 				onTransitionEnd: (e) => {
-					e.target === e.currentTarget && e.propertyName === "width" && A?.();
+					e.target === e.currentTarget && e.propertyName === "width" && j?.();
 				},
-				children: [
-					/* @__PURE__ */ v("div", {
-						"aria-hidden": !0,
-						className: "sidebar-gradient-layer"
-					}),
-					P && /* @__PURE__ */ v(ee, { colors: P.colors }),
-					/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
-						asChild: !0,
-						children: /* @__PURE__ */ v("button", {
-							onClick: O,
-							"aria-label": C ? p.expandSidebar : p.collapseSidebar,
-							className: "absolute -right-3.5 top-[51px] z-[var(--z-sidebar-toggle)] flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-md hover:bg-accent hover:text-foreground transition-colors",
-							children: v(C ? l : c, { className: "h-3.5 w-3.5" })
-						})
-					}), /* @__PURE__ */ v(r, {
-						side: "right",
-						children: C ? p.expandSidebar : p.collapseSidebar
-					})] }),
-					/* @__PURE__ */ y("div", {
-						className: "relative z-[1] flex h-full flex-col overflow-hidden",
-						children: [
-							$("desktop"),
-							/* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" }),
-							B && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
-								className: "shrink-0 px-2 pb-3 pt-3",
-								children: B
-							}), /* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" })] }),
-							/* @__PURE__ */ v("nav", {
-								"aria-label": p.primaryNavigation,
-								className: "min-h-0 flex-1 space-y-1 overflow-y-auto py-4 px-2",
-								children: b.map(Q)
-							}),
-							z && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" }), /* @__PURE__ */ v("div", {
-								className: "shrink-0 px-2 py-2",
-								children: /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
-									asChild: !0,
-									children: /* @__PURE__ */ y("button", {
-										type: "button",
-										onClick: z.onOpen,
-										"aria-label": p.aiAssistant,
-										className: z.active ? oe : k,
-										children: [/* @__PURE__ */ v(u, { className: "h-5 w-5 flex-shrink-0" }), /* @__PURE__ */ v("span", {
-											className: C ? j : M,
-											children: p.aiAssistant
-										})]
-									})
-								}), C && /* @__PURE__ */ v(r, {
-									side: "right",
-									className: "font-medium",
-									children: p.aiAssistant
-								})] })
-							})] }),
-							/* @__PURE__ */ v("div", { className: "mx-2 border-t border-sidebar-border" }),
-							/* @__PURE__ */ y("div", {
-								className: "shrink-0 px-2 pt-2 pb-3",
-								children: [/* @__PURE__ */ y("nav", {
-									"aria-label": p.secondaryNavigation,
-									className: "space-y-1",
-									children: [x.map(Q), H?.({
-										variant: "desktop",
-										collapsed: C
-									})]
-								}), /* @__PURE__ */ y("div", {
-									className: e("mt-2 border-t border-sidebar-border/80 py-2", C ? "flex flex-col items-center gap-1" : "flex items-center justify-between gap-2 pl-[14px] pr-3"),
-									children: [/* @__PURE__ */ v("div", {
-										className: e("min-w-0 overflow-hidden whitespace-nowrap", C ? "order-2 w-full truncate text-center" : "order-1"),
-										children: U
-									}), /* @__PURE__ */ v("div", {
-										className: e("flex-shrink-0", C ? "order-1" : "order-2"),
-										children: W
+				children: [/* @__PURE__ */ v(n, { children: [/* @__PURE__ */ _(a, {
+					asChild: !0,
+					children: /* @__PURE__ */ _("button", {
+						onClick: O,
+						"aria-label": w ? f.expandSidebar : f.collapseSidebar,
+						className: "absolute -right-3.5 top-[51px] z-[var(--z-sidebar-toggle)] flex h-7 w-7 items-center justify-center rounded-full border border-sidebar-border bg-sidebar text-sidebar-foreground shadow-md transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+						children: _(w ? ee : c, { className: "h-3.5 w-3.5" })
+					})
+				}), /* @__PURE__ */ _(r, {
+					side: "right",
+					children: w ? f.expandSidebar : f.collapseSidebar
+				})] }), /* @__PURE__ */ v("div", {
+					className: "relative z-[1] flex h-full flex-col overflow-hidden",
+					children: [
+						$("desktop"),
+						/* @__PURE__ */ _("div", { className: "mx-2 border-t border-sidebar-border" }),
+						B && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+							className: "shrink-0 px-2 pb-3 pt-3",
+							children: B
+						}), /* @__PURE__ */ _("div", { className: "mx-2 border-t border-sidebar-border" })] }),
+						/* @__PURE__ */ _("nav", {
+							"aria-label": f.primaryNavigation,
+							className: "min-h-0 flex-1 space-y-1 overflow-y-auto py-4 px-2",
+							children: y.map(Q)
+						}),
+						I && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "mx-2 border-t border-sidebar-border" }), /* @__PURE__ */ _("div", {
+							className: "shrink-0 px-2 py-2",
+							children: /* @__PURE__ */ v(n, { children: [/* @__PURE__ */ _(a, {
+								asChild: !0,
+								children: /* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: I.onOpen,
+									"aria-label": f.aiAssistant,
+									className: I.active ? k : A,
+									children: [/* @__PURE__ */ _(u, { className: "h-5 w-5 flex-shrink-0" }), /* @__PURE__ */ _("span", {
+										className: w ? M : N,
+										children: f.aiAssistant
 									})]
+								})
+							}), w && /* @__PURE__ */ _(r, {
+								side: "right",
+								className: "font-medium",
+								children: f.aiAssistant
+							})] })
+						})] }),
+						/* @__PURE__ */ _("div", { className: "mx-2 border-t border-sidebar-border" }),
+						/* @__PURE__ */ v("div", {
+							className: "shrink-0 px-2 pt-2 pb-3",
+							children: [/* @__PURE__ */ v("nav", {
+								"aria-label": f.secondaryNavigation,
+								className: "space-y-1",
+								children: [b.map(Q), H?.({
+									variant: "desktop",
+									collapsed: w
 								})]
-							})
-						]
-					})
-				]
+							}), /* @__PURE__ */ v("div", {
+								className: e("mt-2 border-t border-sidebar-border/80 py-2", w ? "flex flex-col items-center gap-1" : "flex items-center justify-between gap-2 pl-[14px] pr-3"),
+								children: [/* @__PURE__ */ _("div", {
+									className: e("min-w-0 overflow-hidden whitespace-nowrap", w ? "order-2 w-full truncate text-center" : "order-1"),
+									children: U
+								}), /* @__PURE__ */ _("div", {
+									className: e("flex-shrink-0", w ? "order-1" : "order-2"),
+									children: W
+								})]
+							})]
+						})
+					]
+				})]
 			})
 		})
 	] });
 });
 //#endregion
-export { z as Sidebar };
+export { B as Sidebar };
 
 //# sourceMappingURL=sidebar.js.map

package/dist/components/chrome/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/chrome/sidebar.tsx"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/chrome/sidebar.tsx"],"mappings":"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"}

package/dist/components/chrome/theme-toggle.d.ts

@@ -1,22 +1,49 @@
 interface ThemeToggleProps {
-    /** Current resolved theme. */
-    theme: "light" | "dark";
+    /**
+     * Current theme choice. `"light"` / `"dark"` are resolved modes; `"system"`
+     * means "follow the OS" and renders a distinct Monitor glyph, so a three-way
+     * chooser stays legible at a glance instead of surviving only in `label`.
+     * Binary consumers pass `"light"` / `"dark"` and are unaffected — the union
+     * was widened, not changed.
+     */
+    theme: "light" | "dark" | "system";
     /** Called when the user clicks the toggle. */
     onToggle: () => void;
     /** Localized accessible label, e.g. "Toggle theme". */
     label: string;
+    /**
+     * Which signal decides Sun vs Moon. Ignored when `theme` is `"system"`.
+     *
+     * - `"prop"` (default) — the `theme` prop, via `data-resolved-theme`. The
+     *   component's documented contract: the icon follows what you passed, even
+     *   where that disagrees with the root `.dark` class. Keep this unless you
+     *   are the case below; a story hardcoding `theme="dark"` under a light root
+     *   must still render the dark glyph (issue #89, and VRT caught exactly it).
+     * - `"dom"` — the ancestor `.dark` class, the same signal `theme.css` keys
+     *   dark mode on. For statically rendered sites, where the server cannot
+     *   know the visitor's theme and so bakes the wrong `data-resolved-theme`
+     *   into the HTML: an inline `<head>` script that stamps `.dark` before
+     *   first paint is then enough to paint the correct glyph with no JS and no
+     *   hydration, killing the light-icon flash a dark-mode visitor sees on
+     *   every cold load. Only pass this when something stamps `.dark` pre-paint
+     *   — otherwise the icon is stuck on the light glyph.
+     */
+    iconSource?: "prop" | "dom";
 }
 /**
  * Controlled presentational theme toggle. Theme state/persistence stays in
  * the app (FiestaBoard wires this to its use-theme hook).
  *
- * Both icons are always in the DOM; the visible one is selected by CSS keyed
- * on the prop-driven `data-resolved-theme` attribute, so the icon still
- * follows the `theme` prop (the component's contract) rather than the root
- * `.dark` class. Server and client markup differ at most by one attribute
- * value when the theme resolves differently server-side — patched cheaply
- * during hydration (`suppressHydrationWarning`), so no mounted gate or
- * placeholder render is needed.
+ * Every icon is always in the DOM and the visible one is selected purely by
+ * CSS — no icon is conditionally rendered from `theme`. That is what makes the
+ * component SSR-safe without a mounted gate (issue #89): server and client
+ * markup differ at most by one attribute VALUE, patched cheaply during
+ * hydration (`suppressHydrationWarning`). Swapping elements instead would put
+ * a real subtree mismatch on the hydration path, which that attribute-level
+ * suppression does not cover.
+ *
+ * Which CSS signal drives Sun vs Moon is the consumer's call — see
+ * `iconSource`. The two modes are mutually exclusive by construction.
  */
-export declare const ThemeToggle: import("react").MemoExoticComponent<({ theme, onToggle, label }: ThemeToggleProps) => import("react").JSX.Element>;
+export declare const ThemeToggle: import("react").MemoExoticComponent<({ theme, onToggle, label, iconSource, }: ThemeToggleProps) => import("react").JSX.Element>;
 export {};

package/dist/components/chrome/theme-toggle.js

@@ -1,28 +1,41 @@
 "use client";
 import { Button as e } from "../forms/button.js";
-import { Moon as t, Sun as n } from "lucide-react";
-import { memo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Monitor as t, Moon as n, Sun as r } from "lucide-react";
+import { memo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/chrome/theme-toggle.tsx
-var o = r(function({ theme: r, onToggle: o, label: s }) {
-	return /* @__PURE__ */ a(e, {
+var s = {
+	prop: {
+		sun: "hidden h-4 w-4 [[data-resolved-theme=dark]_&]:block",
+		moon: "h-4 w-4 [[data-resolved-theme=dark]_&]:hidden"
+	},
+	dom: {
+		sun: "hidden h-4 w-4 dark:block",
+		moon: "h-4 w-4 dark:hidden"
+	}
+}, c = i(function({ theme: i, onToggle: c, label: l, iconSource: u = "prop" }) {
+	let d = s[u];
+	return /* @__PURE__ */ o(e, {
 		variant: "ghost",
 		size: "icon",
-		onClick: o,
+		onClick: c,
 		className: "w-9 h-9",
-		"data-resolved-theme": r,
+		"data-resolved-theme": i,
 		suppressHydrationWarning: !0,
 		children: [
-			/* @__PURE__ */ i(n, { className: "hidden h-4 w-4 [[data-resolved-theme=dark]_&]:block" }),
-			/* @__PURE__ */ i(t, { className: "h-4 w-4 [[data-resolved-theme=dark]_&]:hidden" }),
-			/* @__PURE__ */ i("span", {
+			/* @__PURE__ */ o("span", {
+				className: "contents [[data-resolved-theme=system]_&]:hidden",
+				children: [/* @__PURE__ */ a(r, { className: d.sun }), /* @__PURE__ */ a(n, { className: d.moon })]
+			}),
+			/* @__PURE__ */ a(t, { className: "hidden h-4 w-4 [[data-resolved-theme=system]_&]:block" }),
+			/* @__PURE__ */ a("span", {
 				className: "sr-only",
-				children: s
+				children: l
 			})
 		]
 	});
 });
 //#endregion
-export { o as ThemeToggle };
+export { c as ThemeToggle };
 
 //# sourceMappingURL=theme-toggle.js.map