themelia-react-ui 2.0.4 → 2.0.6

package/dist/sidebar-C8BnDwTH.js

@@ -0,0 +1,709 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-DhuoqFy4.js";
+import { n } from "./buttons-DeW0bQeK.js";
+import { c as r } from "./typography-C7-YMW1S.js";
+import { i, n as a, r as o, t as s } from "./tooltip-31NwIpTo.js";
+import { t as c } from "./structure-DZJ2wbAU.js";
+import { g as l, r as u, t as d } from "./dropdown-menu-C08iIugv.js";
+import { n as f } from "./action-menu-C0gjzLyE.js";
+import { r as p } from "./skeleton-DDgdhmu9.js";
+import { t as m } from "./initials-format-CDoQEOd_.js";
+import { i as h, n as g, s as _ } from "./avatar-B9Jnp-T-.js";
+import { t as v } from "./input-7KAc7XQL.js";
+import { n as y, r as b, t as ee } from "./collapsible-BzJ91LUG.js";
+import { t as x } from "./scroll-area-Bj6CRUif.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 j, o as M, r as N, s as P, t as F, v as ne, y as re } from "./sidebar-CmD6a-HK.js";
+import { a as I, c as ie, d as ae, f as L, i as oe, l as R, o as z, r as B, s as V, u as H } from "./hooks-BitHSh-Y.js";
+import * as U from "react";
+import { useEffect as W, useRef as se } from "react";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { ChevronRight as ce, ChevronsUpDown as J, ExternalLink as Y, LogOut as le, Search as ue, Settings as X, User as de } from "lucide-react";
+//#region src/components/layout/sidebar/sidebar.tsx
+function fe({ className: e, surfaceClassName: n, ...r }) {
+	return /* @__PURE__ */ K(F, {
+		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 pe({ openMobile: e, panelId: t, setOpenMobile: n }, r, i) {
+	let a = e ? t : null, o = se({
+		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 me({ 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 he = {
+	search: "Search navigation…",
+	noResults: "No matching pages.",
+	expand: (e) => `Expand ${e}`,
+	collapse: (e) => `Collapse ${e}`
+}, ge = {
+	label: "Workspace",
+	select: "Select workspace"
+};
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-grouped-navigation.tsx
+function Q(e, t) {
+	return t ? e.flatMap((e) => {
+		if (`${typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : e.handle ?? ""} ${e.handle ?? ""}`.toLocaleLowerCase().includes(t)) return [e];
+		let n = Q(e.children ?? [], t);
+		return n.length ? [{
+			...e,
+			children: n
+		}] : [];
+	}) : e;
+}
+function _e({ navigationByGroups: n, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, showBadges: s = !0, renderLink: c, emptySlot: l, renderItem: u, renderItemContent: d, className: f, menuDensity: p, expandedItems: m, defaultExpandedItems: h = [], onExpandedItemsChange: g, searchValue: _ = "", strings: v }) {
+	let x = S(), { setOpen: C, collapsed: T } = Z(), E = p ?? x ?? "default", j = L({ renderLink: c }), M = e(he, v), [N, F] = U.useState(() => Object.fromEntries(h.map((e) => [e, {
+		open: !0,
+		route: i
+	}]))), W = _.trim().toLocaleLowerCase(), se = (e) => !!e && ie(i, ae(e)), J = (e) => !!e?.some((e) => se(e.href) || J(e.children)), Y = (e, t) => m === void 0 ? N[t]?.route === i ? N[t].open : !!N[t]?.open || se(e.href) || J(e.children) : m.includes(t), le = (e) => e.flatMap((e, t) => e.children?.length ? [String(z(e, t)), ...le(e.children)] : []), ue = Array.isArray(n) ? n : Object.entries(n).map(([e, t]) => ({
+		id: e,
+		label: e.startsWith("_") ? void 0 : e,
+		items: t
+	})), X = ue.flatMap((e) => e.items), de = I(i, X), fe = (e) => e.some((e) => !!e.href && e.href === de || fe(e.children ?? [])), pe = (e, t) => {
+		for (let [n, r] of t.entries()) {
+			if (String(z(r, n)) === e) return r;
+			let t = pe(e, r.children ?? []);
+			if (t) return t;
+		}
+	}, me = (e, t) => {
+		if (W) return;
+		let n = new Set(m ?? le(X).filter((e) => {
+			let t = pe(e, X);
+			return t && Y(t, e);
+		}));
+		t ? n.add(e) : n.delete(e), m === void 0 && F((n) => ({
+			...n,
+			[e]: {
+				open: t,
+				route: i
+			}
+		})), g?.([...n]);
+	}, ge = (e, n, i, c = !1) => {
+		let l = String(z(e, i)), f = c || !!e.disabled, p = e.children ?? [], m = p.length > 0, h = m && fe(p), g = !!e.href && e.href === de && !h, _ = m && (!!W || Y(e, l)), v = s ? H(e.handle, e.badge, o, e.id) : void 0, x = () => /* @__PURE__ */ K(w, { children: p.map((e, t) => ge(e, n + 1, t, f)) }), S = {
+			depth: n,
+			active: g,
+			ancestor: h,
+			expanded: _,
+			disabled: f,
+			badge: v,
+			renderLink: j,
+			setExpanded: m ? (e) => {
+				f || me(l, e);
+			} : void 0,
+			get children() {
+				return m && _ ? x() : void 0;
+			}
+		};
+		if (u) return /* @__PURE__ */ K(U.Fragment, { children: u(e, S) }, l);
+		let E = V(e), D = typeof E == "string" || typeof E == "number" ? String(E) : e.handle ?? "", k = /* @__PURE__ */ q(G, { children: [
+			!!e.icon && /* @__PURE__ */ K(B, {
+				icon: e.icon,
+				iconMap: a,
+				className: "size-icon",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ K(r, {
+				tag: "span",
+				weight: "inherit",
+				className: "min-w-0 flex-1 truncate text-start text-inherit",
+				children: E
+			}),
+			v !== void 0 && /* @__PURE__ */ K(oe, {
+				value: v,
+				size: n ? "sm" : "md"
+			}),
+			m && !e.href && /* @__PURE__ */ K(ce, {
+				className: t("size-icon shrink-0 transition-transform rtl:rotate-180", _ && "rotate-90 rtl:rotate-90"),
+				"aria-hidden": "true"
+			})
+		] }), N = d ? d(e, {
+			depth: n,
+			active: g,
+			ancestor: h,
+			expanded: _,
+			disabled: f,
+			badge: v,
+			renderLink: j,
+			defaultContent: k
+		}) : k, P = n ? ne : A, F = n ? re : O, I = /* @__PURE__ */ K(P, {
+			...n === 0 ? { tooltip: { children: E } } : {},
+			active: g || n === 0 && T && h,
+			"data-ancestor": h || void 0,
+			render: e.href && !f ? R(j, e, N, void 0, g) : /* @__PURE__ */ K("button", {
+				type: "button",
+				disabled: f
+			}),
+			"aria-disabled": f || void 0,
+			className: t("w-full", f && "cursor-not-allowed opacity-50"),
+			children: N
+		});
+		return m ? /* @__PURE__ */ q(ee, {
+			open: _,
+			onOpenChange: (t, r) => {
+				let i = r.event.target;
+				n === 0 && !e.href && i instanceof Element && i.closest("[data-collapsible=\"icon\"]") ? (C(!0), me(l, !0)) : me(l, t);
+			},
+			disabled: f || !!W,
+			render: /* @__PURE__ */ K(F, {}),
+			children: [e.href ? /* @__PURE__ */ q(G, { children: [I, /* @__PURE__ */ K(b, {
+				render: /* @__PURE__ */ K(te, { className: "end-space-sm!" }),
+				"aria-label": _ ? M.collapse(D) : M.expand(D),
+				children: /* @__PURE__ */ K(ce, {
+					className: t("size-icon shrink-0 transition-transform rtl:rotate-180", _ && "rotate-90 rtl:rotate-90"),
+					"aria-hidden": "true"
+				})
+			})] }) : /* @__PURE__ */ K(b, { render: I }), /* @__PURE__ */ K(y, {
+				className: "group-data-[collapsible=icon]:hidden",
+				children: x()
+			})]
+		}, l) : /* @__PURE__ */ K(F, { children: I }, l);
+	}, _e = ue.map((e) => ({
+		...e,
+		items: Q(e.items, W)
+	})).filter((e) => e.items.length);
+	return _e.length ? /* @__PURE__ */ K("div", {
+		className: t("sidebar-grouped-navigation--component flex flex-col gap-space-xl", f),
+		children: _e.map(({ id: e, label: t, items: n }) => /* @__PURE__ */ q(k, {
+			className: "py-0",
+			children: [t != null && /* @__PURE__ */ K(P, { children: t }), /* @__PURE__ */ K(D, {
+				menuDensity: E,
+				children: n.map((e, t) => ge(e, 0, t))
+			})]
+		}, e))
+	}) : l ?? (W ? /* @__PURE__ */ K(k, { children: /* @__PURE__ */ K(r, {
+		type: "secondary",
+		children: M.noResults
+	}) }) : null);
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-logo.tsx
+function ve({ 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 ye({ items: e, label: n, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, showBadges: s = !0, renderLink: c, className: l, menuDensity: u }) {
+	let d = S(), f = u ?? d ?? "default", p = L({ renderLink: c }), m = I(i, e);
+	return /* @__PURE__ */ q(k, {
+		className: t("sidebar-navigation-footer--component py-0", l),
+		children: [!!n && /* @__PURE__ */ K(P, { children: n }), /* @__PURE__ */ K(M, { children: /* @__PURE__ */ K(D, {
+			menuDensity: f,
+			children: e.map((e, t) => {
+				let n = !!e.href && e.href === m, i = s ? H(e.handle, e.badge, o, e.id) : void 0, c = V(e), l = /* @__PURE__ */ q(G, { children: [
+					!!e.icon && /* @__PURE__ */ K(B, {
+						icon: e.icon,
+						iconMap: a,
+						className: "size-icon",
+						"aria-hidden": "true"
+					}),
+					typeof c == "string" || typeof c == "number" ? /* @__PURE__ */ K(r, {
+						tag: "span",
+						weight: "inherit",
+						className: "min-w-0 flex-1 truncate text-start text-inherit",
+						children: c
+					}) : c,
+					i !== void 0 && /* @__PURE__ */ K(oe, { value: i }),
+					!!e.external && /* @__PURE__ */ K(Y, {
+						className: "ms-auto size-icon-sm shrink-0",
+						"aria-hidden": "true"
+					})
+				] });
+				return /* @__PURE__ */ K(O, { children: /* @__PURE__ */ K(A, {
+					active: n,
+					render: e.href && !e.disabled ? R(p, e, l, void 0, n) : void 0,
+					tooltip: { children: c },
+					disabled: e.disabled,
+					children: l
+				}) }, z(e, t));
+			})
+		}) })]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-workspace-dropdown.tsx
+function be({ logo: n, collapsedLogo: i, workspaceLinks: a, renderLink: o, strings: s, contentClassName: l }) {
+	let u = e(ge, s), d = L({ renderLink: o }), { collapsed: p, isMobile: m } = Z(), h = p ? i ?? n : n, g = a.map((e) => ({
+		id: e.url,
+		label: e.label,
+		icon: e.icon ?? Y,
+		href: e.url,
+		external: e.external ?? !0,
+		group: u.label
+	})), _ = /* @__PURE__ */ q(A, {
+		size: p ? "md" : "lg",
+		"aria-label": u.select,
+		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(r, {
+				tag: "span",
+				size: "xs",
+				className: "sr-only",
+				children: u.select
+			})]
+		}), !p && /* @__PURE__ */ K(J, {
+			className: "ml-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 xe({ navigationGroups: r, "aria-label": i, footerNavItems: a = [], footerLabel: o, logo: s, collapsedLogo: c, workspaceLinks: l = [], workspaceStrings: u, workspaceContentClassName: d, headerClassName: f, logoClassName: p, iconMap: m, currentUrl: h = "/", closeDrawerOnNavigate: g = !0, liveBadges: _, showBadges: y = !0, menuDensity: b, renderLink: ee, loading: S, collapsible: C = "icon", panelId: w, surface: T, variant: D = "sidebar", side: te, className: O, surfaceClassName: k, contentClassName: A, slots: M, renderItem: P, renderItemContent: F, searchable: ne = !1, searchValue: re, defaultSearchValue: I = "", onSearchValueChange: ie, strings: ae, expandedItems: oe, defaultExpandedItems: R, onExpandedItemsChange: z }) {
+	let B = e(he, ae), V = Z(w);
+	pe(V, h, g);
+	let H = L({ renderLink: ee }), [W, se] = U.useState(I), ce = re ?? W, J = S || !r, Y = C === "icon" && V.collapsed, le = U.useRef(null), X = U.useRef(!1);
+	U.useLayoutEffect(() => {
+		if (!X.current || Y) return;
+		let e = le.current;
+		e && (X.current = !1, e.focus({ preventScroll: !0 }));
+	}, [Y]);
+	let de = l.length > 0, me = M?.headerStart != null && M.headerStart !== !1, ge = M?.headerEnd != null && M.headerEnd !== !1, Q = {
+		panelId: V.panelId,
+		collapsed: V.collapsed,
+		presentation: V.presentation,
+		isMobile: V.isMobile,
+		renderLink: H
+	}, xe = !!s && (de ? /* @__PURE__ */ K(be, {
+		logo: s,
+		collapsedLogo: c,
+		workspaceLinks: l,
+		strings: u,
+		contentClassName: d,
+		renderLink: H
+	}) : /* @__PURE__ */ K(ve, {
+		logo: s,
+		collapsedLogo: c,
+		className: p
+	})), we = s || M?.headerStart || M?.headerEnd ? /* @__PURE__ */ q(G, { children: [
+		M?.headerStart,
+		xe,
+		M?.headerEnd
+	] }) : null, Te = Se(M?.header, Q, we), $ = ne ? /* @__PURE__ */ q("div", {
+		"data-slot": "sidebar-search",
+		className: "relative min-w-0",
+		children: [/* @__PURE__ */ K("div", {
+			className: t("min-w-0", Y && "invisible"),
+			"aria-hidden": Y || void 0,
+			inert: Y || void 0,
+			children: /* @__PURE__ */ K(v, {
+				ref: le,
+				className: "sidebar-input--component",
+				"data-slot": "sidebar-input",
+				"data-sidebar": "input",
+				"aria-label": B.search,
+				placeholder: B.search,
+				value: ce,
+				disabled: J,
+				onChange: (e) => {
+					re === void 0 && se(e.target.value), ie?.(e.target.value);
+				}
+			})
+		}), /* @__PURE__ */ K(n, {
+			iconOnly: !0,
+			icon: ue,
+			tone: "secondary",
+			buttonStyle: "ghost",
+			"aria-label": B.search,
+			withTooltip: B.search,
+			className: t("absolute inset-0 h-full w-full shrink-0", !Y && "hidden"),
+			disabled: J,
+			onClick: () => {
+				X.current = !0, V.setOpen(!0);
+			}
+		})]
+	}) : null, Ee = M?.header != null && typeof M.header != "function" ? /* @__PURE__ */ q(G, { children: [Te, $ && /* @__PURE__ */ K(E, { children: $ })] }) : s && M?.header == null ? /* @__PURE__ */ q(E, {
+		className: t("gap-0 p-0", f),
+		children: [
+			me && /* @__PURE__ */ K("div", {
+				className: "p-surface-xs",
+				children: M?.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: xe
+			}),
+			(ge || $) && /* @__PURE__ */ q("div", {
+				className: "flex min-w-0 flex-col gap-space-md p-surface-xs",
+				children: [M?.headerEnd, $]
+			})
+		]
+	}) : Te != null && Te !== !1 || $ ? /* @__PURE__ */ q(E, {
+		className: t("gap-space-md", f),
+		children: [Te, $]
+	}) : null, De = a.length ? /* @__PURE__ */ K(ye, {
+		className: "p-0",
+		items: a,
+		label: o,
+		currentUrl: h,
+		iconMap: m,
+		liveBadges: _,
+		showBadges: y,
+		menuDensity: b,
+		renderLink: H
+	}) : null, Oe = Se(M?.footer, Q, De), ke = Se(M?.beforeNavigation, Q, null), Ae = Se(M?.afterNavigation, Q, null);
+	return /* @__PURE__ */ q(fe, {
+		panelId: w,
+		surface: T,
+		collapsible: C,
+		variant: D,
+		side: te,
+		className: t("app-sidebar--component h-full min-h-0", O),
+		surfaceClassName: k,
+		children: [
+			Ee,
+			/* @__PURE__ */ K(j, {
+				className: t("overflow-hidden", A),
+				children: /* @__PURE__ */ K(x, {
+					className: t("min-h-0 flex-1 pb-surface-xs", !ne && "pt-surface-xs"),
+					children: /* @__PURE__ */ q("nav", {
+						"aria-label": i ?? (V.panelId === "secondary" ? "Contextual navigation" : V.panelId === "aside" ? "Supporting navigation" : "Primary navigation"),
+						className: "app-sidebar--navigation flex flex-col gap-space-xl",
+						children: [
+							ke,
+							J ? M?.loading ?? /* @__PURE__ */ K(Ce, {}) : /* @__PURE__ */ K(_e, {
+								navigationByGroups: r,
+								currentUrl: h,
+								searchValue: ce,
+								strings: B,
+								expandedItems: oe,
+								defaultExpandedItems: R,
+								onExpandedItemsChange: z,
+								iconMap: m,
+								liveBadges: _,
+								showBadges: y,
+								menuDensity: b,
+								renderLink: ee,
+								emptySlot: M?.empty,
+								renderItem: P,
+								renderItemContent: F
+							}),
+							Ae
+						]
+					})
+				})
+			}),
+			Oe != null && Oe !== !1 && /* @__PURE__ */ K(N, { children: Oe })
+		]
+	});
+}
+function Se(e, t, n) {
+	return typeof e == "function" ? e({
+		...t,
+		defaultContent: n
+	}) : e ?? n;
+}
+function Ce() {
+	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
+function we({ items: e, value: n, onValueChange: o, currentUrl: c, closeDrawerOnNavigate: l = !0, renderLink: u, iconMap: d, slots: f, collapsible: p = "none", "aria-label": m = "Primary navigation", className: h, surface: g = "default", surfaceClassName: _, style: v, side: y, panelId: b, ...ee }) {
+	let S = L({ renderLink: u }), C = Z(b);
+	pe(C, c ?? n, l);
+	let w = y ?? C.side, T = n === void 0 && c ? I(c, e) : void 0, te = {
+		panelId: C.panelId,
+		collapsed: C.collapsed,
+		presentation: C.presentation,
+		isMobile: C.isMobile,
+		renderLink: S,
+		defaultContent: null
+	}, M = (e) => typeof e == "function" ? e(te) : e, P = M(f?.header), F = M(f?.footer), ne = M(f?.beforeNavigation), re = M(f?.afterNavigation);
+	return /* @__PURE__ */ q(fe, {
+		...ee,
+		panelId: b,
+		side: y,
+		collapsible: p,
+		surface: g,
+		surfaceClassName: t("border-border", w === "left" ? "border-r" : "border-l", g === "default" && "bg-background text-foreground", _),
+		className: t("sidebar-navigation-rail--component", h),
+		style: {
+			"--sidebar-width": "var(--shell-navigation-rail-width)",
+			...v
+		},
+		children: [
+			P != null && P !== !1 && /* @__PURE__ */ K(E, {
+				className: "items-center px-space-md pt-surface-xs pb-0",
+				children: P
+			}),
+			/* @__PURE__ */ K(j, {
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ K(x, {
+					className: "min-h-0 flex-1",
+					children: /* @__PURE__ */ q("nav", {
+						"aria-label": m,
+						className: t("flex flex-col gap-space-xl pb-surface-xs", P != null && P !== !1 ? "pt-space-xs" : "pt-surface-xs"),
+						children: [
+							ne,
+							/* @__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 = String(z(e)), l = n === void 0 ? !!e.href && e.href === T : n === c, u = /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
+											icon: e.icon,
+											iconMap: d,
+											className: "size-icon",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ K(r, {
+											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 ? R(S, 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: w === "left" ? "right" : "left",
+												children: e.label
+											})]
+										}) }, c);
+									})
+								})
+							}),
+							re
+						]
+					})
+				})
+			}),
+			F != null && F !== !1 && /* @__PURE__ */ K(N, {
+				className: "items-center px-space-md py-surface-xs",
+				children: F
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation.tsx
+function Te({ item: e }) {
+	let t = V(e);
+	return /* @__PURE__ */ K(r, {
+		tag: "span",
+		weight: "inherit",
+		className: "min-w-0 flex-1 truncate text-start text-inherit",
+		children: t
+	});
+}
+function $({ items: e, label: n = "Platform", currentUrl: r = "/", iconMap: i = {}, liveBadges: a, showBadges: o = !0, renderLink: s, renderItem: c, renderItemContent: l, className: u, menuDensity: d }) {
+	let f = S(), p = d ?? f ?? "default", m = L({ renderLink: s }), h = I(r, e);
+	return /* @__PURE__ */ q(k, {
+		className: t("sidebar-navigation--component py-0", u),
+		children: [!!n && /* @__PURE__ */ K(P, { children: n }), /* @__PURE__ */ K(D, {
+			menuDensity: p,
+			children: e.map((e, n) => {
+				let r = !!e.href && e.href === h, s = o ? H(e.handle, e.badge, a, e.id) : void 0, u = {
+					depth: 0,
+					active: r,
+					expanded: !1,
+					disabled: !!e.disabled,
+					badge: s,
+					renderLink: m
+				}, d = V(e);
+				if (c) return /* @__PURE__ */ K(U.Fragment, { children: c(e, u) }, z(e, n));
+				let f = /* @__PURE__ */ q(G, { children: [
+					!!e.icon && /* @__PURE__ */ K(B, {
+						icon: e.icon,
+						iconMap: i,
+						className: "size-icon",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ K(Te, { item: e }),
+					s !== void 0 && /* @__PURE__ */ K(oe, { value: s })
+				] }), p = l ? l(e, {
+					...u,
+					defaultContent: f
+				}) : f;
+				return /* @__PURE__ */ K(O, { children: /* @__PURE__ */ K(A, {
+					active: r,
+					render: e.href && !e.disabled ? R(m, e, p, void 0, r) : void 0,
+					tooltip: { children: d },
+					disabled: e.disabled,
+					className: t(e.disabled && "cursor-not-allowed opacity-50"),
+					children: p
+				}) }, z(e, n));
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation-user.tsx
+var Ee = {
+	profile: "Profile",
+	settings: "Settings",
+	logout: "Log out"
+};
+function De({ user: n, customContent: i, onProfile: a, onSettings: o, onLogout: s, strings: p, renderTrigger: v }) {
+	let y = e(Ee, p), { collapsed: b, isMobile: ee } = Z(), x = ee || !b ? "bottom" : "right", S = m(n.name, { strategy: "first-words" }), C = [
+		...a ? [{
+			id: "profile",
+			label: y.profile,
+			icon: de,
+			onClick: a
+		}] : [],
+		...o ? [{
+			id: "settings",
+			label: y.settings,
+			icon: X,
+			onClick: o
+		}] : [],
+		...s ? [{
+			id: "logout",
+			label: y.logout,
+			icon: le,
+			onClick: s,
+			...a || o ? { group: !0 } : null
+		}] : []
+	], w = /* @__PURE__ */ K(A, {
+		size: b ? "md" : "lg",
+		"aria-label": n.name,
+		tooltip: n.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?.(n) ?? /* @__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, {
+				className: "size-avatar shrink-0 rounded-full",
+				children: [!!n.avatar && /* @__PURE__ */ K(_, {
+					src: n.avatar,
+					alt: n.name
+				}), /* @__PURE__ */ K(h, {
+					className: "bg-sidebar-accent text-xs 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(r, {
+					type: "inherit",
+					weight: "medium",
+					className: "w-full truncate",
+					children: n.name
+				}), !!n.email && /* @__PURE__ */ K(r, {
+					size: "xs",
+					type: "secondary",
+					className: "w-full truncate",
+					children: n.email
+				})]
+			})]
+		}), !b && /* @__PURE__ */ K(J, {
+			className: "ml-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: x,
+			sideOffset: 4,
+			children: i
+		})] }) : /* @__PURE__ */ K(f, {
+			actions: C,
+			align: "end",
+			side: x,
+			contentClassName: T,
+			width: "w-auto",
+			closeOnSelect: !0,
+			renderTrigger: w
+		}) })
+	});
+}
+//#endregion
+export { xe as a, ve as c, ge as d, me as f, we as i, _e as l, fe as m, Ee as n, be as o, Z as p, $ as r, ye as s, De as t, he as u };
+
+//# sourceMappingURL=sidebar-C8BnDwTH.js.map