admin-ui-starter-kit 0.6.4 → 0.6.6

package/dist/_shared/sidebar-DtF_ihE3.js

@@ -0,0 +1,548 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { r as n } from "./tooltip-CLr_sPX8.js";
+import { s as r } from "./typography-CzFVA1w1.js";
+import { a as i, d as a, g as o, i as s, o as c, r as l, t as u } from "./dropdown-menu-CoWmrjYX.js";
+import { t as d } from "./scroll-area-B32KwU9k.js";
+import { o as f, r as p, t as m } from "./avatar-BagPbPuD.js";
+import { t as h } from "./skeleton-CGQMeno1.js";
+import { i as g, o as _, r as v, s as y, t as b } from "./sheet-DWQuyRRz.js";
+import { S as x, a as S, b as C, c as w, g as T, i as ee, l as E, n as D, o as O, p as k, t as A, u as te, v as ne, w as re, y as ie } from "./sidebar-BRg39UF1.js";
+import { a as j, c as M, d as N, i as P, l as F, o as I, r as L, s as R, u as z } from "./hooks-Ci1LFWRG.js";
+import * as B from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { ChevronsUpDown as W, ExternalLink as G, LogOut as ae, Settings as oe, User as se } from "lucide-react";
+import { cva as ce } from "class-variance-authority";
+//#region src/components/layout/sidebar/sidebar.context.tsx
+var K = re;
+function le({ defaultOpen: e = !0, open: r, onOpenChange: i, className: a, style: o, children: s, ...c }) {
+	return /* @__PURE__ */ H(n, {
+		delayDuration: 0,
+		children: /* @__PURE__ */ H(C, {
+			defaultOpen: e,
+			open: r,
+			onOpenChange: i,
+			style: o,
+			className: t("min-h-svh", a),
+			...c,
+			children: s
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.settings.ts
+var ue = "18rem";
+ce("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+//#endregion
+//#region src/components/layout/sidebar/sidebar.tsx
+var q = {
+	mobileTitle: "Sidebar",
+	mobileDescription: "Displays the mobile sidebar."
+};
+function J({ side: n = "left", variant: r = "sidebar", collapsible: i = "offcanvas", className: a, surfaceClassName: o, children: s, strings: c, ...l }) {
+	let { isMobile: u, state: d, openMobile: f, setOpenMobile: p } = K(), m = e(q, c);
+	return i === "none" ? /* @__PURE__ */ H("div", {
+		"data-slot": "sidebar",
+		className: t("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", o, a),
+		...l,
+		children: s
+	}) : u ? /* @__PURE__ */ H(b, {
+		open: f,
+		onOpenChange: p,
+		...l,
+		children: /* @__PURE__ */ U(v, {
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: t("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden", o),
+			style: { "--sidebar-width": ue },
+			side: n,
+			children: [/* @__PURE__ */ U(_, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ H(y, { children: m.mobileTitle }), /* @__PURE__ */ H(g, { children: m.mobileDescription })]
+			}), /* @__PURE__ */ H("div", {
+				className: "flex h-full w-full flex-col",
+				children: s
+			})]
+		})
+	}) : /* @__PURE__ */ H("div", {
+		className: "group peer sticky top-0 hidden h-full text-sidebar-foreground md:block",
+		"data-state": d,
+		"data-collapsible": d === "collapsed" ? i : "",
+		"data-variant": r,
+		"data-side": n,
+		"data-slot": "sidebar",
+		children: /* @__PURE__ */ H("div", {
+			className: t("inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", n === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", r === "floating" || r === "inset" ? "px-2 py-3 group-data-[collapsible=icon]:w-17" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", a),
+			...l,
+			children: /* @__PURE__ */ H("div", {
+				"data-sidebar": "sidebar",
+				className: t("sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm", o),
+				children: s
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-grouped-navigation.tsx
+function Y({ item: e, active: t = !1 }) {
+	let n = I(e);
+	return /* @__PURE__ */ H(r, {
+		tag: "span",
+		weight: t ? "bold" : "medium",
+		className: "truncate text-inherit",
+		children: n
+	});
+}
+function X({ navigationByGroups: e, currentUrl: n = "/", iconMap: i = {}, liveBadges: a, renderLink: o, LinkComponent: s, emptySlot: c, renderItem: l, className: u }) {
+	let d = N({
+		renderLink: o,
+		LinkComponent: s
+	}), f = (e) => !!e && R(n, z(e)), p = (e) => {
+		let t = -1, r = -1;
+		for (let i = 0; i < e.length; i += 1) {
+			let a = e[i], o = a?.href ? z(a.href) : "";
+			o && R(n, o) && o.length > r && (r = o.length, t = i);
+		}
+		return t;
+	}, m = (e) => !!e?.some((e) => f(e.href) || m(e.children)), h = (e, n = 0, o = 0) => {
+		let s = !!e.children?.length, c = f(e.href), u = s ? m(e.children) : !1, h = c || u, g = F(e.handle, e.badge, a), _ = I(e), v = {
+			depth: n,
+			active: c,
+			expanded: h,
+			badge: g,
+			renderLink: d
+		};
+		if (l) return /* @__PURE__ */ H(B.Fragment, { children: l(e, v) }, j(e, o));
+		if (s) {
+			let n = p(e.children ?? []), s = /* @__PURE__ */ U(V, { children: [
+				!!e.icon && /* @__PURE__ */ H(L, {
+					icon: e.icon,
+					iconMap: i,
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ H(Y, {
+					item: e,
+					active: h
+				}),
+				!!g && /* @__PURE__ */ H(P, { value: g })
+			] });
+			return /* @__PURE__ */ U(T, { children: [/* @__PURE__ */ H(A, {
+				isActive: h,
+				render: e.href && !e.disabled ? M(d, e, s, void 0, h) : void 0,
+				tooltip: { children: _ },
+				disabled: e.disabled,
+				className: t("h-8 font-medium", h && "font-bold data-active:font-bold data-[active=true]:font-bold", c && "bg-sidebar-accent text-sidebar-foreground", !c && u && "bg-sidebar-accent/60 text-sidebar-foreground", e.disabled && "cursor-not-allowed opacity-50"),
+				children: s
+			}), !!h && /* @__PURE__ */ H(ne, {
+				className: "gap-0.5",
+				children: e.children?.map((e, i) => {
+					let o = i === n || f(e.href), s = F(e.handle, e.badge, a), c = I(e), l = /* @__PURE__ */ U(V, { children: [typeof c == "string" || typeof c == "number" ? /* @__PURE__ */ H(r, {
+						tag: "span",
+						weight: o ? "semibold" : "regular",
+						className: "min-w-0 flex-1 truncate text-inherit",
+						children: c
+					}) : c, !!s && /* @__PURE__ */ H(P, {
+						value: s,
+						size: "small"
+					})] });
+					return /* @__PURE__ */ H(ie, { children: /* @__PURE__ */ H(D, {
+						isActive: o,
+						render: e.href && !e.disabled ? M(d, e, l, void 0, o) : void 0,
+						className: t("w-full", o && "bg-transparent font-semibold text-primary hover:text-primary active:text-primary data-active:text-primary data-[active=true]:text-primary"),
+						children: l
+					}) }, j(e, i));
+				})
+			})] }, j(e, o));
+		}
+		let y = /* @__PURE__ */ U(V, { children: [
+			!!e.icon && /* @__PURE__ */ H(L, {
+				icon: e.icon,
+				iconMap: i,
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ H(Y, {
+				item: e,
+				active: c
+			}),
+			!!g && /* @__PURE__ */ H(P, { value: g })
+		] });
+		return /* @__PURE__ */ H(T, { children: /* @__PURE__ */ H(A, {
+			isActive: c,
+			render: e.href && !e.disabled ? M(d, e, y, void 0, c) : void 0,
+			tooltip: { children: _ },
+			disabled: e.disabled,
+			className: t("h-8 font-medium", c && "font-bold data-active:font-bold data-[active=true]:font-bold", c && "bg-sidebar-accent text-sidebar-foreground", e.disabled && "cursor-not-allowed opacity-50"),
+			children: y
+		}) }, j(e, o));
+	}, g = Object.entries(e).filter(([, e]) => e.length > 0);
+	return g.length === 0 ? c ?? null : /* @__PURE__ */ H("div", {
+		className: u,
+		children: g.map(([e, t], n) => /* @__PURE__ */ U(B.Fragment, { children: [/* @__PURE__ */ U(O, {
+			className: "px-2 py-0",
+			children: [!e.startsWith("_") && /* @__PURE__ */ H(E, { children: e }), /* @__PURE__ */ H(k, {
+				className: "gap-0.5",
+				children: t.map((e, t) => h(e, 0, t))
+			})]
+		}), n < g.length - 1 && /* @__PURE__ */ H(x, { className: "!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4" })] }, e))
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-logo.tsx
+function Z({ logo: e, collapsedLogo: n = null, className: r }) {
+	let { state: i } = K(), a = i === "collapsed" ? n : e;
+	return a ? /* @__PURE__ */ H("div", {
+		className: t("min-w-0", r),
+		children: a
+	}) : null;
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation-footer.tsx
+function Q({ items: e, label: n, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, renderLink: s, LinkComponent: c, className: l }) {
+	let u = N({
+		renderLink: s,
+		LinkComponent: c
+	});
+	return /* @__PURE__ */ U(O, {
+		className: t("group-data-[collapsible=icon]:p-0", l),
+		children: [!!n && /* @__PURE__ */ H(E, { children: n }), /* @__PURE__ */ H(w, { children: /* @__PURE__ */ H(k, {
+			className: "gap-0.5",
+			children: e.map((e, n) => {
+				let s = !!e.href && R(i, z(e.href)), c = F(e.handle, e.badge, o), l = I(e), d = /* @__PURE__ */ U(V, { children: [
+					!!e.icon && /* @__PURE__ */ H(L, {
+						icon: e.icon,
+						iconMap: a,
+						className: "size-4",
+						"aria-hidden": "true"
+					}),
+					typeof l == "string" || typeof l == "number" ? /* @__PURE__ */ H(r, {
+						tag: "span",
+						className: "truncate text-inherit",
+						children: l
+					}) : l,
+					!!c && /* @__PURE__ */ H(P, { value: c }),
+					!!e.external && /* @__PURE__ */ H(G, {
+						className: "ml-auto size-3 opacity-50",
+						"aria-hidden": "true"
+					})
+				] });
+				return /* @__PURE__ */ H(T, { children: /* @__PURE__ */ H(A, {
+					isActive: s,
+					render: e.href && !e.disabled ? M(u, e, d, void 0, s) : void 0,
+					className: t("h-8 font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground", s && "bg-sidebar-accent text-sidebar-accent-foreground"),
+					tooltip: { children: l },
+					disabled: e.disabled,
+					children: d
+				}) }, j(e, n));
+			})
+		}) })]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.types.ts
+var $ = {
+	label: "Workspace",
+	select: "Select workspace"
+};
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-workspace-dropdown.tsx
+function de({ logo: n, collapsedLogo: d, workspaceLinks: f, renderLink: p, LinkComponent: m, strings: h, contentClassName: g }) {
+	let _ = e($, h), v = N({
+		renderLink: p,
+		LinkComponent: m
+	}), { state: y } = K(), b = y === "collapsed";
+	return /* @__PURE__ */ H(k, { children: /* @__PURE__ */ H(T, { children: /* @__PURE__ */ U(u, { children: [/* @__PURE__ */ U(o, {
+		render: /* @__PURE__ */ H(A, {
+			size: "lg",
+			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+		}),
+		children: [/* @__PURE__ */ U("div", {
+			className: "flex min-w-0 flex-1 items-center gap-2",
+			children: [b ? d ?? n : n, !b && /* @__PURE__ */ H(r, {
+				tag: "span",
+				size: "xs",
+				className: "sr-only",
+				children: _.select
+			})]
+		}), !b && /* @__PURE__ */ H(W, {
+			className: "ml-auto size-4 shrink-0",
+			"aria-hidden": "true"
+		})]
+	}), /* @__PURE__ */ H(l, {
+		className: t("min-w-56", g),
+		align: "start",
+		side: "right",
+		sideOffset: 8,
+		children: /* @__PURE__ */ U(s, { children: [
+			/* @__PURE__ */ H(c, { children: /* @__PURE__ */ H(r, {
+				weight: "semibold",
+				children: _.label
+			}) }),
+			/* @__PURE__ */ H(a, {}),
+			f.map((e) => {
+				let t = /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(e.icon ?? G, {
+					className: "size-4 shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ H(r, {
+					tag: "span",
+					size: "xs",
+					className: "text-inherit",
+					children: e.label
+				})] });
+				return /* @__PURE__ */ H(i, {
+					render: v({
+						href: e.url,
+						external: e.external ?? !0,
+						children: null,
+						className: "flex items-center gap-2"
+					}),
+					children: t
+				}, e.url);
+			})
+		] })
+	})] }) }) });
+}
+//#endregion
+//#region src/components/layout/sidebar/app-sidebar.tsx
+function fe({ navigationGroups: e, footerNavItems: n = [], footerLabel: r, logo: i, collapsedLogo: a, workspaceLinks: o = [], workspaceStrings: s, workspaceContentClassName: c, headerClassName: l, logoClassName: u, iconMap: f, currentUrl: p = "/", liveBadges: m, renderLink: h, LinkComponent: g, loading: _, collapsible: v = "icon", variant: y = "sidebar", side: b = "left", className: x, surfaceClassName: C, contentClassName: w, slots: T, renderItem: E }) {
+	let D = n.length > 0 || !!T?.footer, O = _ || !e, k = o.length > 0;
+	return /* @__PURE__ */ U(J, {
+		collapsible: v,
+		variant: y,
+		side: b,
+		className: t("h-svh", x),
+		surfaceClassName: C,
+		children: [
+			T?.header ?? (!!i && /* @__PURE__ */ H(te, {
+				className: l,
+				children: k ? /* @__PURE__ */ H(de, {
+					logo: i,
+					collapsedLogo: a,
+					workspaceLinks: o,
+					strings: s,
+					contentClassName: c,
+					renderLink: h,
+					LinkComponent: g
+				}) : /* @__PURE__ */ H(Z, {
+					logo: i,
+					collapsedLogo: a,
+					className: u
+				})
+			})),
+			/* @__PURE__ */ H(ee, {
+				className: w,
+				children: /* @__PURE__ */ U(d, {
+					className: "h-full pr-1.5 pt-4",
+					children: [
+						T?.beforeNavigation,
+						O ? T?.loading ?? /* @__PURE__ */ H(pe, {}) : /* @__PURE__ */ H(X, {
+							navigationByGroups: e,
+							currentUrl: p,
+							iconMap: f,
+							liveBadges: m,
+							renderLink: h,
+							LinkComponent: g,
+							emptySlot: T?.empty,
+							renderItem: E
+						}),
+						T?.afterNavigation
+					]
+				})
+			}),
+			D && /* @__PURE__ */ H(S, { children: T?.footer ?? /* @__PURE__ */ H(Q, {
+				items: n,
+				label: r,
+				currentUrl: p,
+				iconMap: f,
+				liveBadges: m,
+				renderLink: h,
+				LinkComponent: g
+			}) })
+		]
+	});
+}
+function pe() {
+	let e = [
+		9,
+		3,
+		4,
+		2,
+		1
+	];
+	return /* @__PURE__ */ H(V, { children: e.map((t, n) => /* @__PURE__ */ U(B.Fragment, { children: [/* @__PURE__ */ H(O, {
+		className: "px-2 py-0",
+		children: /* @__PURE__ */ H(k, {
+			className: "gap-0.5",
+			children: Array.from({ length: t }, (e, t) => /* @__PURE__ */ H(T, { children: /* @__PURE__ */ U("div", {
+				className: "flex h-8 items-center gap-2 px-2",
+				children: [/* @__PURE__ */ H(h, { className: "h-4 w-4 shrink-0 rounded" }), /* @__PURE__ */ H(h, {
+					className: "h-3.5 rounded",
+					style: { width: `${60 + (n * 7 + t * 13) % 40}px` }
+				})]
+			}) }, t))
+		})
+	}), n < e.length - 1 && /* @__PURE__ */ H(x, { className: "!mx-auto !my-1 !w-11/12 overflow-hidden px-4" })] }, n)) });
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation.tsx
+function me({ item: e }) {
+	return /* @__PURE__ */ H(r, {
+		tag: "span",
+		weight: "medium",
+		className: "truncate text-inherit",
+		children: I(e)
+	});
+}
+function he({ items: e, label: n = "Platform", currentUrl: r = "/", iconMap: i = {}, liveBadges: a, renderLink: o, LinkComponent: s, renderItem: c, className: l }) {
+	let u = N({
+		renderLink: o,
+		LinkComponent: s
+	});
+	return /* @__PURE__ */ U(O, {
+		className: t("px-2 py-0", l),
+		children: [!!n && /* @__PURE__ */ H(E, { children: n }), /* @__PURE__ */ H(k, {
+			className: "gap-0.5",
+			children: e.map((e, n) => {
+				let o = !!e.href && R(r, z(e.href)), s = F(e.handle, e.badge, a), l = {
+					depth: 0,
+					active: o,
+					expanded: !1,
+					badge: s,
+					renderLink: u
+				}, d = I(e);
+				if (c) return /* @__PURE__ */ H(B.Fragment, { children: c(e, l) }, j(e, n));
+				let f = /* @__PURE__ */ U(V, { children: [
+					!!e.icon && /* @__PURE__ */ H(L, {
+						icon: e.icon,
+						iconMap: i,
+						className: "size-4",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ H(me, { item: e }),
+					!!s && /* @__PURE__ */ H(P, { value: s })
+				] });
+				return /* @__PURE__ */ H(T, { children: /* @__PURE__ */ H(A, {
+					isActive: o,
+					render: e.href && !e.disabled ? M(u, e, f, void 0, o) : void 0,
+					tooltip: { children: d },
+					disabled: e.disabled,
+					className: t("h-8 font-medium", o && "bg-sidebar-accent text-sidebar-foreground", e.disabled && "cursor-not-allowed opacity-50"),
+					children: f
+				}) }, j(e, n));
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation-user.tsx
+var ge = {
+	profile: "Profile",
+	settings: "Settings",
+	logout: "Log out"
+};
+function _e(e) {
+	return e.split(" ").map((e) => e[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+}
+function ve({ user: t, customContent: n, onProfile: s, onSettings: c, onLogout: d, strings: h, renderTrigger: g }) {
+	let _ = e(ge, h), { state: v, isMobile: y } = K(), b = y || v !== "collapsed" ? "bottom" : "right", x = _e(t.name), S = /* @__PURE__ */ U(V, { children: [
+		!!s && /* @__PURE__ */ U(i, {
+			onClick: s,
+			children: [/* @__PURE__ */ H(se, {
+				className: "mr-2 size-4",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ H(r, {
+				tag: "span",
+				size: "xs",
+				className: "text-inherit",
+				children: _.profile
+			})]
+		}),
+		!!c && /* @__PURE__ */ U(i, {
+			onClick: c,
+			children: [/* @__PURE__ */ H(oe, {
+				className: "mr-2 size-4",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ H(r, {
+				tag: "span",
+				size: "xs",
+				className: "text-inherit",
+				children: _.settings
+			})]
+		}),
+		!!(s || c) && !!d && /* @__PURE__ */ H(a, {}),
+		!!d && /* @__PURE__ */ U(i, {
+			onClick: d,
+			children: [/* @__PURE__ */ H(ae, {
+				className: "mr-2 size-4",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ H(r, {
+				tag: "span",
+				size: "xs",
+				className: "text-inherit",
+				children: _.logout
+			})]
+		})
+	] });
+	return /* @__PURE__ */ H(k, { children: /* @__PURE__ */ H(T, { children: /* @__PURE__ */ U(u, { children: [/* @__PURE__ */ H(o, {
+		render: /* @__PURE__ */ H(A, {
+			size: "lg",
+			className: "group text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent"
+		}),
+		children: g?.(t) ?? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("div", {
+			className: "flex min-w-0 flex-1 items-center gap-2",
+			children: [/* @__PURE__ */ U(m, {
+				className: "size-avatar rounded-full",
+				children: [!!t.avatar && /* @__PURE__ */ H(f, {
+					src: t.avatar,
+					alt: t.name
+				}), /* @__PURE__ */ H(p, {
+					className: "bg-sidebar-accent text-xs text-sidebar-accent-foreground",
+					children: x
+				})]
+			}), /* @__PURE__ */ U("div", {
+				className: "flex flex-1 flex-col items-start justify-center overflow-hidden",
+				children: [/* @__PURE__ */ H(r, {
+					weight: "medium",
+					className: "w-full truncate",
+					children: t.name
+				}), !!t.email && /* @__PURE__ */ H(r, {
+					size: "xs",
+					type: "secondary",
+					className: "w-full truncate",
+					children: t.email
+				})]
+			})]
+		}), /* @__PURE__ */ H(W, {
+			className: "ml-auto size-4 shrink-0",
+			"aria-hidden": "true"
+		})] })
+	}), /* @__PURE__ */ H(l, {
+		className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+		align: "end",
+		side: b,
+		sideOffset: 4,
+		children: n ?? S
+	})] }) }) });
+}
+//#endregion
+export { de as a, Z as c, q as d, le as f, fe as i, X as l, ge as n, $ as o, K as p, he as r, Q as s, ve as t, J as u };
+
+//# sourceMappingURL=sidebar-DtF_ihE3.js.map