themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/sheet-vOUloJ4O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-vOUloJ4O.js","names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription","SheetPrimitive","React","SheetTriggerPrimitive","SheetClosePrimitive","SheetContentPrimitive","SheetHeaderPrimitive","SheetFooterPrimitive","SheetTitlePrimitive","SheetDescriptionPrimitive","useThemePortalContainer","affordanceGeometry","Text","motionRecipes","Slot","Button","modalRegionRecipes","modalBackdropRecipe","React$1","overlayAnatomyRecipes","Sheet$1","props","Dialog","SheetTrigger$1","renderSlot","asChild","SheetClose$1","SheetPortal","resolvedContainer","container","SheetOverlay","cn","className","SheetContent$1","side","children","showCloseButton","XIcon","SheetHeader$1","SheetFooter$1","SheetTitle$1","SheetDescription$1","isSimpleText","value","Sheet","SheetTrigger","SheetClose","SheetContent","SheetHeader","textGap","SheetBody","SheetFooter","SheetTitle","SheetDescription"],"sources":["../src/lib/overlay-anatomy-recipes.ts","../src/components/ui/sheet.tsx","../src/components/base/sheet/sheet.tsx"],"sourcesContent":["import { affordanceGeometry } from './affordance-geometry.generated';\n/** Dismiss controls follow the surface's logical inset; headers reserve the\n * actual small-action width plus an action gap only when a close control exists.\n * These are derived recipes, not additional theme settings.\n */\nexport const overlayAnatomyRecipes = {\n\tclose: affordanceGeometry.overlayClose,\n\theader: affordanceGeometry.overlayHeader,\n} as const;\n","import { overlayAnatomyRecipes } from '../../lib/overlay-anatomy-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\n\"use client\"\n\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\nimport { XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport { Slot } from \"./slot\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" modal=\"trap-focus\" {...props} />\n}\n\nfunction SheetTrigger({\n  asChild = false,\n  ...props\n}: SheetPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Trigger\n      data-slot=\"sheet-trigger\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nfunction SheetClose({\n  asChild = false,\n  ...props\n}: SheetPrimitive.Close.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Close\n      data-slot=\"sheet-close\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nfunction SheetPortal({ container, ...props }: SheetPrimitive.Portal.Props) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return <SheetPrimitive.Portal container={resolvedContainer} data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(modalBackdropRecipe, motionRecipes.backdrop, className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  container,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n} & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <SheetPortal container={resolvedContainer}>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          motionRecipes.drawer,\n          \"border-border bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {!!showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                data-overlay-close=\"\"\n                className={overlayAnatomyRecipes.close}\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon\n            />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"gap-1.5 p-4 flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"gap-2 p-4 mt-auto flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  asChild = false,\n  ...props\n}: SheetPrimitive.Title.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      render={renderSlot}\n      className={cn(\"text-foreground font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  asChild = false,\n  ...props\n}: SheetPrimitive.Description.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      render={renderSlot}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { modalRegionRecipes } from '../../../lib/surface-recipes';\nimport { overlayAnatomyRecipes } from '../../../lib/overlay-anatomy-recipes';\nimport type { TextGap } from '../structure';\n/**\n * Sheet — design-system wrapper around the shadcn compound primitive.\n *\n * The root and trigger behavior stay primitive-compatible. The package layer\n * adds a deliberate header / scrollable body / footer structure, calm admin\n * spacing, and stable BEM hooks without narrowing primitive props.\n */\nimport * as React from 'react';\n\nimport {\n\tSheet as SheetPrimitive,\n\tSheetClose as SheetClosePrimitive,\n\tSheetContent as SheetContentPrimitive,\n\tSheetDescription as SheetDescriptionPrimitive,\n\tSheetFooter as SheetFooterPrimitive,\n\tSheetHeader as SheetHeaderPrimitive,\n\tSheetTitle as SheetTitlePrimitive,\n\tSheetTrigger as SheetTriggerPrimitive,\n} from '../../ui/sheet';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport const Sheet = SheetPrimitive;\n\nexport const SheetTrigger = React.forwardRef<\n\tReact.ElementRef<typeof SheetTriggerPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetTriggerPrimitive>\n>(function SheetTrigger({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetTriggerPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-trigger--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetTrigger.displayName = 'SheetTrigger';\n\nexport const SheetClose = React.forwardRef<\n\tReact.ElementRef<typeof SheetClosePrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetClosePrimitive>\n>(function SheetClose({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetClosePrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-close--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetClose.displayName = 'SheetClose';\n\nexport const SheetContent = React.forwardRef<\n\tReact.ElementRef<typeof SheetContentPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetContentPrimitive>\n>(function SheetContent({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetContentPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t// The shell stays flush so its separated regions can each own the\n\t\t\t\t// same default p-surface inset without stacking padding.\n\t\t\t\t'sheet-content--component border-0 data-[side=left]:border-r-0 data-[side=right]:border-l-0 data-[side=top]:border-b-0 data-[side=bottom]:border-t-0 min-h-0 gap-0 overflow-hidden bg-background text-foreground [&_[data-slot=sheet-close]]:active:translate-y-0!',\n\t\t\t\t'data-[side=top]:max-h-[85vh] data-[side=bottom]:max-h-[85vh]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetContent.displayName = 'SheetContent';\n\nexport const SheetHeader = React.forwardRef<\n\tHTMLDivElement,\n\tReact.ComponentPropsWithoutRef<typeof SheetHeaderPrimitive> & { textGap?: TextGap }\n>(function SheetHeader({ className, textGap = 'normal', ...props }, ref) {\n\treturn (\n\t\t<SheetHeaderPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'sheet-header--component', modalRegionRecipes.header,\n\t\t\t\toverlayAnatomyRecipes.header,\n\t\t\t\ttextGap === 'dense' ? 'gap-dense' : 'gap-normal',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetHeader.displayName = 'SheetHeader';\n\n/** Scroll-owning content region between the fixed sheet header and footer. */\nexport const SheetBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\tfunction SheetBody({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"sheet-body\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sheet-body--component bg-muted/10', modalRegionRecipes.body,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport const SheetFooter = React.forwardRef<\n\tHTMLDivElement,\n\tReact.ComponentPropsWithoutRef<typeof SheetFooterPrimitive>\n>(function SheetFooter({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetFooterPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'sheet-footer--component mt-auto flex-row items-center justify-end', modalRegionRecipes.footer,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport const SheetTitle = React.forwardRef<\n\tReact.ElementRef<typeof SheetTitlePrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetTitlePrimitive>\n>(function SheetTitle({ children, className, ...props }, ref) {\n\treturn (\n\t\t<SheetTitlePrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-title--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"base\"\n\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\tlineHeight=\"snug\"\n\t\t\t\t\tclassName=\"sheet-title--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</SheetTitlePrimitive>\n\t);\n});\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport const SheetDescription = React.forwardRef<\n\tReact.ElementRef<typeof SheetDescriptionPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetDescriptionPrimitive>\n>(function SheetDescription({ children, className, ...props }, ref) {\n\treturn (\n\t\t<SheetDescriptionPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-description--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\tclassName=\"sheet-description--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</SheetDescriptionPrimitive>\n\t);\n});\n\nSheetDescription.displayName = 'SheetDescription';\n"],"mappings":"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"}

package/dist/sidebar-C3UKkbC5.js

@@ -0,0 +1,501 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { c as n } from "./buttons-Co6GavvM.js";
+import { a as r } from "./typography-Cv8MT-82.js";
+import { t as i } from "./structure-BvW4vG4H.js";
+import { g as a, r as o, t as s } from "./dropdown-menu-BlnyHr-9.js";
+import { n as c } from "./action-menu-Cx3SdfbN.js";
+import { r as l } from "./skeleton-BvRhK8y-.js";
+import { t as u } from "./initials-format-CDoQEOd_.js";
+import { i as d, n as f, s as p } from "./avatar-CsnWaYmt.js";
+import { n as m, r as h, t as g } from "./collapsible-DsnktFNv.js";
+import { t as _ } from "./scroll-area-BheMQ270.js";
+import { E as v, S as y, T as b, _ as ee, b as x, c as S, d as C, f as w, h as T, i as E, l as te, m as D, n as ne, o as O, r as re, s as k, t as A, v as ie, y as ae } from "./sidebar-CNBKFDRW.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-D6UBVzf2.js";
+import * as B from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { ChevronRight as oe, ChevronsUpDown as W, ExternalLink as se, LogOut as G, Settings as K, User as q } from "lucide-react";
+//#region src/components/layout/sidebar/sidebar.tsx
+function J({ className: e, surfaceClassName: n, ...r }) {
+	return /* @__PURE__ */ H(A, {
+		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 Y = b;
+function ce({ defaultOpen: e = !0, menuDensity: r = "default", open: i, onOpenChange: a, className: o, style: s, children: c, ...l }) {
+	return /* @__PURE__ */ H(n, {
+		delayDuration: 0,
+		children: /* @__PURE__ */ H(x, {
+			defaultOpen: e,
+			menuDensity: r,
+			open: i,
+			onOpenChange: a,
+			style: s,
+			className: t("layout-sidebar-provider--component min-h-svh", o),
+			...l,
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.types.ts
+var le = {
+	search: "Search navigation…",
+	noResults: "No matching pages.",
+	expand: (e) => `Expand ${e}`,
+	collapse: (e) => `Collapse ${e}`
+}, X = {
+	label: "Workspace",
+	select: "Select workspace"
+};
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-grouped-navigation.tsx
+function ue(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 = ue(e.children ?? [], t);
+		return n.length ? [{
+			...e,
+			children: n
+		}] : [];
+	}) : e;
+}
+function Z({ navigationByGroups: n, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, showBadges: s = !0, renderLink: c, emptySlot: l, renderItem: u, className: d, menuDensity: f, expandedItems: p, defaultExpandedItems: _ = [], onExpandedItemsChange: b, searchValue: x = "", strings: S }) {
+	let te = v(), { setOpen: ne } = Y(), O = f ?? te ?? "default", re = N({ renderLink: c }), A = e(le, S), [W, se] = B.useState(() => Object.fromEntries(_.map((e) => [e, {
+		open: !0,
+		route: i
+	}]))), G = x.trim().toLocaleLowerCase(), K = (e) => !!e && R(i, z(e)), q = (e) => !!e?.some((e) => K(e.href) || q(e.children)), J = (e, t) => p === void 0 ? W[t]?.route === i ? W[t].open : !!W[t]?.open || K(e.href) || q(e.children) : p.includes(t), ce = (e) => e.flatMap((e, t) => e.children?.length ? [String(j(e, t)), ...ce(e.children)] : []), X = Object.values(n).flat(), Z = (e, t) => {
+		for (let [n, r] of t.entries()) {
+			if (String(j(r, n)) === e) return r;
+			let t = Z(e, r.children ?? []);
+			if (t) return t;
+		}
+	}, Q = (e, t) => {
+		if (G) return;
+		let n = new Set(p ?? ce(X).filter((e) => {
+			let t = Z(e, X);
+			return t && J(t, e);
+		}));
+		t ? n.add(e) : n.delete(e), p === void 0 && se((n) => ({
+			...n,
+			[e]: {
+				open: t,
+				route: i
+			}
+		})), b?.([...n]);
+	}, de = (e, n, i, c = !1) => {
+		let l = String(j(e, i)), d = c || !!e.disabled, f = e.children ?? [], p = f.length > 0, _ = K(e.href), v = p && (!!G || J(e, l)), y = s ? F(e.handle, e.badge, o) : void 0, b = () => /* @__PURE__ */ H(ee, { children: f.map((e, t) => de(e, n + 1, t, d)) }), x = {
+			depth: n,
+			active: _,
+			expanded: v,
+			disabled: d,
+			badge: y,
+			renderLink: re,
+			setExpanded: p ? (e) => {
+				d || Q(l, e);
+			} : void 0,
+			get children() {
+				return p && v ? b() : void 0;
+			}
+		};
+		if (u) return /* @__PURE__ */ H(B.Fragment, { children: u(e, x) }, l);
+		let S = I(e), C = typeof S == "string" || typeof S == "number" ? String(S) : e.handle ?? "", E = /* @__PURE__ */ U(V, { children: [
+			!!e.icon && /* @__PURE__ */ H(L, {
+				icon: e.icon,
+				iconMap: a,
+				className: "size-icon",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ H(r, {
+				tag: "span",
+				weight: "medium",
+				className: "min-w-0 flex-1 truncate text-start text-inherit",
+				children: S
+			}),
+			y !== void 0 && /* @__PURE__ */ H(P, {
+				value: y,
+				size: n ? "sm" : "md"
+			}),
+			p && !e.href && /* @__PURE__ */ H(oe, {
+				className: t("size-icon shrink-0 transition-transform rtl:rotate-180", v && "rotate-90 rtl:rotate-90"),
+				"aria-hidden": "true"
+			})
+		] }), te = n ? ie : D, O = n ? ae : T, k = /* @__PURE__ */ H(te, {
+			...n === 0 ? { tooltip: { children: S } } : {},
+			active: _ || p && q(f),
+			render: e.href && !d ? M(re, e, E, void 0, _ && !q(f)) : /* @__PURE__ */ H("button", {
+				type: "button",
+				disabled: d
+			}),
+			"aria-disabled": d || void 0,
+			className: t("w-full font-medium", n > 0 && _ && "bg-transparent text-primary-accent hover:text-primary-accent active:text-primary-accent data-active:text-primary-accent data-[active=true]:text-primary-accent", d && "cursor-not-allowed opacity-50"),
+			children: E
+		});
+		return p ? /* @__PURE__ */ U(g, {
+			open: v,
+			onOpenChange: (t, r) => {
+				let i = r.event.target;
+				n === 0 && !e.href && i instanceof Element && i.closest("[data-collapsible=\"icon\"]") ? (ne(!0), Q(l, !0)) : Q(l, t);
+			},
+			disabled: d || !!G,
+			render: /* @__PURE__ */ H(O, {}),
+			children: [e.href ? /* @__PURE__ */ U(V, { children: [k, /* @__PURE__ */ H(h, {
+				render: /* @__PURE__ */ H(w, {}),
+				"aria-label": v ? A.collapse(C) : A.expand(C),
+				children: /* @__PURE__ */ H(oe, {
+					className: t("size-icon shrink-0 transition-transform rtl:rotate-180", v && "rotate-90 rtl:rotate-90"),
+					"aria-hidden": "true"
+				})
+			})] }) : /* @__PURE__ */ H(h, { render: k }), /* @__PURE__ */ H(m, { children: b() })]
+		}, l) : /* @__PURE__ */ H(O, { children: k }, l);
+	}, $ = Object.entries(n).map(([e, t]) => [e, ue(t, G)]).filter(([, e]) => e.length);
+	return $.length ? /* @__PURE__ */ H("div", {
+		className: t("sidebar-grouped-navigation--component", d),
+		children: $.map(([e, t], n) => /* @__PURE__ */ U(B.Fragment, { children: [/* @__PURE__ */ U(E, {
+			className: "py-0",
+			children: [!e.startsWith("_") && /* @__PURE__ */ H(k, { children: e }), /* @__PURE__ */ H(C, {
+				menuDensity: O,
+				children: t.map((e, t) => de(e, 0, t))
+			})]
+		}), n < $.length - 1 && /* @__PURE__ */ H(y, { className: "mx-auto my-space-sm w-11/12 overflow-hidden" })] }, e))
+	}) : l ?? (G ? /* @__PURE__ */ H(E, { children: /* @__PURE__ */ H(r, {
+		type: "secondary",
+		children: A.noResults
+	}) }) : null);
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-logo.tsx
+function Q({ logo: e, collapsedLogo: n = null, className: r }) {
+	let { state: i } = Y(), a = i === "collapsed" ? n : e;
+	return a ? /* @__PURE__ */ H("div", {
+		className: t("sidebar-logo--component min-w-0", r),
+		children: a
+	}) : null;
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation-footer.tsx
+function de({ items: e, label: n, currentUrl: i = "/", iconMap: a = {}, liveBadges: o, showBadges: s = !0, renderLink: c, className: l, menuDensity: u }) {
+	let d = v(), f = u ?? d ?? "default", p = N({ renderLink: c });
+	return /* @__PURE__ */ U(E, {
+		className: t("sidebar-navigation-footer--component group-data-[collapsible=icon]:p-0", l),
+		children: [!!n && /* @__PURE__ */ H(k, { children: n }), /* @__PURE__ */ H(O, { children: /* @__PURE__ */ H(C, {
+			menuDensity: f,
+			children: e.map((e, n) => {
+				let c = !!e.href && R(i, z(e.href)), l = s ? F(e.handle, e.badge, o) : void 0, u = I(e), d = /* @__PURE__ */ U(V, { children: [
+					!!e.icon && /* @__PURE__ */ H(L, {
+						icon: e.icon,
+						iconMap: a,
+						className: "size-icon",
+						"aria-hidden": "true"
+					}),
+					typeof u == "string" || typeof u == "number" ? /* @__PURE__ */ H(r, {
+						tag: "span",
+						weight: "medium",
+						className: "truncate text-inherit",
+						children: u
+					}) : u,
+					l !== void 0 && /* @__PURE__ */ H(P, { value: l }),
+					!!e.external && /* @__PURE__ */ H(se, {
+						className: "ml-auto size-icon-sm opacity-50",
+						"aria-hidden": "true"
+					})
+				] });
+				return /* @__PURE__ */ H(T, { children: /* @__PURE__ */ H(D, {
+					active: c,
+					render: e.href && !e.disabled ? M(p, e, d, void 0, c) : void 0,
+					className: t("font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground", c && "bg-sidebar-accent text-sidebar-accent-foreground"),
+					tooltip: { children: u },
+					disabled: e.disabled,
+					children: d
+				}) }, j(e, n));
+			})
+		}) })]
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-workspace-dropdown.tsx
+function $({ logo: n, collapsedLogo: a, workspaceLinks: o, renderLink: s, strings: l, contentClassName: u }) {
+	let d = e(X, l), f = N({ renderLink: s }), { state: p, isMobile: m } = Y(), h = p === "collapsed", g = h ? a ?? n : n, _ = o.map((e) => ({
+		id: e.url,
+		label: e.label,
+		icon: e.icon ?? se,
+		href: e.url,
+		external: e.external ?? !0,
+		group: d.label
+	})), v = /* @__PURE__ */ U(D, {
+		size: "lg",
+		"aria-label": d.select,
+		className: "group-data-[collapsible=icon]:p-0! data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+		children: [/* @__PURE__ */ U(i, {
+			direction: "horizontal",
+			align: "center",
+			gap: "md",
+			wrap: !1,
+			className: "min-w-0 flex-1",
+			children: [g, !h && /* @__PURE__ */ H(r, {
+				tag: "span",
+				size: "xs",
+				className: "sr-only",
+				children: d.select
+			})]
+		}), !h && /* @__PURE__ */ H(W, {
+			className: "ml-auto size-icon shrink-0",
+			"aria-hidden": "true"
+		})]
+	});
+	return /* @__PURE__ */ H(C, {
+		className: "sidebar-workspace-dropdown--component",
+		children: /* @__PURE__ */ H(T, { children: /* @__PURE__ */ H(c, {
+			actions: _,
+			align: "start",
+			side: m ? "bottom" : "right",
+			contentClassName: t("min-w-56", u),
+			width: "w-auto",
+			closeOnSelect: !0,
+			preserveOrder: !0,
+			renderTrigger: v,
+			renderLink: ({ children: e, ...t }) => f({
+				...t,
+				children: e ?? null
+			})
+		}) })
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/app-sidebar.tsx
+function fe({ navigationGroups: n, footerNavItems: r = [], footerLabel: i, logo: a, collapsedLogo: o, workspaceLinks: s = [], workspaceStrings: c, workspaceContentClassName: l, headerClassName: u, logoClassName: d, iconMap: f, currentUrl: p = "/", liveBadges: m, showBadges: h = !0, menuDensity: g, renderLink: v, loading: y, collapsible: b = "icon", variant: ee = "sidebar", side: x = "left", className: C, surfaceClassName: w, contentClassName: T, slots: E, renderItem: D, searchable: O = !1, searchValue: k, defaultSearchValue: A = "", onSearchValueChange: ie, strings: ae, expandedItems: j, defaultExpandedItems: M, onExpandedItemsChange: N }) {
+	let P = e(le, ae), [F, I] = B.useState(A), L = k ?? F, R = r.length > 0 || !!E?.footer, z = y || !n, V = s.length > 0;
+	return /* @__PURE__ */ U(J, {
+		collapsible: b,
+		variant: ee,
+		side: x,
+		className: t("app-sidebar--component h-svh", C),
+		surfaceClassName: w,
+		children: [
+			E?.header ?? (!!a && /* @__PURE__ */ H(S, {
+				className: u,
+				children: V ? /* @__PURE__ */ H($, {
+					logo: a,
+					collapsedLogo: o,
+					workspaceLinks: s,
+					strings: c,
+					contentClassName: l,
+					renderLink: v
+				}) : /* @__PURE__ */ H(Q, {
+					logo: a,
+					collapsedLogo: o,
+					className: d
+				})
+			})),
+			O && /* @__PURE__ */ H(S, {
+				className: "group-data-[collapsible=icon]:hidden",
+				children: /* @__PURE__ */ H(te, {
+					"aria-label": P.search,
+					placeholder: P.search,
+					value: L,
+					disabled: z,
+					onChange: (e) => {
+						k === void 0 && I(e.target.value), ie?.(e.target.value);
+					}
+				})
+			}),
+			/* @__PURE__ */ H(ne, {
+				className: t("overflow-hidden", T),
+				children: /* @__PURE__ */ U(_, {
+					className: "min-h-0 flex-1 pt-space-sm",
+					children: [
+						E?.beforeNavigation,
+						z ? E?.loading ?? /* @__PURE__ */ H(pe, {}) : /* @__PURE__ */ H(Z, {
+							navigationByGroups: n,
+							currentUrl: p,
+							searchValue: L,
+							strings: P,
+							expandedItems: j,
+							defaultExpandedItems: M,
+							onExpandedItemsChange: N,
+							iconMap: f,
+							liveBadges: m,
+							showBadges: h,
+							menuDensity: g,
+							renderLink: v,
+							emptySlot: E?.empty,
+							renderItem: D
+						}),
+						E?.afterNavigation
+					]
+				})
+			}),
+			R && /* @__PURE__ */ H(re, { children: E?.footer ?? /* @__PURE__ */ H(de, {
+				items: r,
+				label: i,
+				currentUrl: p,
+				iconMap: f,
+				liveBadges: m,
+				showBadges: h,
+				menuDensity: g,
+				renderLink: v
+			}) })
+		]
+	});
+}
+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(E, {
+		className: "py-0",
+		children: /* @__PURE__ */ H(C, { children: Array.from({ length: t }, (e, t) => /* @__PURE__ */ H(T, { children: /* @__PURE__ */ U("div", {
+			className: "flex h-action-sm items-center gap-space-md px-control-sm",
+			children: [/* @__PURE__ */ H(l, { className: "size-icon shrink-0 rounded" }), /* @__PURE__ */ H(l, {
+				className: "h-3.5 rounded",
+				style: { width: `${60 + (n * 7 + t * 13) % 40}px` }
+			})]
+		}) }, t)) })
+	}), n < e.length - 1 && /* @__PURE__ */ H(y, { className: "mx-auto my-space-xs w-11/12 overflow-hidden" })] }, n)) });
+}
+//#endregion
+//#region src/components/layout/sidebar/components/sidebar-navigation.tsx
+function me({ item: e }) {
+	let t = I(e);
+	return /* @__PURE__ */ H(r, {
+		tag: "span",
+		weight: "medium",
+		className: "truncate text-inherit",
+		children: t
+	});
+}
+function he({ items: e, label: n = "Platform", currentUrl: r = "/", iconMap: i = {}, liveBadges: a, showBadges: o = !0, renderLink: s, renderItem: c, className: l, menuDensity: u }) {
+	let d = v(), f = u ?? d ?? "default", p = N({ renderLink: s });
+	return /* @__PURE__ */ U(E, {
+		className: t("sidebar-navigation--component py-0", l),
+		children: [!!n && /* @__PURE__ */ H(k, { children: n }), /* @__PURE__ */ H(C, {
+			menuDensity: f,
+			children: e.map((e, n) => {
+				let s = !!e.href && R(r, z(e.href)), l = o ? F(e.handle, e.badge, a) : void 0, u = {
+					depth: 0,
+					active: s,
+					expanded: !1,
+					disabled: !!e.disabled,
+					badge: l,
+					renderLink: p
+				}, d = I(e);
+				if (c) return /* @__PURE__ */ H(B.Fragment, { children: c(e, u) }, j(e, n));
+				let f = /* @__PURE__ */ U(V, { children: [
+					!!e.icon && /* @__PURE__ */ H(L, {
+						icon: e.icon,
+						iconMap: i,
+						className: "size-icon",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ H(me, { item: e }),
+					l !== void 0 && /* @__PURE__ */ H(P, { value: l })
+				] });
+				return /* @__PURE__ */ H(T, { children: /* @__PURE__ */ H(D, {
+					active: s,
+					render: e.href && !e.disabled ? M(p, e, f, void 0, s) : void 0,
+					tooltip: { children: d },
+					disabled: e.disabled,
+					className: t("font-medium", s && "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({ user: t, customContent: n, onProfile: l, onSettings: m, onLogout: h, strings: g, renderTrigger: _ }) {
+	let v = e(ge, g), { state: y, isMobile: b } = Y(), ee = b || y !== "collapsed" ? "bottom" : "right", x = u(t.name, { strategy: "first-words" }), S = [
+		...l ? [{
+			id: "profile",
+			label: v.profile,
+			icon: q,
+			onClick: l
+		}] : [],
+		...m ? [{
+			id: "settings",
+			label: v.settings,
+			icon: K,
+			onClick: m
+		}] : [],
+		...h ? [{
+			id: "logout",
+			label: v.logout,
+			icon: G,
+			onClick: h,
+			...l || m ? { group: !0 } : null
+		}] : []
+	], w = /* @__PURE__ */ H(D, {
+		size: "lg",
+		className: "group text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent",
+		children: _?.(t) ?? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U(i, {
+			direction: "horizontal",
+			align: "center",
+			gap: "md",
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ U(f, {
+				className: "size-avatar rounded-full",
+				children: [!!t.avatar && /* @__PURE__ */ H(p, {
+					src: t.avatar,
+					alt: t.name
+				}), /* @__PURE__ */ H(d, {
+					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-icon shrink-0",
+			"aria-hidden": "true"
+		})] })
+	}), E = "w-(--anchor-width) min-w-56 rounded-radius";
+	return /* @__PURE__ */ H(C, {
+		className: "sidebar-navigation-user--component",
+		children: /* @__PURE__ */ H(T, { children: n ? /* @__PURE__ */ U(s, { children: [/* @__PURE__ */ H(a, { render: w }), /* @__PURE__ */ H(o, {
+			className: E,
+			align: "end",
+			side: ee,
+			sideOffset: 4,
+			children: n
+		})] }) : /* @__PURE__ */ H(c, {
+			actions: S,
+			align: "end",
+			side: ee,
+			contentClassName: E,
+			width: "w-auto",
+			closeOnSelect: !0,
+			renderTrigger: w
+		}) })
+	});
+}
+//#endregion
+export { $ as a, Z as c, ce as d, Y as f, fe as i, le as l, ge as n, de as o, J as p, he as r, Q as s, _e as t, X as u };
+
+//# sourceMappingURL=sidebar-C3UKkbC5.js.map