themelia-react-ui 2.0.3 → 2.0.5

package/dist/sidebar-D-JYMMbY.js

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