themelia-react-ui 2.0.6 → 3.0.0

package/dist/sidebar-C8BnDwTH.js

@@ -1,709 +0,0 @@
-"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