themelia-react-ui 2.0.5 → 3.0.0

package/dist/sidebar-D-JYMMbY.js

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