themelia-react-ui 2.0.5 → 3.0.0

package/dist/sidebar-D5VO2W8S.js

@@ -0,0 +1,715 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-BVbAG2J6.js";
+import { c as n } from "./typography-C0dELqYV.js";
+import { n as r } from "./buttons-pZVgPTZn.js";
+import { i, n as a, r as o, t as s } from "./tooltip-yjX-Uv-p.js";
+import { t as c } from "./structure-DElaQwwN.js";
+import { g as l, r as u, t as d } from "./dropdown-menu-B8hjvbkS.js";
+import { n as f } from "./action-menu-D5343RwT.js";
+import { r as p } from "./skeleton-Cab_KgVo.js";
+import { t as m } from "./initials-format-CDoQEOd_.js";
+import { i as h, n as g, s as _ } from "./avatar-Ca3Ihrq4.js";
+import { t as v } from "./input-DfJyrjoR.js";
+import { n as y, r as b, t as x } from "./collapsible-CRCCg_bO.js";
+import { t as ee } from "./scroll-area-B9HKbji0.js";
+import { D as S, E as C, _ as w, b as T, c as E, d as D, f as te, h as O, i as k, m as A, n as ne, o as j, r as re, s as M, t as N, v as ie, y as P } from "./sidebar-C-iQ_TJP.js";
+import { a as F, c as I, d as L, f as R, i as z, l as B, m as V, o as H, p as ae, r as oe, s as se, u as ce } from "./hooks-DHfeSMAO.js";
+import * as U from "react";
+import { useEffect as W, useRef as le } from "react";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { ChevronRight as ue, ChevronsUpDown as de, ExternalLink as fe, LogOut as J, Search as pe, Settings as me, User as Y } from "lucide-react";
+//#region src/components/layout/sidebar/sidebar.tsx
+function X({ className: e, surfaceClassName: n, ...r }) {
+	return /* @__PURE__ */ K(N, {
+		contained: !0,
+		rootClassName: "layout-sidebar--component",
+		className: e,
+		surfaceClassName: t("layout-sidebar--surface", n),
+		...r
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.context.tsx
+var Z = C;
+function he({ openMobile: e, panelId: t, setOpenMobile: n }, r, i) {
+	let a = e ? t : null, o = le({
+		navigationKey: r,
+		openPanel: a
+	});
+	W(() => {
+		let e = o.current;
+		o.current = {
+			navigationKey: r,
+			openPanel: a
+		}, i && a !== null && e.openPanel === a && e.navigationKey !== r && n(!1);
+	}, [
+		i,
+		r,
+		a,
+		n
+	]);
+}
+function ge({ defaultOpen: e = !0, menuDensity: n = "default", open: r, onOpenChange: i, className: a, style: s, children: c, ...l }) {
+	return /* @__PURE__ */ K(o, {
+		delayDuration: 0,
+		children: /* @__PURE__ */ K(T, {
+			defaultOpen: e,
+			menuDensity: n,
+			open: r,
+			onOpenChange: i,
+			style: s,
+			className: t("layout-sidebar-provider--component min-h-svh", a),
+			...l,
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.types.ts
+var _e = {
+	search: "Search navigation…",
+	noResults: "No matching pages.",
+	expand: (e) => `Expand ${e}`,
+	collapse: (e) => `Collapse ${e}`,
+	resultsCount: (e) => e === 1 ? "1 matching page" : `${e} matching pages`,
+	primaryNavigationLabel: "Primary navigation",
+	contextualNavigationLabel: "Contextual navigation",
+	supportingNavigationLabel: "Supporting navigation"
+}, ve = {
+	label: "Workspace",
+	select: "Select workspace"
+};
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-grouped-navigation.tsx
+function ye({ navigationByGroups: r, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, renderLink: s, emptySlot: c, renderItem: l, renderItemContent: u, className: d, menuDensity: f, expandedItems: p, defaultExpandedItems: m = [], onExpandedItemsChange: h, searchValue: g = "", strings: _ }) {
+	let v = S(), { setOpen: ee, collapsed: C } = Z(), T = f ?? v ?? "default", E = V({ renderLink: s }), ne = e(_e, _), [j, re] = U.useState(() => Object.fromEntries(m.map((e) => [e, {
+		open: !0,
+		route: i
+	}]))), N = g.trim().toLocaleLowerCase(), F = (e) => !!e && ce(i, ae(e)), W = (e) => !!e?.some((e) => F(e.href) || W(e.children)), le = (e, t) => p === void 0 ? j[t]?.route === i ? j[t].open : !!j[t]?.open || F(e.href) || W(e.children) : p.includes(t), de = (e) => e.flatMap((e, t) => e.children?.length ? [String(I(e, t)), ...de(e.children)] : []), fe = Array.isArray(r) ? r : Object.entries(r).map(([e, t]) => ({
+		id: e,
+		label: e.startsWith("_") ? void 0 : e,
+		items: t
+	})), J = fe.flatMap((e) => e.items), pe = se(i, J), me = (e) => e.some((e) => !!e.href && e.href === pe || me(e.children ?? [])), Y = (e, t) => {
+		for (let [n, r] of t.entries()) {
+			if (String(I(r, n)) === e) return r;
+			let t = Y(e, r.children ?? []);
+			if (t) return t;
+		}
+	}, X = (e, t) => {
+		if (N) return;
+		let n = new Set(p ?? de(J).filter((e) => {
+			let t = Y(e, J);
+			return t && le(t, e);
+		}));
+		t ? n.add(e) : n.delete(e), p === void 0 && re((n) => ({
+			...n,
+			[e]: {
+				open: t,
+				route: i
+			}
+		})), h?.([...n]);
+	}, he = (e, r, i, s = !1) => {
+		let c = String(I(e, i)), d = s || !!e.disabled, f = e.children ?? [], p = f.length > 0, m = p && me(f), h = !!e.href && e.href === pe && !m, g = p && (!!N || le(e, c)), _ = R(e.handle, e.badge, o, e.id), v = () => /* @__PURE__ */ K(w, { children: f.map((e, t) => he(e, r + 1, t, d)) }), S = {
+			depth: r,
+			active: h,
+			ancestor: m,
+			expanded: g,
+			disabled: d,
+			badge: _,
+			renderLink: E,
+			setExpanded: p ? (e) => {
+				d || X(c, e);
+			} : void 0,
+			get children() {
+				return p && g ? v() : void 0;
+			}
+		};
+		if (l) return /* @__PURE__ */ K(U.Fragment, { children: l(e, S) }, c);
+		let T = B(e), D = typeof T == "string" || typeof T == "number" ? String(T) : e.handle ?? "", k = /* @__PURE__ */ q(G, { children: [
+			!!e.icon && /* @__PURE__ */ K(oe, {
+				icon: e.icon,
+				iconMap: a,
+				className: "size-icon",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ K(n, {
+				tag: "span",
+				weight: "inherit",
+				className: "min-w-0 flex-1 truncate text-start text-inherit",
+				children: T
+			}),
+			_ !== void 0 && /* @__PURE__ */ K(z, {
+				value: _,
+				size: r ? "sm" : "md"
+			}),
+			p && !e.href && /* @__PURE__ */ K(ue, {
+				className: t("size-icon shrink-0 transition-transform rtl:rotate-180", g && "rotate-90 rtl:rotate-90"),
+				"aria-hidden": "true"
+			})
+		] }), j = u ? u(e, {
+			depth: r,
+			active: h,
+			ancestor: m,
+			expanded: g,
+			disabled: d,
+			badge: _,
+			renderLink: E,
+			defaultContent: k
+		}) : k, re = r ? ie : A, M = r ? P : O, F = /* @__PURE__ */ K(re, {
+			...r === 0 ? { tooltip: { children: T } } : {},
+			active: h || r === 0 && C && m,
+			"data-ancestor": m || void 0,
+			"aria-current": h ? "page" : void 0,
+			render: e.href && !d ? L(E, e, j, void 0, h) : /* @__PURE__ */ K("button", {
+				type: "button",
+				disabled: d
+			}),
+			"aria-disabled": d || void 0,
+			className: t("w-full", d && "cursor-not-allowed opacity-50"),
+			children: j
+		});
+		return p ? /* @__PURE__ */ q(x, {
+			open: g,
+			onOpenChange: (t, n) => {
+				let i = n.event.target;
+				r === 0 && !e.href && i instanceof Element && i.closest("[data-collapsible=\"icon\"]") ? (ee(!0), X(c, !0)) : X(c, t);
+			},
+			disabled: d || !!N,
+			render: /* @__PURE__ */ K(M, {}),
+			children: [e.href ? /* @__PURE__ */ q(G, { children: [F, /* @__PURE__ */ K(b, {
+				render: /* @__PURE__ */ K(te, { className: "end-space-sm!" }),
+				"aria-label": g ? ne.collapse(D) : ne.expand(D),
+				children: /* @__PURE__ */ K(ue, {
+					className: t("size-icon shrink-0 transition-transform rtl:rotate-180", g && "rotate-90 rtl:rotate-90"),
+					"aria-hidden": "true"
+				})
+			})] }) : /* @__PURE__ */ K(b, { render: F }), /* @__PURE__ */ K(y, {
+				className: "group-data-[collapsible=icon]:hidden",
+				children: v()
+			})]
+		}, c) : /* @__PURE__ */ K(M, { children: F }, c);
+	}, ge = fe.map((e) => ({
+		...e,
+		items: H(e.items, N)
+	})).filter((e) => e.items.length);
+	return ge.length ? /* @__PURE__ */ K("div", {
+		className: t("sidebar-grouped-navigation--component flex flex-col gap-space-xl", d),
+		children: ge.map(({ id: e, label: t, items: n }) => /* @__PURE__ */ q(k, {
+			className: "py-0",
+			children: [t != null && /* @__PURE__ */ K(M, { children: t }), /* @__PURE__ */ K(D, {
+				menuDensity: T,
+				children: n.map((e, t) => he(e, 0, t))
+			})]
+		}, e))
+	}) : c ?? (N ? /* @__PURE__ */ K(k, { children: /* @__PURE__ */ K(n, {
+		type: "secondary",
+		children: ne.noResults
+	}) }) : null);
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-logo.tsx
+function be({ logo: e, collapsedLogo: n = null, className: r }) {
+	let { collapsed: i } = Z(), a = i ? n : e;
+	return a ? /* @__PURE__ */ K("div", {
+		className: t("sidebar-logo--component flex min-h-action min-w-0 items-center", r),
+		children: a
+	}) : null;
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation-footer.tsx
+function xe({ items: e, label: r, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, renderLink: s, className: c, menuDensity: l }) {
+	let u = S(), d = l ?? u ?? "default", f = V({ renderLink: s }), p = se(i, e);
+	return /* @__PURE__ */ q(k, {
+		className: t("sidebar-navigation-footer--component py-0", c),
+		children: [!!r && /* @__PURE__ */ K(M, { children: r }), /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(D, {
+			menuDensity: d,
+			children: e.map((e, t) => {
+				let r = !!e.href && e.href === p, i = R(e.handle, e.badge, o, e.id), s = B(e), c = /* @__PURE__ */ q(G, { children: [
+					!!e.icon && /* @__PURE__ */ K(oe, {
+						icon: e.icon,
+						iconMap: a,
+						className: "size-icon",
+						"aria-hidden": "true"
+					}),
+					typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ K(n, {
+						tag: "span",
+						weight: "inherit",
+						className: "min-w-0 flex-1 truncate text-start text-inherit",
+						children: s
+					}) : s,
+					i !== void 0 && /* @__PURE__ */ K(z, { value: i }),
+					!!e.external && /* @__PURE__ */ K(fe, {
+						className: "ms-auto size-icon-sm shrink-0",
+						"aria-hidden": "true"
+					})
+				] });
+				return /* @__PURE__ */ K(O, { children: /* @__PURE__ */ K(A, {
+					active: r,
+					"aria-current": r ? "page" : void 0,
+					render: e.href && !e.disabled ? L(f, e, c, void 0, r) : void 0,
+					tooltip: { children: s },
+					disabled: e.disabled,
+					children: c
+				}) }, I(e, t));
+			})
+		}) })]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-workspace-dropdown.tsx
+function Se({ logo: r, collapsedLogo: i, workspaceLinks: a, renderLink: o, strings: s, contentClassName: l }) {
+	let u = e(ve, s), d = V({ renderLink: o }), { collapsed: p, isMobile: m } = Z(), h = p ? i ?? r : r, g = a.map((e) => ({
+		id: e.url,
+		label: e.label,
+		icon: e.icon ?? fe,
+		href: e.url,
+		external: e.external ?? !0,
+		group: u.label
+	})), _ = /* @__PURE__ */ q(A, {
+		size: p ? "md" : "lg",
+		"aria-label": p ? u.select : void 0,
+		className: "group-data-[collapsible=icon]:p-0! data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+		children: [/* @__PURE__ */ q(c, {
+			direction: "horizontal",
+			align: "center",
+			gap: "md",
+			wrap: !1,
+			className: "min-w-0 flex-1",
+			children: [h, !p && /* @__PURE__ */ K(n, {
+				tag: "span",
+				size: "xs",
+				className: "sr-only",
+				children: u.select
+			})]
+		}), !p && /* @__PURE__ */ K(de, {
+			className: "ms-auto size-icon shrink-0",
+			"aria-hidden": "true"
+		})]
+	});
+	return /* @__PURE__ */ K(D, {
+		className: "sidebar-workspace-dropdown--component",
+		children: /* @__PURE__ */ K(O, { children: /* @__PURE__ */ K(f, {
+			actions: g,
+			align: "start",
+			side: m ? "bottom" : "right",
+			contentClassName: t("min-w-56", l),
+			width: "w-auto",
+			closeOnSelect: !0,
+			preserveOrder: !0,
+			renderTrigger: _,
+			renderLink: ({ children: e, ...t }) => d({
+				...t,
+				children: e ?? null
+			})
+		}) })
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/app-sidebar.tsx
+function Ce({ navigationGroups: n, "aria-label": i, footerNavItems: a = [], footerLabel: o, logo: s, collapsedLogo: c, workspaceLinks: l = [], workspaceStrings: u, workspaceContentClassName: d, headerClassName: f, iconMap: p, currentUrl: m = "/", closeDrawerOnNavigate: h = !0, liveBadges: g, menuDensity: _, renderLink: y, loading: b, collapsible: x = "icon", panelId: S, surface: C, variant: w = "sidebar", side: T, className: D, surfaceClassName: te, contentClassName: O, slots: k, renderItem: A, renderItemContent: j, searchable: M = !1, searchValue: N, defaultSearchValue: ie = "", onSearchValueChange: P, strings: I, expandedItems: L, defaultExpandedItems: R, onExpandedItemsChange: z }) {
+	let B = e(_e, I), H = Z(S);
+	he(H, m, h);
+	let ae = V({ renderLink: y }), [oe, se] = U.useState(ie), ce = N ?? oe, W = b || !n, le = ce.trim().toLocaleLowerCase(), ue = n ? Array.isArray(n) ? n.flatMap((e) => e.items) : Object.values(n).flat() : [], de = F(ue, le), fe = !le || W ? "" : B.resultsCount(de), J = x === "icon" && H.collapsed, me = U.useRef(null), Y = U.useRef(!1);
+	U.useLayoutEffect(() => {
+		if (!Y.current || J) return;
+		let e = me.current;
+		e && (Y.current = !1, e.focus({ preventScroll: !0 }));
+	}, [J]);
+	let ge = l.length > 0, ve = k?.headerStart != null && k.headerStart !== !1, Ce = k?.headerEnd != null && k.headerEnd !== !1, Q = {
+		panelId: H.panelId,
+		collapsed: H.collapsed,
+		presentation: H.presentation,
+		isMobile: H.isMobile,
+		renderLink: ae
+	}, Ee = !!s && (ge ? /* @__PURE__ */ K(Se, {
+		logo: s,
+		collapsedLogo: c,
+		workspaceLinks: l,
+		strings: u,
+		contentClassName: d,
+		renderLink: ae
+	}) : /* @__PURE__ */ K(be, {
+		logo: s,
+		collapsedLogo: c
+	})), De = s || k?.headerStart || k?.headerEnd ? /* @__PURE__ */ q(G, { children: [
+		k?.headerStart,
+		Ee,
+		k?.headerEnd
+	] }) : null, Oe = we(k?.header, Q, De), $ = M ? /* @__PURE__ */ q("div", {
+		"data-slot": "sidebar-search",
+		className: "relative min-w-0",
+		children: [
+			/* @__PURE__ */ K("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: fe
+			}),
+			/* @__PURE__ */ K("div", {
+				className: t("min-w-0", J && "invisible"),
+				"aria-hidden": J || void 0,
+				inert: J || void 0,
+				children: /* @__PURE__ */ K(v, {
+					ref: me,
+					className: "sidebar-input--component",
+					"data-slot": "sidebar-input",
+					"data-sidebar": "input",
+					"aria-label": B.search,
+					placeholder: B.search,
+					value: ce,
+					disabled: W,
+					onChange: (e) => {
+						N === void 0 && se(e.target.value), P?.(e.target.value);
+					}
+				})
+			}),
+			/* @__PURE__ */ K(r, {
+				iconOnly: !0,
+				icon: pe,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-label": B.search,
+				withTooltip: B.search,
+				className: t("absolute inset-0 h-full w-full shrink-0", !J && "hidden"),
+				disabled: W,
+				onClick: () => {
+					Y.current = !0, H.setOpen(!0);
+				}
+			})
+		]
+	}) : null, ke = k?.header != null && typeof k.header != "function" ? /* @__PURE__ */ q(G, { children: [Oe, $ && /* @__PURE__ */ K(E, { children: $ })] }) : s && k?.header == null ? /* @__PURE__ */ q(E, {
+		className: t("gap-0 p-0", f),
+		children: [
+			ve && /* @__PURE__ */ K("div", {
+				className: "p-surface-xs",
+				children: k?.headerStart
+			}),
+			/* @__PURE__ */ K("div", {
+				"data-slot": "sidebar-brand",
+				className: "box-border flex h-shell-header min-w-0 shrink-0 items-center border-b border-border px-surface-xs",
+				children: Ee
+			}),
+			(Ce || $) && /* @__PURE__ */ q("div", {
+				className: "flex min-w-0 flex-col gap-space-md p-surface-xs",
+				children: [k?.headerEnd, $]
+			})
+		]
+	}) : Oe != null && Oe !== !1 || $ ? /* @__PURE__ */ q(E, {
+		className: t("gap-space-md", f),
+		children: [Oe, $]
+	}) : null, Ae = a.length ? /* @__PURE__ */ K(xe, {
+		className: "p-0",
+		items: a,
+		label: o,
+		currentUrl: m,
+		iconMap: p,
+		liveBadges: g,
+		menuDensity: _,
+		renderLink: ae
+	}) : null, je = we(k?.footer, Q, Ae), Me = we(k?.beforeNavigation, Q, null), Ne = we(k?.afterNavigation, Q, null);
+	return /* @__PURE__ */ q(X, {
+		panelId: S,
+		surface: C,
+		collapsible: x,
+		variant: w,
+		side: T,
+		className: t("app-sidebar--component h-full min-h-0", D),
+		surfaceClassName: te,
+		children: [
+			ke,
+			/* @__PURE__ */ K(ne, {
+				className: t("overflow-hidden", O),
+				children: /* @__PURE__ */ K(ee, {
+					className: t("min-h-0 flex-1 pb-surface-xs", !M && "pt-surface-xs"),
+					children: /* @__PURE__ */ q("nav", {
+						"aria-label": i ?? (H.panelId === "secondary" ? B.contextualNavigationLabel : H.panelId === "aside" ? B.supportingNavigationLabel : B.primaryNavigationLabel),
+						className: "app-sidebar--navigation flex flex-col gap-space-xl",
+						children: [
+							Me,
+							W ? k?.loading ?? /* @__PURE__ */ K(Te, {}) : /* @__PURE__ */ K(ye, {
+								navigationByGroups: n,
+								currentUrl: m,
+								searchValue: ce,
+								strings: B,
+								expandedItems: L,
+								defaultExpandedItems: R,
+								onExpandedItemsChange: z,
+								iconMap: p,
+								liveBadges: g,
+								menuDensity: _,
+								renderLink: y,
+								emptySlot: k?.empty,
+								renderItem: A,
+								renderItemContent: j
+							}),
+							Ne
+						]
+					})
+				})
+			}),
+			je != null && je !== !1 && /* @__PURE__ */ K(re, { children: je })
+		]
+	});
+}
+function we(e, t, n) {
+	return typeof e == "function" ? e({
+		...t,
+		defaultContent: n
+	}) : e ?? n;
+}
+function Te() {
+	return /* @__PURE__ */ K("div", {
+		className: "flex flex-col gap-space-xl",
+		children: [
+			9,
+			3,
+			4,
+			2,
+			1
+		].map((e, t) => /* @__PURE__ */ K(k, {
+			className: "py-0",
+			children: /* @__PURE__ */ K(D, { children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ K(O, { children: /* @__PURE__ */ q("div", {
+				className: "flex h-action-sm items-center gap-space-md px-control-sm",
+				children: [/* @__PURE__ */ K(p, { className: "size-icon shrink-0 rounded-radius-xs" }), /* @__PURE__ */ K(p, {
+					className: "h-3.5 rounded-radius-xs",
+					style: { width: `${60 + (t * 7 + n * 13) % 40}px` }
+				})]
+			}) }, n)) })
+		}, t))
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar-navigation-rail.tsx
+var Q = { navigationLabel: "Primary navigation" };
+function Ee({ items: e, value: r, onValueChange: o, currentUrl: c, closeDrawerOnNavigate: l = !0, renderLink: u, iconMap: d, slots: f, collapsible: p = "none", "aria-label": m, strings: h, className: g, surface: _ = "default", surfaceClassName: v, style: y, side: b, panelId: x, ...S }) {
+	let { navigationLabel: C, ...w } = h ?? {}, T = m ?? C ?? Q.navigationLabel, te = V({ renderLink: u }), j = Z(x);
+	he(j, c ?? r, l);
+	let M = b ?? j.side, N = r === void 0 && c ? se(c, e) : void 0, ie = {
+		panelId: j.panelId,
+		collapsed: j.collapsed,
+		presentation: j.presentation,
+		isMobile: j.isMobile,
+		renderLink: te,
+		defaultContent: null
+	}, P = (e) => typeof e == "function" ? e(ie) : e, F = P(f?.header), I = P(f?.footer), R = P(f?.beforeNavigation), z = P(f?.afterNavigation);
+	return /* @__PURE__ */ q(X, {
+		...S,
+		strings: h ? w : void 0,
+		panelId: x,
+		side: b,
+		collapsible: p,
+		surface: _,
+		surfaceClassName: t("border-border", M === "left" ? "border-r" : "border-l", _ === "default" && "bg-background text-foreground", v),
+		className: t("sidebar-navigation-rail--component", g),
+		style: {
+			"--sidebar-width": "var(--shell-navigation-rail-width)",
+			...y
+		},
+		children: [
+			F != null && F !== !1 && /* @__PURE__ */ K(E, {
+				className: "items-center px-space-md pt-surface-xs pb-0",
+				children: F
+			}),
+			/* @__PURE__ */ K(ne, {
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ K(ee, {
+					className: "min-h-0 flex-1",
+					children: /* @__PURE__ */ q("nav", {
+						"aria-label": T,
+						className: t("flex flex-col gap-space-xl pb-surface-xs", F != null && F !== !1 ? "pt-space-xs" : "pt-surface-xs"),
+						children: [
+							R,
+							/* @__PURE__ */ K(k, {
+								className: "items-center px-space-md py-0",
+								children: /* @__PURE__ */ K(D, {
+									menuDensity: "comfortable",
+									className: "items-center gap-space-xs",
+									children: e.map((e) => {
+										let c = e.id, l = r === void 0 ? !!e.href && e.href === N : r === c, u = /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(oe, {
+											icon: e.icon,
+											iconMap: d,
+											className: "size-icon",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ K(n, {
+											tag: "span",
+											className: "sr-only",
+											children: e.label
+										})] });
+										return /* @__PURE__ */ K(O, { children: /* @__PURE__ */ q(s, {
+											disabled: e.disabled,
+											children: [/* @__PURE__ */ K(i, { render: /* @__PURE__ */ K(A, {
+												size: "md",
+												active: l,
+												disabled: e.disabled,
+												"aria-current": e.href && l ? "page" : void 0,
+												"aria-pressed": e.href ? void 0 : l,
+												className: t("relative size-action shrink-0 justify-center p-0 text-foreground hover:bg-accent hover:text-accent-foreground active:bg-accent active:text-accent-foreground data-active:bg-accent data-active:text-accent-foreground data-[active=true]:bg-accent data-[active=true]:text-accent-foreground", l && "before:pointer-events-none before:absolute before:inset-y-space-md before:start-0 before:w-space-2xs before:rounded-full before:bg-foreground"),
+												render: e.href && !e.disabled ? L(te, e, u, void 0, l) : /* @__PURE__ */ K("button", { type: "button" }),
+												onClickCapture: (t) => {
+													e.disabled || t.defaultPrevented || t.button !== 0 || t.ctrlKey || t.metaKey || t.altKey || t.shiftKey || o?.(c);
+												},
+												children: u
+											}) }), /* @__PURE__ */ K(a, {
+												side: M === "left" ? "right" : "left",
+												children: e.label
+											})]
+										}) }, c);
+									})
+								})
+							}),
+							z
+						]
+					})
+				})
+			}),
+			I != null && I !== !1 && /* @__PURE__ */ K(re, {
+				className: "items-center px-space-md py-surface-xs",
+				children: I
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation.tsx
+function De({ item: e }) {
+	let t = B(e);
+	return /* @__PURE__ */ K(n, {
+		tag: "span",
+		weight: "inherit",
+		className: "min-w-0 flex-1 truncate text-start text-inherit",
+		children: t
+	});
+}
+function Oe({ items: e, label: n, currentUrl: r = "/", iconMap: i = {}, liveBadges: a, renderLink: o, renderItem: s, renderItemContent: c, className: l, menuDensity: u }) {
+	let d = S(), f = u ?? d ?? "default", p = V({ renderLink: o }), m = se(r, e);
+	return /* @__PURE__ */ q(k, {
+		className: t("sidebar-navigation--component py-0", l),
+		children: [!!n && /* @__PURE__ */ K(M, { children: n }), /* @__PURE__ */ K(D, {
+			menuDensity: f,
+			children: e.map((e, n) => {
+				let r = !!e.href && e.href === m, o = R(e.handle, e.badge, a, e.id), l = {
+					depth: 0,
+					active: r,
+					expanded: !1,
+					disabled: !!e.disabled,
+					badge: o,
+					renderLink: p
+				}, u = B(e);
+				if (s) return /* @__PURE__ */ K(U.Fragment, { children: s(e, l) }, I(e, n));
+				let d = /* @__PURE__ */ q(G, { children: [
+					!!e.icon && /* @__PURE__ */ K(oe, {
+						icon: e.icon,
+						iconMap: i,
+						className: "size-icon",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ K(De, { item: e }),
+					o !== void 0 && /* @__PURE__ */ K(z, { value: o })
+				] }), f = c ? c(e, {
+					...l,
+					defaultContent: d
+				}) : d;
+				return /* @__PURE__ */ K(O, { children: /* @__PURE__ */ K(A, {
+					active: r,
+					"aria-current": r ? "page" : void 0,
+					render: e.href && !e.disabled ? L(p, e, f, void 0, r) : void 0,
+					tooltip: { children: u },
+					disabled: e.disabled,
+					className: t(e.disabled && "cursor-not-allowed opacity-50"),
+					children: f
+				}) }, I(e, n));
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation-user.tsx
+var $ = {
+	profile: "Profile",
+	settings: "Settings",
+	logout: "Log out"
+};
+function ke({ user: r, customContent: i, onProfile: a, onSettings: o, onLogout: s, strings: p, renderTrigger: v }) {
+	let y = e($, p), { collapsed: b, isMobile: x } = Z(), ee = x || !b ? "bottom" : "right", S = m(r.name, { strategy: "first-words" }), C = [
+		...a ? [{
+			id: "profile",
+			label: y.profile,
+			icon: Y,
+			onClick: a
+		}] : [],
+		...o ? [{
+			id: "settings",
+			label: y.settings,
+			icon: me,
+			onClick: o
+		}] : [],
+		...s ? [{
+			id: "logout",
+			label: y.logout,
+			icon: J,
+			onClick: s,
+			...a || o ? { group: !0 } : null
+		}] : []
+	], w = /* @__PURE__ */ K(A, {
+		size: b ? "md" : "lg",
+		"aria-label": r.name,
+		tooltip: r.name,
+		className: t("group text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent", b && "justify-center group-data-[collapsible=icon]:p-0!"),
+		children: v?.(r) ?? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(c, {
+			direction: "horizontal",
+			align: "center",
+			gap: b ? "none" : "md",
+			className: t("min-w-0 flex-1", b && "justify-center"),
+			children: [/* @__PURE__ */ q(g, {
+				size: "md",
+				className: "shrink-0 rounded-full",
+				children: [!!r.avatar && /* @__PURE__ */ K(_, {
+					src: r.avatar,
+					alt: r.name
+				}), /* @__PURE__ */ K(h, {
+					className: "bg-sidebar-accent text-sidebar-accent-foreground",
+					children: S
+				})]
+			}), !b && /* @__PURE__ */ q("div", {
+				className: "flex flex-1 flex-col items-start justify-center overflow-hidden",
+				children: [/* @__PURE__ */ K(n, {
+					type: "inherit",
+					weight: "medium",
+					className: "w-full truncate",
+					children: r.name
+				}), !!r.email && /* @__PURE__ */ K(n, {
+					size: "xs",
+					type: "secondary",
+					className: "w-full truncate",
+					children: r.email
+				})]
+			})]
+		}), !b && /* @__PURE__ */ K(de, {
+			className: "ms-auto size-icon shrink-0",
+			"aria-hidden": "true"
+		})] })
+	}), T = "w-(--anchor-width) min-w-56 rounded-surface";
+	return /* @__PURE__ */ K(D, {
+		className: "sidebar-navigation-user--component",
+		children: /* @__PURE__ */ K(O, { children: i ? /* @__PURE__ */ q(d, { children: [/* @__PURE__ */ K(l, { render: w }), /* @__PURE__ */ K(u, {
+			className: T,
+			align: "end",
+			side: ee,
+			sideOffset: 4,
+			children: i
+		})] }) : /* @__PURE__ */ K(f, {
+			actions: C,
+			align: "end",
+			side: ee,
+			contentClassName: T,
+			width: "w-auto",
+			closeOnSelect: !0,
+			renderTrigger: w
+		}) })
+	});
+}
+//#endregion
+export { Q as a, xe as c, _e as d, ve as f, X as h, Ee as i, be as l, Z as m, $ as n, Ce as o, ge as p, Oe as r, Se as s, ke as t, ye as u };
+
+//# sourceMappingURL=sidebar-D5VO2W8S.js.map