admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/_shared/resource-DljsYA7W.js

@@ -0,0 +1,243 @@
+import { cn as e } from "../lib/utils.js";
+import { n as t, t as n } from "./heading-HeP06nXG.js";
+import { t as r } from "./icon-badge-zTBVtgt9.js";
+import { t as i } from "./smart-card-thLb85Ih.js";
+import { p as a } from "./display-CL69dmsv.js";
+import { o, r as s, t as c } from "./avatar-CBi4LGxy.js";
+import { t as l } from "./skeleton-CGQMeno1.js";
+import { t as u } from "./metadata-Ckcmar8d.js";
+import { t as d } from "./navigation-Cg0UqMDP.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/layout/resource/resource.tsx
+function m(e) {
+	return e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase()).join("");
+}
+function h({ title: i, description: a, eyebrow: l, media: u, avatarUrl: d, avatarAlt: h, avatarFallback: g, icon: _, iconTone: v = "muted", badges: y, metadata: b, actions: x, className: S, contentClassName: C, mediaClassName: w }) {
+	let T = _, E = typeof i == "string" ? i : "", D = u ?? (d || g ? /* @__PURE__ */ p(c, {
+		size: "lg",
+		className: e("resource-header--avatar size-11", w),
+		children: [!!d && /* @__PURE__ */ f(o, {
+			src: d,
+			alt: h ?? E
+		}), /* @__PURE__ */ f(s, { children: g ?? m(E) })]
+	}) : T ? /* @__PURE__ */ f(r, {
+		icon: T,
+		size: "lg",
+		shape: "square",
+		tone: v,
+		className: e("resource-header--icon", w)
+	}) : null);
+	return /* @__PURE__ */ p("header", {
+		"data-component": "resource-header",
+		"data-slot": "resource-header",
+		className: e("resource-header--component flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", S),
+		children: [/* @__PURE__ */ p("div", {
+			"data-slot": "resource-header-main",
+			className: "resource-header--main flex min-w-0 flex-1 items-start gap-3",
+			children: [D, /* @__PURE__ */ p("div", {
+				"data-slot": "resource-header-content",
+				className: e("resource-header--content min-w-0 flex-1", C),
+				children: [
+					!!l && /* @__PURE__ */ f(t, {
+						size: "xxs",
+						type: "secondary",
+						weight: "medium",
+						className: "resource-header--eyebrow mb-1 uppercase tracking-normal",
+						children: l
+					}),
+					/* @__PURE__ */ p("div", {
+						"data-slot": "resource-header-title-row",
+						className: "resource-header--title-row flex min-w-0 flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ f(n, {
+							tag: "h2",
+							className: "resource-header--title truncate border-0 pb-0",
+							children: i
+						}), !!y && /* @__PURE__ */ f("div", {
+							"data-slot": "resource-header-badges",
+							className: "resource-header--badges flex shrink-0 flex-wrap items-center gap-1.5",
+							children: y
+						})]
+					}),
+					!!a && /* @__PURE__ */ f(t, {
+						type: "secondary",
+						className: "resource-header--description mt-1 max-w-3xl",
+						children: a
+					}),
+					!!b && /* @__PURE__ */ f("div", {
+						"data-slot": "resource-header-metadata",
+						className: "resource-header--metadata mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
+						children: b
+					})
+				]
+			})]
+		}), !!x && /* @__PURE__ */ f("div", {
+			"data-slot": "resource-header-actions",
+			className: "resource-header--actions flex shrink-0 flex-wrap items-center gap-2",
+			children: x
+		})]
+	});
+}
+function g({ children: t, leading: n, trailing: r, sticky: i = !1, className: a }) {
+	return /* @__PURE__ */ p("div", {
+		"data-component": "resource-action-bar",
+		"data-slot": "resource-action-bar",
+		className: e("resource-action-bar--component flex min-w-0 flex-col gap-3 rounded-lg border border-border/70 bg-card px-3 py-2.5 shadow-sm sm:flex-row sm:items-center sm:justify-between", i && "sticky top-[calc(var(--topbar-height)_+_0.5rem)] z-30", a),
+		children: [/* @__PURE__ */ f("div", {
+			"data-slot": "resource-action-leading",
+			className: "resource-action-bar--leading flex min-w-0 flex-1 flex-wrap items-center gap-2",
+			children: n ?? t
+		}), !!r && /* @__PURE__ */ f("div", {
+			"data-slot": "resource-action-trailing",
+			className: "resource-action-bar--trailing flex shrink-0 flex-wrap items-center gap-2",
+			children: r
+		})]
+	});
+}
+function _(t) {
+	return /* @__PURE__ */ f(a, {
+		...t,
+		"data-component": "resource-empty-state",
+		"data-slot": "resource-empty-state",
+		className: e("resource-empty-state--component", t.className)
+	});
+}
+function v({ children: t, title: n, description: r, actions: i, toolbar: a, empty: o, isEmpty: s = !1, isLoading: c = !1, error: u, slots: d, className: m, headerClassName: g, contentClassName: _, asideClassName: v, variant: y }) {
+	let b = d?.header ?? (n ? /* @__PURE__ */ f(h, {
+		title: n,
+		description: r,
+		actions: i,
+		className: g
+	}) : null), x = d?.toolbar ?? a, S = c ? d?.loading ?? /* @__PURE__ */ p("div", {
+		className: "resource-shell--loading grid gap-3",
+		children: [/* @__PURE__ */ f(l, { className: "h-10 w-full" }), /* @__PURE__ */ f(l, { className: "h-28 w-full" })]
+	}) : u ? d?.error ?? u : s ? o : t;
+	return /* @__PURE__ */ p("section", {
+		"data-component": `resource-${y}-shell`,
+		"data-slot": `resource-${y}-shell`,
+		className: e(`resource-${y}-shell--component grid min-w-0 gap-4`, d?.aside && "lg:grid-cols-[minmax(0,1fr)_var(--resource-aside-width,20rem)]", m),
+		children: [/* @__PURE__ */ p("div", {
+			className: "min-w-0 space-y-4",
+			children: [
+				!!b && /* @__PURE__ */ f("div", {
+					"data-slot": `resource-${y}-header`,
+					className: `resource-${y}-shell--header`,
+					children: b
+				}),
+				!!x && /* @__PURE__ */ f("div", {
+					"data-slot": `resource-${y}-toolbar`,
+					className: `resource-${y}-shell--toolbar`,
+					children: x
+				}),
+				/* @__PURE__ */ f("div", {
+					"data-slot": `resource-${y}-content`,
+					className: e(`resource-${y}-shell--content min-w-0`, _),
+					children: S
+				}),
+				!!d?.footer && /* @__PURE__ */ f("div", {
+					"data-slot": `resource-${y}-footer`,
+					className: `resource-${y}-shell--footer`,
+					children: d.footer
+				})
+			]
+		}), !!d?.aside && /* @__PURE__ */ f("aside", {
+			"data-slot": `resource-${y}-aside`,
+			className: e(`resource-${y}-shell--aside min-w-0`, v),
+			children: d.aside
+		})]
+	});
+}
+function y(e) {
+	return /* @__PURE__ */ f(v, {
+		...e,
+		variant: "index"
+	});
+}
+function b(e) {
+	return /* @__PURE__ */ f(v, {
+		...e,
+		variant: "show"
+	});
+}
+function x({ tabs: e, activeTab: t, onTabChange: n, tabsClassName: r, moreLabel: i, tabsAriaLabel: a, toolbar: o, slots: s, ...c }) {
+	let l = /* @__PURE__ */ p("div", {
+		"data-slot": "tabbed-resource-toolbar",
+		className: "tabbed-resource-shell--toolbar grid gap-3",
+		children: [/* @__PURE__ */ f(d, {
+			items: e,
+			value: t,
+			onChange: n,
+			className: r,
+			moreLabel: i,
+			ariaLabel: a
+		}), o]
+	});
+	return /* @__PURE__ */ f(b, {
+		...c,
+		toolbar: l,
+		slots: {
+			...s,
+			toolbar: s?.toolbar ?? l
+		}
+	});
+}
+function S({ title: t, description: n, actions: r, headerAction: a, children: o, footer: s, padding: c = "sm", surface: l = "card", className: u, contentClassName: d, name: p }) {
+	return /* @__PURE__ */ f(i, {
+		"data-component": p,
+		"data-slot": p,
+		title: t,
+		description: n,
+		actions: r,
+		headerAction: a,
+		footerSlot: s,
+		padding: c,
+		surface: l,
+		className: e(`${p}--component`, u),
+		contentClassName: d,
+		children: o
+	});
+}
+function C(e) {
+	return /* @__PURE__ */ f(S, {
+		...e,
+		name: "resource-details-card"
+	});
+}
+function w({ metadata: n, metadataColumns: r = 2, metadataDense: i = !1, body: a, help: o, children: s, contentClassName: c, ...l }) {
+	return /* @__PURE__ */ p(S, {
+		...l,
+		name: "resource-details-section",
+		contentClassName: e("resource-details-section--content grid gap-4", c),
+		children: [
+			!!n?.length && /* @__PURE__ */ f(u, {
+				items: n,
+				columns: r,
+				dense: i
+			}),
+			a,
+			s,
+			!!o && /* @__PURE__ */ f(t, {
+				size: "xs",
+				type: "secondary",
+				className: "resource-details-section--help",
+				children: o
+			})
+		]
+	});
+}
+var T = h;
+function E(e) {
+	return /* @__PURE__ */ f(S, {
+		...e,
+		name: "resource-related-card"
+	});
+}
+function D(e) {
+	return /* @__PURE__ */ f(S, {
+		...e,
+		name: "resource-activity-card"
+	});
+}
+//#endregion
+export { w as a, y as c, x as d, C as i, E as l, g as n, _ as o, D as r, h as s, T as t, b as u };
+
+//# sourceMappingURL=resource-DljsYA7W.js.map

package/dist/_shared/resource-DljsYA7W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-DljsYA7W.js","names":[],"sources":["../../src/components/layout/resource/resource.tsx"],"sourcesContent":["/** Resource page primitives — generic resource index/show chrome. */\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n\tEmptyState,\n\tIconBadge,\n\tMetadataList,\n\tSkeleton,\n} from '@/components/base/display';\nimport { SmartCard } from '@/components/base/cards';\nimport { OverflowTabBar } from '@/components/base/navigation';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type {\n\tResourceActionBarProps,\n\tResourceCardProps,\n\tResourceDetailsSectionProps,\n\tResourceEmptyStateProps,\n\tResourceHeaderProps,\n\tResourceIndexShellProps,\n\tResourceShowShellProps,\n\tTabbedResourceShellProps,\n} from './resource.types';\n\nfunction getInitials(value: string): string {\n\treturn value\n\t\t.split(/\\s+/)\n\t\t.filter(Boolean)\n\t\t.slice(0, 2)\n\t\t.map((part) => part[0]?.toUpperCase())\n\t\t.join('');\n}\n\nexport function ResourceHeader({\n\ttitle,\n\tdescription,\n\teyebrow,\n\tmedia,\n\tavatarUrl,\n\tavatarAlt,\n\tavatarFallback,\n\ticon,\n\ticonTone = 'muted',\n\tbadges,\n\tmetadata,\n\tactions,\n\tclassName,\n\tcontentClassName,\n\tmediaClassName,\n}: ResourceHeaderProps) {\n\tconst Icon = icon;\n\tconst titleText = typeof title === 'string' ? title : '';\n\tconst resolvedMedia = media ?? (\n\t\tavatarUrl || avatarFallback ? (\n\t\t\t<Avatar size=\"lg\" className={cn('resource-header--avatar size-11', mediaClassName)}>\n\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={avatarAlt ?? titleText} />}\n\t\t\t\t<AvatarFallback>\n\t\t\t\t\t{avatarFallback ?? getInitials(titleText)}\n\t\t\t\t</AvatarFallback>\n\t\t\t</Avatar>\n\t\t) : Icon ? (\n\t\t\t<IconBadge\n\t\t\t\ticon={Icon}\n\t\t\t\tsize=\"lg\"\n\t\t\t\tshape=\"square\"\n\t\t\t\ttone={iconTone}\n\t\t\t\tclassName={cn('resource-header--icon', mediaClassName)}\n\t\t\t/>\n\t\t) : null\n\t);\n\n\treturn (\n\t\t<header\n\t\t\tdata-component=\"resource-header\"\n\t\t\tdata-slot=\"resource-header\"\n\t\t\tclassName={cn(\n\t\t\t\t'resource-header--component flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div data-slot=\"resource-header-main\" className=\"resource-header--main flex min-w-0 flex-1 items-start gap-3\">\n\t\t\t\t{resolvedMedia}\n\t\t\t\t<div data-slot=\"resource-header-content\" className={cn('resource-header--content min-w-0 flex-1', contentClassName)}>\n\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\tclassName=\"resource-header--eyebrow mb-1 uppercase tracking-normal\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t<div data-slot=\"resource-header-title-row\" className=\"resource-header--title-row flex min-w-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t\t<Heading tag=\"h2\" className=\"resource-header--title truncate border-0 pb-0\">\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t{!!badges && (\n\t\t\t\t\t\t\t<div data-slot=\"resource-header-badges\" className=\"resource-header--badges flex shrink-0 flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t\t{badges}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"resource-header--description mt-1 max-w-3xl\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!metadata && (\n\t\t\t\t\t\t<div data-slot=\"resource-header-metadata\" className=\"resource-header--metadata mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\n\t\t\t\t\t\t\t{metadata}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{!!actions && (\n\t\t\t\t<div data-slot=\"resource-header-actions\" className=\"resource-header--actions flex shrink-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t{actions}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</header>\n\t);\n}\n\nexport function ResourceActionBar({\n\tchildren,\n\tleading,\n\ttrailing,\n\tsticky = false,\n\tclassName,\n}: ResourceActionBarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"resource-action-bar\"\n\t\t\tdata-slot=\"resource-action-bar\"\n\t\t\tclassName={cn(\n\t\t\t\t'resource-action-bar--component flex min-w-0 flex-col gap-3 rounded-lg border border-border/70 bg-card px-3 py-2.5 shadow-sm sm:flex-row sm:items-center sm:justify-between',\n\t\t\t\tsticky && 'sticky top-[calc(var(--topbar-height)_+_0.5rem)] z-30',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div data-slot=\"resource-action-leading\" className=\"resource-action-bar--leading flex min-w-0 flex-1 flex-wrap items-center gap-2\">\n\t\t\t\t{leading ?? children}\n\t\t\t</div>\n\t\t\t{!!trailing && (\n\t\t\t\t<div data-slot=\"resource-action-trailing\" className=\"resource-action-bar--trailing flex shrink-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t{trailing}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function ResourceEmptyState(props: ResourceEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\t{...props}\n\t\t\tdata-component=\"resource-empty-state\"\n\t\t\tdata-slot=\"resource-empty-state\"\n\t\t\tclassName={cn('resource-empty-state--component', props.className)}\n\t\t/>\n\t);\n}\n\nfunction ResourceShellFrame({\n\tchildren,\n\ttitle,\n\tdescription,\n\tactions,\n\ttoolbar,\n\tempty,\n\tisEmpty = false,\n\tisLoading = false,\n\terror,\n\tslots,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tasideClassName,\n\tvariant,\n}: (ResourceIndexShellProps & { asideClassName?: string; variant: 'index' | 'show' })) {\n\tconst header = slots?.header ?? (\n\t\ttitle ? (\n\t\t\t<ResourceHeader\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tactions={actions}\n\t\t\t\tclassName={headerClassName}\n\t\t\t/>\n\t\t) : null\n\t);\n\tconst toolbarNode = slots?.toolbar ?? toolbar;\n\tconst body = isLoading\n\t\t? (slots?.loading ?? (\n\t\t\t<div className=\"resource-shell--loading grid gap-3\">\n\t\t\t\t<Skeleton className=\"h-10 w-full\" />\n\t\t\t\t<Skeleton className=\"h-28 w-full\" />\n\t\t\t</div>\n\t\t))\n\t\t: error\n\t\t\t? (slots?.error ?? error)\n\t\t\t: isEmpty\n\t\t\t\t? empty\n\t\t\t\t: children;\n\n\treturn (\n\t\t<section\n\t\t\tdata-component={`resource-${variant}-shell`}\n\t\t\tdata-slot={`resource-${variant}-shell`}\n\t\t\tclassName={cn(\n\t\t\t\t`resource-${variant}-shell--component grid min-w-0 gap-4`,\n\t\t\t\tslots?.aside && 'lg:grid-cols-[minmax(0,1fr)_var(--resource-aside-width,20rem)]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"min-w-0 space-y-4\">\n\t\t\t\t{!!header && <div data-slot={`resource-${variant}-header`} className={`resource-${variant}-shell--header`}>{header}</div>}\n\t\t\t\t{!!toolbarNode && <div data-slot={`resource-${variant}-toolbar`} className={`resource-${variant}-shell--toolbar`}>{toolbarNode}</div>}\n\t\t\t\t<div data-slot={`resource-${variant}-content`} className={cn(`resource-${variant}-shell--content min-w-0`, contentClassName)}>\n\t\t\t\t\t{body}\n\t\t\t\t</div>\n\t\t\t\t{!!slots?.footer && (\n\t\t\t\t\t<div data-slot={`resource-${variant}-footer`} className={`resource-${variant}-shell--footer`}>{slots.footer}</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!slots?.aside && (\n\t\t\t\t<aside data-slot={`resource-${variant}-aside`} className={cn(`resource-${variant}-shell--aside min-w-0`, asideClassName)}>\n\t\t\t\t\t{slots.aside}\n\t\t\t\t</aside>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport function ResourceIndexShell(props: ResourceIndexShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"index\" />;\n}\n\nexport function ResourceShowShell(props: ResourceShowShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"show\" />;\n}\n\nexport function TabbedResourceShell({\n\ttabs,\n\tactiveTab,\n\tonTabChange,\n\ttabsClassName,\n\tmoreLabel,\n\ttabsAriaLabel,\n\ttoolbar,\n\tslots,\n\t...props\n}: TabbedResourceShellProps) {\n\tconst toolbarNode = (\n\t\t<div data-slot=\"tabbed-resource-toolbar\" className=\"tabbed-resource-shell--toolbar grid gap-3\">\n\t\t\t<OverflowTabBar\n\t\t\t\titems={tabs}\n\t\t\t\tvalue={activeTab}\n\t\t\t\tonChange={onTabChange}\n\t\t\t\tclassName={tabsClassName}\n\t\t\t\tmoreLabel={moreLabel}\n\t\t\t\tariaLabel={tabsAriaLabel}\n\t\t\t/>\n\t\t\t{toolbar}\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<ResourceShowShell\n\t\t\t{...props}\n\t\t\ttoolbar={toolbarNode}\n\t\t\tslots={{ ...slots, toolbar: slots?.toolbar ?? toolbarNode }}\n\t\t/>\n\t);\n}\n\nfunction ResourceCard({\n\ttitle,\n\tdescription,\n\tactions,\n\theaderAction,\n\tchildren,\n\tfooter,\n\tpadding = 'sm',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n\tname,\n}: ResourceCardProps & { name: string }) {\n\treturn (\n\t\t<SmartCard\n\t\t\tdata-component={name}\n\t\t\tdata-slot={name}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tactions={actions}\n\t\t\theaderAction={headerAction}\n\t\t\tfooterSlot={footer}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn(`${name}--component`, className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t>\n\t\t\t{children}\n\t\t</SmartCard>\n\t);\n}\n\nexport function ResourceDetailsCard(props: ResourceCardProps) {\n\treturn <ResourceCard {...props} name=\"resource-details-card\" />;\n}\n\nexport function ResourceDetailsSection({\n\tmetadata,\n\tmetadataColumns = 2,\n\tmetadataDense = false,\n\tbody,\n\thelp,\n\tchildren,\n\tcontentClassName,\n\t...props\n}: ResourceDetailsSectionProps) {\n\treturn (\n\t\t<ResourceCard\n\t\t\t{...props}\n\t\t\tname=\"resource-details-section\"\n\t\t\tcontentClassName={cn('resource-details-section--content grid gap-4', contentClassName)}\n\t\t>\n\t\t\t{!!metadata?.length && (\n\t\t\t\t<MetadataList\n\t\t\t\t\titems={metadata}\n\t\t\t\t\tcolumns={metadataColumns}\n\t\t\t\t\tdense={metadataDense}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{body}\n\t\t\t{children}\n\t\t\t{!!help && (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"resource-details-section--help\">\n\t\t\t\t\t{help}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</ResourceCard>\n\t);\n}\n\nexport const PersonHeader = ResourceHeader;\n\nexport function ResourceRelatedCard(props: ResourceCardProps) {\n\treturn <ResourceCard {...props} name=\"resource-related-card\" />;\n}\n\nexport function ResourceActivityCard(props: ResourceCardProps) {\n\treturn <ResourceCard {...props} name=\"resource-activity-card\" />;\n}\n"],"mappings":"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"}

package/dist/_shared/settings-BtNkFHl3.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./heading-0DYCOrgC.cjs"),r=require("./badge-D7A2LnSf.cjs"),i=require("./smart-card-B6m7tmt0.cjs"),a=require("./layout.types-CYuDZ_4h.cjs");let o=require("react/jsx-runtime");var s={navigationAriaLabel:`Settings navigation`};function c(e){if(!e)return``;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function l(e,t,n){if(t)return e.id===t;if(!n||!e.href)return!1;let r=c(n),i=c(e.href);return r===i||r.startsWith(`${i}/`)}function u({title:c,description:u,groups:d,currentId:f,currentPath:p,children:m,aside:h,actions:g,footer:_,className:v,navClassName:y,contentClassName:b,renderLink:x,LinkComponent:S,strings:C}){let w=e.useStrings(s,C),T=a.r({renderLink:x,LinkComponent:S});return(0,o.jsxs)(`section`,{"data-component":`aside-nav-shell`,"data-slot":`aside-nav-shell`,className:t.cn(`aside-nav-shell--component grid min-w-0 gap-5 lg:grid-cols-[17rem_minmax(0,1fr)]`,v),children:[(0,o.jsx)(`aside`,{"data-slot":`aside-nav-shell-aside`,className:`aside-nav-shell--aside min-w-0`,children:(0,o.jsxs)(i.t,{padding:`sm`,surface:`card`,className:t.cn(`aside-nav-shell--nav-card sticky top-[calc(var(--topbar-height)_+_1rem)]`,y),contentClassName:`grid gap-4`,children:[!!h&&(0,o.jsx)(`div`,{className:`aside-nav-shell--aside-header`,children:h}),(0,o.jsx)(`nav`,{"aria-label":w.navigationAriaLabel,className:`grid gap-4`,children:d.map(e=>(0,o.jsxs)(`div`,{className:`grid gap-1.5`,children:[!!e.label&&(0,o.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`px-2 uppercase tracking-normal`,children:e.label}),(0,o.jsx)(`div`,{className:`grid gap-0.5`,children:e.items.map(e=>{let i=e.icon,a=l(e,f,p),s=(0,o.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[!!i&&(0,o.jsx)(i,{className:t.cn(`size-4 shrink-0`,a?`text-primary`:`text-muted-foreground`)}),(0,o.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,o.jsx)(n.n,{tag:`span`,weight:a?`semibold`:`medium`,className:`truncate`,children:e.label}),!!e.description&&(0,o.jsx)(n.n,{tag:`span`,size:`xs`,type:`secondary`,className:`truncate`,children:e.description})]}),!!e.badge&&(0,o.jsx)(r.t,{variant:a?`primary`:`secondary`,className:`shrink-0`,children:e.badge})]});return(0,o.jsx)(`div`,{onClick:()=>e.onSelect?.(e.id),children:T({href:e.href,children:s,active:a,disabled:e.disabled,external:e.external,className:t.cn(`aside-nav-shell--item flex min-w-0 rounded-md px-2 py-2 text-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,a?`bg-primary/8 text-foreground`:`text-muted-foreground hover:bg-muted/60 hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),"aria-label":typeof e.label==`string`?e.label:void 0})},e.id)})})]},e.id))})]})}),(0,o.jsxs)(`div`,{"data-slot":`aside-nav-shell-main`,className:t.cn(`aside-nav-shell--main min-w-0 space-y-4`,b),children:[(c||u||g)&&(0,o.jsxs)(`header`,{className:`aside-nav-shell--header flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,o.jsxs)(`div`,{className:`min-w-0`,children:[!!c&&(0,o.jsx)(n.t,{tag:`h2`,className:`border-0 pb-0`,children:c}),!!u&&(0,o.jsx)(n.n,{type:`secondary`,className:`mt-1 max-w-3xl`,children:u})]}),!!g&&(0,o.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:g})]}),(0,o.jsx)(`div`,{"data-slot":`aside-nav-shell-content`,className:`aside-nav-shell--content min-w-0`,children:m}),!!_&&(0,o.jsx)(`footer`,{className:`aside-nav-shell--footer`,children:_})]})]})}var d=u;u.displayName=`AsideNavShell`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=settings-BtNkFHl3.cjs.map

package/dist/_shared/settings-BtNkFHl3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-BtNkFHl3.cjs","names":[],"sources":["../../src/components/layout/settings/settings.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Heading, Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\n\nexport interface AsideNavShellStrings {\n\tnavigationAriaLabel: string;\n}\n\nexport const defaultAsideNavShellStrings: AsideNavShellStrings = {\n\tnavigationAriaLabel: 'Settings navigation',\n};\n\nexport interface AsideNavItem {\n\tid: string;\n\tlabel: ReactNode;\n\thref?: string;\n\tdescription?: ReactNode;\n\ticon?: ComponentType<{ className?: string }>;\n\tbadge?: ReactNode;\n\tdisabled?: boolean;\n\texternal?: boolean;\n\tonSelect?: (id: string) => void;\n}\n\nexport interface AsideNavGroup {\n\tid: string;\n\tlabel?: ReactNode;\n\titems: AsideNavItem[];\n}\n\nexport interface AsideNavShellProps extends LayoutNavigationAdapter {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tgroups: AsideNavGroup[];\n\tcurrentId?: string;\n\tcurrentPath?: string;\n\tchildren?: ReactNode;\n\taside?: ReactNode;\n\tactions?: ReactNode;\n\tfooter?: ReactNode;\n\tclassName?: string;\n\tnavClassName?: string;\n\tcontentClassName?: string;\n\tstrings?: StringsProp<AsideNavShellStrings>;\n}\n\nexport type SettingsShellProps = AsideNavShellProps;\n\nfunction normalizePath(rawUrl?: string): string {\n\tif (!rawUrl) return '';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nfunction isActiveItem(item: AsideNavItem, currentId?: string, currentPath?: string): boolean {\n\tif (currentId) return item.id === currentId;\n\tif (!currentPath || !item.href) return false;\n\tconst activePath = normalizePath(currentPath);\n\tconst itemPath = normalizePath(item.href);\n\treturn activePath === itemPath || activePath.startsWith(`${itemPath}/`);\n}\n\nexport function AsideNavShell({\n\ttitle,\n\tdescription,\n\tgroups,\n\tcurrentId,\n\tcurrentPath,\n\tchildren,\n\taside,\n\tactions,\n\tfooter,\n\tclassName,\n\tnavClassName,\n\tcontentClassName,\n\trenderLink,\n\tLinkComponent,\n\tstrings: stringsProp,\n}: AsideNavShellProps) {\n\tconst strings = useStrings(defaultAsideNavShellStrings, stringsProp);\n\tconst linkRenderer = resolveLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<section\n\t\t\tdata-component=\"aside-nav-shell\"\n\t\t\tdata-slot=\"aside-nav-shell\"\n\t\t\tclassName={cn('aside-nav-shell--component grid min-w-0 gap-5 lg:grid-cols-[17rem_minmax(0,1fr)]', className)}\n\t\t>\n\t\t\t<aside data-slot=\"aside-nav-shell-aside\" className=\"aside-nav-shell--aside min-w-0\">\n\t\t\t\t<SmartCard\n\t\t\t\t\tpadding=\"sm\"\n\t\t\t\t\tsurface=\"card\"\n\t\t\t\t\tclassName={cn('aside-nav-shell--nav-card sticky top-[calc(var(--topbar-height)_+_1rem)]', navClassName)}\n\t\t\t\t\tcontentClassName=\"grid gap-4\"\n\t\t\t\t>\n\t\t\t\t\t{!!aside && <div className=\"aside-nav-shell--aside-header\">{aside}</div>}\n\t\t\t\t\t<nav aria-label={strings.navigationAriaLabel} className=\"grid gap-4\">\n\t\t\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t\t\t<div key={group.id} className=\"grid gap-1.5\">\n\t\t\t\t\t\t\t\t{!!group.label && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"px-2 uppercase tracking-normal\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div className=\"grid gap-0.5\">\n\t\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\t\tconst active = isActiveItem(item, currentId, currentPath);\n\t\t\t\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-4 shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive ? 'text-primary' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"grid min-w-0 flex-1 gap-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight={active ? 'semibold' : 'medium'} className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} onClick={() => item.onSelect?.(item.id)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{linkRenderer({\n\t\t\t\t\t\t\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\t\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled: item.disabled,\n\t\t\t\t\t\t\t\t\t\t\t\t\texternal: item.external,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'aside-nav-shell--item flex min-w-0 rounded-md px-2 py-2 text-sm transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary/8 text-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-muted/60 hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t'aria-label': typeof item.label === 'string' ? item.label : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</nav>\n\t\t\t\t</SmartCard>\n\t\t\t</aside>\n\n\t\t\t<div data-slot=\"aside-nav-shell-main\" className={cn('aside-nav-shell--main min-w-0 space-y-4', contentClassName)}>\n\t\t\t\t{(title || description || actions) && (\n\t\t\t\t\t<header className=\"aside-nav-shell--header flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t{!!title && <Heading tag=\"h2\" className=\"border-0 pb-0\">{title}</Heading>}\n\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"mt-1 max-w-3xl\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!actions && <div className=\"flex shrink-0 flex-wrap items-center gap-2\">{actions}</div>}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\t\t\t\t<div data-slot=\"aside-nav-shell-content\" className=\"aside-nav-shell--content min-w-0\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{!!footer && <footer className=\"aside-nav-shell--footer\">{footer}</footer>}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nexport const SettingsShell = AsideNavShell;\n\nAsideNavShell.displayName = 'AsideNavShell';\n"],"mappings":"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"}

package/dist/_shared/settings-Do6SuM-H.js

@@ -0,0 +1,143 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { n, t as r } from "./heading-HeP06nXG.js";
+import { t as i } from "./badge-A8wQRShC.js";
+import { t as a } from "./smart-card-thLb85Ih.js";
+import { r as o } from "./layout.types-j7zZAPtg.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/layout/settings/settings.tsx
+var l = { navigationAriaLabel: "Settings navigation" };
+function u(e) {
+	if (!e) return "";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
+		return n.length > 0 ? n : "/";
+	} catch {
+		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
+		return t.length > 0 ? t : "/";
+	}
+}
+function d(e, t, n) {
+	if (t) return e.id === t;
+	if (!n || !e.href) return !1;
+	let r = u(n), i = u(e.href);
+	return r === i || r.startsWith(`${i}/`);
+}
+function f({ title: u, description: f, groups: p, currentId: m, currentPath: h, children: g, aside: _, actions: v, footer: y, className: b, navClassName: x, contentClassName: S, renderLink: C, LinkComponent: w, strings: T }) {
+	let E = e(l, T), D = o({
+		renderLink: C,
+		LinkComponent: w
+	});
+	return /* @__PURE__ */ c("section", {
+		"data-component": "aside-nav-shell",
+		"data-slot": "aside-nav-shell",
+		className: t("aside-nav-shell--component grid min-w-0 gap-5 lg:grid-cols-[17rem_minmax(0,1fr)]", b),
+		children: [/* @__PURE__ */ s("aside", {
+			"data-slot": "aside-nav-shell-aside",
+			className: "aside-nav-shell--aside min-w-0",
+			children: /* @__PURE__ */ c(a, {
+				padding: "sm",
+				surface: "card",
+				className: t("aside-nav-shell--nav-card sticky top-[calc(var(--topbar-height)_+_1rem)]", x),
+				contentClassName: "grid gap-4",
+				children: [!!_ && /* @__PURE__ */ s("div", {
+					className: "aside-nav-shell--aside-header",
+					children: _
+				}), /* @__PURE__ */ s("nav", {
+					"aria-label": E.navigationAriaLabel,
+					className: "grid gap-4",
+					children: p.map((e) => /* @__PURE__ */ c("div", {
+						className: "grid gap-1.5",
+						children: [!!e.label && /* @__PURE__ */ s(n, {
+							size: "xxs",
+							type: "secondary",
+							weight: "medium",
+							className: "px-2 uppercase tracking-normal",
+							children: e.label
+						}), /* @__PURE__ */ s("div", {
+							className: "grid gap-0.5",
+							children: e.items.map((e) => {
+								let r = e.icon, a = d(e, m, h), o = /* @__PURE__ */ c("span", {
+									className: "flex min-w-0 items-center gap-2",
+									children: [
+										!!r && /* @__PURE__ */ s(r, { className: t("size-4 shrink-0", a ? "text-primary" : "text-muted-foreground") }),
+										/* @__PURE__ */ c("span", {
+											className: "grid min-w-0 flex-1 gap-0.5",
+											children: [/* @__PURE__ */ s(n, {
+												tag: "span",
+												weight: a ? "semibold" : "medium",
+												className: "truncate",
+												children: e.label
+											}), !!e.description && /* @__PURE__ */ s(n, {
+												tag: "span",
+												size: "xs",
+												type: "secondary",
+												className: "truncate",
+												children: e.description
+											})]
+										}),
+										!!e.badge && /* @__PURE__ */ s(i, {
+											variant: a ? "primary" : "secondary",
+											className: "shrink-0",
+											children: e.badge
+										})
+									]
+								});
+								return /* @__PURE__ */ s("div", {
+									onClick: () => e.onSelect?.(e.id),
+									children: D({
+										href: e.href,
+										children: o,
+										active: a,
+										disabled: e.disabled,
+										external: e.external,
+										className: t("aside-nav-shell--item flex min-w-0 rounded-md px-2 py-2 text-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", a ? "bg-primary/8 text-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground", e.disabled && "pointer-events-none opacity-50"),
+										"aria-label": typeof e.label == "string" ? e.label : void 0
+									})
+								}, e.id);
+							})
+						})]
+					}, e.id))
+				})]
+			})
+		}), /* @__PURE__ */ c("div", {
+			"data-slot": "aside-nav-shell-main",
+			className: t("aside-nav-shell--main min-w-0 space-y-4", S),
+			children: [
+				(u || f || v) && /* @__PURE__ */ c("header", {
+					className: "aside-nav-shell--header flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+					children: [/* @__PURE__ */ c("div", {
+						className: "min-w-0",
+						children: [!!u && /* @__PURE__ */ s(r, {
+							tag: "h2",
+							className: "border-0 pb-0",
+							children: u
+						}), !!f && /* @__PURE__ */ s(n, {
+							type: "secondary",
+							className: "mt-1 max-w-3xl",
+							children: f
+						})]
+					}), !!v && /* @__PURE__ */ s("div", {
+						className: "flex shrink-0 flex-wrap items-center gap-2",
+						children: v
+					})]
+				}),
+				/* @__PURE__ */ s("div", {
+					"data-slot": "aside-nav-shell-content",
+					className: "aside-nav-shell--content min-w-0",
+					children: g
+				}),
+				!!y && /* @__PURE__ */ s("footer", {
+					className: "aside-nav-shell--footer",
+					children: y
+				})
+			]
+		})]
+	});
+}
+var p = f;
+f.displayName = "AsideNavShell";
+//#endregion
+export { p as n, l as r, f as t };
+
+//# sourceMappingURL=settings-Do6SuM-H.js.map

package/dist/_shared/settings-Do6SuM-H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-Do6SuM-H.js","names":[],"sources":["../../src/components/layout/settings/settings.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard } from '@/components/base/cards';\nimport { Heading, Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\n\nexport interface AsideNavShellStrings {\n\tnavigationAriaLabel: string;\n}\n\nexport const defaultAsideNavShellStrings: AsideNavShellStrings = {\n\tnavigationAriaLabel: 'Settings navigation',\n};\n\nexport interface AsideNavItem {\n\tid: string;\n\tlabel: ReactNode;\n\thref?: string;\n\tdescription?: ReactNode;\n\ticon?: ComponentType<{ className?: string }>;\n\tbadge?: ReactNode;\n\tdisabled?: boolean;\n\texternal?: boolean;\n\tonSelect?: (id: string) => void;\n}\n\nexport interface AsideNavGroup {\n\tid: string;\n\tlabel?: ReactNode;\n\titems: AsideNavItem[];\n}\n\nexport interface AsideNavShellProps extends LayoutNavigationAdapter {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tgroups: AsideNavGroup[];\n\tcurrentId?: string;\n\tcurrentPath?: string;\n\tchildren?: ReactNode;\n\taside?: ReactNode;\n\tactions?: ReactNode;\n\tfooter?: ReactNode;\n\tclassName?: string;\n\tnavClassName?: string;\n\tcontentClassName?: string;\n\tstrings?: StringsProp<AsideNavShellStrings>;\n}\n\nexport type SettingsShellProps = AsideNavShellProps;\n\nfunction normalizePath(rawUrl?: string): string {\n\tif (!rawUrl) return '';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nfunction isActiveItem(item: AsideNavItem, currentId?: string, currentPath?: string): boolean {\n\tif (currentId) return item.id === currentId;\n\tif (!currentPath || !item.href) return false;\n\tconst activePath = normalizePath(currentPath);\n\tconst itemPath = normalizePath(item.href);\n\treturn activePath === itemPath || activePath.startsWith(`${itemPath}/`);\n}\n\nexport function AsideNavShell({\n\ttitle,\n\tdescription,\n\tgroups,\n\tcurrentId,\n\tcurrentPath,\n\tchildren,\n\taside,\n\tactions,\n\tfooter,\n\tclassName,\n\tnavClassName,\n\tcontentClassName,\n\trenderLink,\n\tLinkComponent,\n\tstrings: stringsProp,\n}: AsideNavShellProps) {\n\tconst strings = useStrings(defaultAsideNavShellStrings, stringsProp);\n\tconst linkRenderer = resolveLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<section\n\t\t\tdata-component=\"aside-nav-shell\"\n\t\t\tdata-slot=\"aside-nav-shell\"\n\t\t\tclassName={cn('aside-nav-shell--component grid min-w-0 gap-5 lg:grid-cols-[17rem_minmax(0,1fr)]', className)}\n\t\t>\n\t\t\t<aside data-slot=\"aside-nav-shell-aside\" className=\"aside-nav-shell--aside min-w-0\">\n\t\t\t\t<SmartCard\n\t\t\t\t\tpadding=\"sm\"\n\t\t\t\t\tsurface=\"card\"\n\t\t\t\t\tclassName={cn('aside-nav-shell--nav-card sticky top-[calc(var(--topbar-height)_+_1rem)]', navClassName)}\n\t\t\t\t\tcontentClassName=\"grid gap-4\"\n\t\t\t\t>\n\t\t\t\t\t{!!aside && <div className=\"aside-nav-shell--aside-header\">{aside}</div>}\n\t\t\t\t\t<nav aria-label={strings.navigationAriaLabel} className=\"grid gap-4\">\n\t\t\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t\t\t<div key={group.id} className=\"grid gap-1.5\">\n\t\t\t\t\t\t\t\t{!!group.label && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"px-2 uppercase tracking-normal\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div className=\"grid gap-0.5\">\n\t\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\t\tconst active = isActiveItem(item, currentId, currentPath);\n\t\t\t\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-4 shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive ? 'text-primary' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"grid min-w-0 flex-1 gap-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight={active ? 'semibold' : 'medium'} className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} onClick={() => item.onSelect?.(item.id)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{linkRenderer({\n\t\t\t\t\t\t\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\t\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled: item.disabled,\n\t\t\t\t\t\t\t\t\t\t\t\t\texternal: item.external,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'aside-nav-shell--item flex min-w-0 rounded-md px-2 py-2 text-sm transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary/8 text-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-muted/60 hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t'aria-label': typeof item.label === 'string' ? item.label : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</nav>\n\t\t\t\t</SmartCard>\n\t\t\t</aside>\n\n\t\t\t<div data-slot=\"aside-nav-shell-main\" className={cn('aside-nav-shell--main min-w-0 space-y-4', contentClassName)}>\n\t\t\t\t{(title || description || actions) && (\n\t\t\t\t\t<header className=\"aside-nav-shell--header flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t{!!title && <Heading tag=\"h2\" className=\"border-0 pb-0\">{title}</Heading>}\n\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"mt-1 max-w-3xl\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!actions && <div className=\"flex shrink-0 flex-wrap items-center gap-2\">{actions}</div>}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\t\t\t\t<div data-slot=\"aside-nav-shell-content\" className=\"aside-nav-shell--content min-w-0\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{!!footer && <footer className=\"aside-nav-shell--footer\">{footer}</footer>}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nexport const SettingsShell = AsideNavShell;\n\nAsideNavShell.displayName = 'AsideNavShell';\n"],"mappings":"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"}

package/dist/_shared/sidebar-BhcdQ9e9.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./tooltip-mvxZV_Lu.cjs"),i=require("./heading-0DYCOrgC.cjs"),a=require("./dropdown-menu-CHQzQWUK.cjs"),o=require("./avatar-0spfQEHG.cjs"),s=require("./scroll-area-u46BOVcC.cjs"),c=require("./skeleton-D1c5OHXa.cjs"),l=require("./sheet-BOgUA4fC.cjs"),u=require("./sidebar-CC3lcvNX.cjs"),d=require("./hooks-DsDGr8xz.cjs");let f=require("react");f=e.t(f,1);let p=require("react/jsx-runtime"),m=require("lucide-react"),h=require("class-variance-authority");var g=u.w;function _({defaultOpen:e=!0,open:t,onOpenChange:i,className:a,style:o,children:s,...c}){return(0,p.jsx)(r.r,{delayDuration:0,children:(0,p.jsx)(u.b,{defaultOpen:e,open:t,onOpenChange:i,style:o,className:n.cn(`min-h-svh`,a),...c,children:s})})}var v=`18rem`;(0,h.cva)(`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`}});var y={mobileTitle:`Sidebar`,mobileDescription:`Displays the mobile sidebar.`};function b({side:e=`left`,variant:r=`sidebar`,collapsible:i=`offcanvas`,className:a,surfaceClassName:o,children:s,strings:c,...u}){let{isMobile:d,state:f,openMobile:m,setOpenMobile:h}=g(),_=t.useStrings(y,c);return i===`none`?(0,p.jsx)(`div`,{"data-slot":`sidebar`,className:n.cn(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,o,a),...u,children:s}):d?(0,p.jsx)(l.t,{open:m,onOpenChange:h,...u,children:(0,p.jsxs)(l.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:n.cn(`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden`,o),style:{"--sidebar-width":v},side:e,children:[(0,p.jsxs)(l.o,{className:`sr-only`,children:[(0,p.jsx)(l.s,{children:_.mobileTitle}),(0,p.jsx)(l.i,{children:_.mobileDescription})]}),(0,p.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:s})]})}):(0,p.jsx)(`div`,{className:`group peer sticky top-0 hidden h-full text-sidebar-foreground md:block`,"data-state":f,"data-collapsible":f===`collapsed`?i:``,"data-variant":r,"data-side":e,"data-slot":`sidebar`,children:(0,p.jsx)(`div`,{className:n.cn(`inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`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-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,a),...u,children:(0,p.jsx)(`div`,{"data-sidebar":`sidebar`,className:n.cn(`sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm`,o),children:s})})})}function x({item:e}){return(0,p.jsx)(i.n,{tag:`span`,className:`truncate text-inherit`,children:d.o(e)})}function S({navigationByGroups:e,currentUrl:t=`/`,iconMap:r={},liveBadges:a,renderLink:o,LinkComponent:s,emptySlot:c,renderItem:l,className:m}){let h=d.d({renderLink:o,LinkComponent:s}),g=e=>!!e&&d.s(t,d.u(e)),_=e=>{let n=-1,r=-1;for(let i=0;i<e.length;i+=1){let a=e[i],o=a?.href?d.u(a.href):``;o&&d.s(t,o)&&o.length>r&&(r=o.length,n=i)}return n},v=e=>!!e?.some(e=>g(e.href)||v(e.children)),y=(e,t=0,o=0)=>{let s=!!e.children?.length,c=g(e.href),m=s?v(e.children):!1,y=c||m,b=d.l(e.handle,e.badge,a),S=d.o(e),C={depth:t,active:c,expanded:y,badge:b,renderLink:h};if(l)return(0,p.jsx)(f.Fragment,{children:l(e,C)},d.a(e,o));if(s){let t=_(e.children??[]),s=(0,p.jsxs)(p.Fragment,{children:[!!e.icon&&(0,p.jsx)(d.r,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),(0,p.jsx)(x,{item:e}),!!b&&(0,p.jsx)(d.i,{value:b})]});return(0,p.jsxs)(u.g,{children:[(0,p.jsx)(u.t,{isActive:y,render:e.href&&!e.disabled?d.c(h,e,s,void 0,y):void 0,tooltip:{children:S},disabled:e.disabled,className:n.cn(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-accent-foreground`,!c&&m&&`bg-sidebar-accent/70 text-sidebar-accent-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:s}),!!y&&(0,p.jsx)(u.v,{className:`gap-0.5`,children:e.children?.map((e,r)=>{let o=r===t||g(e.href),s=d.l(e.handle,e.badge,a),c=d.o(e),l=(0,p.jsxs)(p.Fragment,{children:[typeof c==`string`||typeof c==`number`?(0,p.jsx)(i.n,{tag:`span`,className:`min-w-0 flex-1 truncate text-inherit`,children:c}):c,!!s&&(0,p.jsx)(d.i,{value:s,size:`small`})]});return(0,p.jsx)(u.y,{children:(0,p.jsx)(u.n,{isActive:o,render:e.href&&!e.disabled?d.c(h,e,l,void 0,o):void 0,className:n.cn(`w-full`,o&&`font-semibold text-sidebar-accent-foreground`),children:l})},d.a(e,r))})})]},d.a(e,o))}let w=(0,p.jsxs)(p.Fragment,{children:[!!e.icon&&(0,p.jsx)(d.r,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),(0,p.jsx)(x,{item:e}),!!b&&(0,p.jsx)(d.i,{value:b})]});return(0,p.jsx)(u.g,{children:(0,p.jsx)(u.t,{isActive:c,render:e.href&&!e.disabled?d.c(h,e,w,void 0,c):void 0,tooltip:{children:S},disabled:e.disabled,className:n.cn(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-accent-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:w})},d.a(e,o))},b=Object.entries(e).filter(([,e])=>e.length>0);return b.length===0?c??null:(0,p.jsx)(`div`,{className:m,children:b.map(([e,t],n)=>(0,p.jsxs)(f.Fragment,{children:[(0,p.jsxs)(u.o,{className:`px-2 py-0`,children:[!e.startsWith(`_`)&&(0,p.jsx)(u.l,{children:e}),(0,p.jsx)(u.p,{className:`gap-0.5`,children:t.map((e,t)=>y(e,0,t))})]}),n<b.length-1&&(0,p.jsx)(u.S,{className:`!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4`})]},e))})}function C({logo:e,collapsedLogo:t=null,className:r}){let{state:i}=g(),a=i===`collapsed`?t:e;return a?(0,p.jsx)(`div`,{className:n.cn(`min-w-0`,r),children:a}):null}function w({items:e,label:t,currentUrl:r=`/`,iconMap:a={},liveBadges:o,renderLink:s,LinkComponent:c,className:l}){let f=d.d({renderLink:s,LinkComponent:c});return(0,p.jsxs)(u.o,{className:n.cn(`group-data-[collapsible=icon]:p-0`,l),children:[!!t&&(0,p.jsx)(u.l,{children:t}),(0,p.jsx)(u.c,{children:(0,p.jsx)(u.p,{className:`gap-0.5`,children:e.map((e,t)=>{let s=!!e.href&&d.s(r,d.u(e.href)),c=d.l(e.handle,e.badge,o),l=d.o(e),h=(0,p.jsxs)(p.Fragment,{children:[!!e.icon&&(0,p.jsx)(d.r,{icon:e.icon,iconMap:a,className:`size-4`,"aria-hidden":`true`}),typeof l==`string`||typeof l==`number`?(0,p.jsx)(i.n,{tag:`span`,className:`truncate text-inherit`,children:l}):l,!!c&&(0,p.jsx)(d.i,{value:c}),!!e.external&&(0,p.jsx)(m.ExternalLink,{className:`ml-auto size-3 opacity-50`,"aria-hidden":`true`})]});return(0,p.jsx)(u.g,{children:(0,p.jsx)(u.t,{isActive:s,render:e.href&&!e.disabled?d.c(f,e,h,void 0,s):void 0,className:n.cn(`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:h})},d.a(e,t))})})})]})}var T={label:`Workspace`,select:`Select workspace`};function E({logo:e,collapsedLogo:r,workspaceLinks:o,renderLink:s,LinkComponent:c,strings:l,contentClassName:f}){let h=t.useStrings(T,l),_=d.d({renderLink:s,LinkComponent:c}),{state:v}=g(),y=v===`collapsed`;return(0,p.jsx)(u.p,{children:(0,p.jsx)(u.g,{children:(0,p.jsxs)(a.t,{children:[(0,p.jsxs)(a.g,{render:(0,p.jsx)(u.t,{size:`lg`,className:`data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground`}),children:[(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[y?r??e:e,!y&&(0,p.jsx)(i.n,{tag:`span`,size:`xs`,className:`sr-only`,children:h.select})]}),!y&&(0,p.jsx)(m.ChevronsUpDown,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]}),(0,p.jsx)(a.r,{className:n.cn(`min-w-56`,f),align:`start`,side:`right`,sideOffset:8,children:(0,p.jsxs)(a.i,{children:[(0,p.jsx)(a.o,{children:(0,p.jsx)(i.n,{weight:`semibold`,children:h.label})}),(0,p.jsx)(a.d,{}),o.map(e=>{let t=(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(e.icon??m.ExternalLink,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,p.jsx)(i.n,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})]});return(0,p.jsx)(a.a,{render:_({href:e.url,external:e.external??!0,children:null,className:`flex items-center gap-2`}),children:t},e.url)})]})})]})})})}function D({navigationGroups:e,footerNavItems:t=[],footerLabel:r,logo:i,collapsedLogo:a,workspaceLinks:o=[],workspaceStrings:c,workspaceContentClassName:l,headerClassName:d,logoClassName:f,iconMap:m,currentUrl:h=`/`,liveBadges:g,renderLink:_,LinkComponent:v,loading:y,collapsible:x=`icon`,variant:T=`sidebar`,side:D=`left`,className:k,surfaceClassName:A,contentClassName:j,slots:M,renderItem:N}){let P=t.length>0||!!M?.footer,F=y||!e,I=o.length>0;return(0,p.jsxs)(b,{collapsible:x,variant:T,side:D,className:n.cn(`h-svh`,k),surfaceClassName:A,children:[M?.header??(!!i&&(0,p.jsx)(u.u,{className:d,children:I?(0,p.jsx)(E,{logo:i,collapsedLogo:a,workspaceLinks:o,strings:c,contentClassName:l,renderLink:_,LinkComponent:v}):(0,p.jsx)(C,{logo:i,collapsedLogo:a,className:f})})),(0,p.jsx)(u.i,{className:j,children:(0,p.jsxs)(s.t,{className:`h-full pr-1.5 pt-4`,children:[M?.beforeNavigation,F?M?.loading??(0,p.jsx)(O,{}):(0,p.jsx)(S,{navigationByGroups:e,currentUrl:h,iconMap:m,liveBadges:g,renderLink:_,LinkComponent:v,emptySlot:M?.empty,renderItem:N}),M?.afterNavigation]})}),P&&(0,p.jsx)(u.a,{children:M?.footer??(0,p.jsx)(w,{items:t,label:r,currentUrl:h,iconMap:m,liveBadges:g,renderLink:_,LinkComponent:v})})]})}function O(){let e=[9,3,4,2,1];return(0,p.jsx)(p.Fragment,{children:e.map((t,n)=>(0,p.jsxs)(f.Fragment,{children:[(0,p.jsx)(u.o,{className:`px-2 py-0`,children:(0,p.jsx)(u.p,{className:`gap-0.5`,children:Array.from({length:t},(e,t)=>(0,p.jsx)(u.g,{children:(0,p.jsxs)(`div`,{className:`flex h-8 items-center gap-2 px-2`,children:[(0,p.jsx)(c.t,{className:`h-4 w-4 shrink-0 rounded`}),(0,p.jsx)(c.t,{className:`h-3.5 rounded`,style:{width:`${60+(n*7+t*13)%40}px`}})]})},t))})}),n<e.length-1&&(0,p.jsx)(u.S,{className:`!mx-auto !my-1 !w-11/12 overflow-hidden px-4`})]},n))})}function k({item:e}){return(0,p.jsx)(i.n,{tag:`span`,className:`truncate text-inherit`,children:d.o(e)})}function A({items:e,label:t=`Platform`,currentUrl:r=`/`,iconMap:i={},liveBadges:a,renderLink:o,LinkComponent:s,renderItem:c,className:l}){let m=d.d({renderLink:o,LinkComponent:s});return(0,p.jsxs)(u.o,{className:n.cn(`px-2 py-0`,l),children:[!!t&&(0,p.jsx)(u.l,{children:t}),(0,p.jsx)(u.p,{className:`gap-0.5`,children:e.map((e,t)=>{let o=!!e.href&&d.s(r,d.u(e.href)),s=d.l(e.handle,e.badge,a),l={depth:0,active:o,expanded:!1,badge:s,renderLink:m},h=d.o(e);if(c)return(0,p.jsx)(f.Fragment,{children:c(e,l)},d.a(e,t));let g=(0,p.jsxs)(p.Fragment,{children:[!!e.icon&&(0,p.jsx)(d.r,{icon:e.icon,iconMap:i,className:`size-4`,"aria-hidden":`true`}),(0,p.jsx)(k,{item:e}),!!s&&(0,p.jsx)(d.i,{value:s})]});return(0,p.jsx)(u.g,{children:(0,p.jsx)(u.t,{isActive:o,render:e.href&&!e.disabled?d.c(m,e,g,void 0,o):void 0,tooltip:{children:h},disabled:e.disabled,className:n.cn(`h-8 font-medium`,o&&`bg-sidebar-accent text-sidebar-accent-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:g})},d.a(e,t))})})]})}var j={profile:`Profile`,settings:`Settings`,logout:`Log out`};function M(e){return e.split(` `).map(e=>e[0]).filter(Boolean).slice(0,2).join(``).toUpperCase()}function N({user:e,customContent:n,onProfile:r,onSettings:s,onLogout:c,strings:l,renderTrigger:d}){let f=t.useStrings(j,l),{state:h,isMobile:_}=g(),v=_||h!==`collapsed`?`bottom`:`right`,y=M(e.name),b=(0,p.jsxs)(p.Fragment,{children:[!!r&&(0,p.jsxs)(a.a,{onClick:r,children:[(0,p.jsx)(m.User,{className:`mr-2 size-4`,"aria-hidden":`true`}),(0,p.jsx)(i.n,{tag:`span`,size:`xs`,className:`text-inherit`,children:f.profile})]}),!!s&&(0,p.jsxs)(a.a,{onClick:s,children:[(0,p.jsx)(m.Settings,{className:`mr-2 size-4`,"aria-hidden":`true`}),(0,p.jsx)(i.n,{tag:`span`,size:`xs`,className:`text-inherit`,children:f.settings})]}),!!(r||s)&&!!c&&(0,p.jsx)(a.d,{}),!!c&&(0,p.jsxs)(a.a,{onClick:c,children:[(0,p.jsx)(m.LogOut,{className:`mr-2 size-4`,"aria-hidden":`true`}),(0,p.jsx)(i.n,{tag:`span`,size:`xs`,className:`text-inherit`,children:f.logout})]})]});return(0,p.jsx)(u.p,{children:(0,p.jsx)(u.g,{children:(0,p.jsxs)(a.t,{children:[(0,p.jsx)(a.g,{render:(0,p.jsx)(u.t,{size:`lg`,className:`group text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent`}),children:d?.(e)??(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,p.jsxs)(o.t,{className:`size-8 rounded-full`,children:[!!e.avatar&&(0,p.jsx)(o.o,{src:e.avatar,alt:e.name}),(0,p.jsx)(o.r,{className:`bg-sidebar-accent text-xs text-sidebar-accent-foreground`,children:y})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-start justify-center overflow-hidden`,children:[(0,p.jsx)(i.n,{weight:`medium`,className:`w-full truncate`,children:e.name}),!!e.email&&(0,p.jsx)(i.n,{size:`xs`,type:`secondary`,className:`w-full truncate`,children:e.email})]})]}),(0,p.jsx)(m.ChevronsUpDown,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]})}),(0,p.jsx)(a.r,{className:`w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg`,align:`end`,side:v,sideOffset:4,children:n??b})]})})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=sidebar-BhcdQ9e9.cjs.map