admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/_shared/page-DCW1eWCJ.js

@@ -0,0 +1,262 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-DHksjMvc.js";
+import { t as r } from "./buttons-MxvdokeK.js";
+import { o as i, s as a } from "./typography-DE0NGEIE.js";
+import { t as o } from "./badge-a2Z3K5aQ.js";
+import { a as s, s as c } from "./dropdown-menu-CoWmrjYX.js";
+import { t as l } from "./separator-B8FBp-7E.js";
+import { t as u } from "./action-menu-CNS-fwQr.js";
+import { d } from "./hooks-CS55-w3h.js";
+import { t as f } from "./content-container-Dv8XsAw4.js";
+import { Fragment as p, useEffect as m, useMemo as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ArrowLeft as b, MoreHorizontal as x } from "lucide-react";
+//#region src/components/layout/page/partials/page-header.tsx
+var S = {
+	h1: "border-0 pb-0 text-xl",
+	h2: "border-0 pb-0 text-lg",
+	h3: "text-base",
+	h4: "text-sm",
+	h5: "text-sm",
+	h6: "text-sm"
+};
+function C({ title: e, description: r, headingTag: s = "h3", backHref: c, onBack: u, backLabel: f = "Back", titleBadges: p = [], actions: m, slots: h, renderLink: g, LinkComponent: _, className: x, contentClassName: C, actionsClassName: w, titleClassName: T, descriptionClassName: E }) {
+	let D = d({
+		renderLink: g,
+		LinkComponent: _
+	}), O = c || u ? /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-1.5 pt-1",
+		children: [c && !u ? D({
+			href: c,
+			"aria-label": f,
+			children: /* @__PURE__ */ y(n, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-small",
+				className: "h-7 w-7 rounded p-1",
+				children: [/* @__PURE__ */ v(b, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ v("span", {
+					className: "sr-only",
+					children: f
+				})]
+			})
+		}) : /* @__PURE__ */ v(n, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "icon-small",
+			className: "h-7 w-7 rounded p-1",
+			onClick: u,
+			"aria-label": f,
+			children: /* @__PURE__ */ v(b, {
+				className: "size-4",
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ v(l, {
+			orientation: "vertical",
+			className: "h-7"
+		})]
+	}) : null;
+	return /* @__PURE__ */ y("header", {
+		className: t("flex w-full flex-col gap-4 md:flex-row md:items-start md:justify-between", x),
+		children: [/* @__PURE__ */ y("div", {
+			className: "flex min-w-0 flex-1 items-start gap-3",
+			children: [h?.back ?? O, /* @__PURE__ */ y("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-0.5",
+				children: [h?.beforeTitle, /* @__PURE__ */ y("div", {
+					className: t("flex max-w-3xl flex-col gap-0.5", C),
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "flex flex-wrap items-center gap-3",
+							children: [/* @__PURE__ */ v(i, {
+								tag: s,
+								containerClassName: "space-y-0",
+								className: t(S[s], T),
+								children: e
+							}), p.length > 0 && /* @__PURE__ */ v("div", {
+								className: "flex items-center gap-1.5",
+								children: p.map((e, t) => /* @__PURE__ */ v(o, {
+									variant: e.variant ?? "secondary",
+									children: e.label
+								}, e.key ?? t))
+							})]
+						}),
+						!!r && /* @__PURE__ */ v(a, {
+							size: "xs",
+							type: "secondary",
+							className: E,
+							children: r
+						}),
+						h?.afterDescription
+					]
+				})]
+			})]
+		}), h?.actions ?? (!!m && /* @__PURE__ */ v("div", {
+			className: t("shrink-0", w),
+			children: m
+		}))]
+	});
+}
+//#endregion
+//#region src/components/layout/page/page.tsx
+function w({ header: e, width: n = "narrow", children: r, className: i, bodyClassName: a, renderLink: o, LinkComponent: s }) {
+	return /* @__PURE__ */ y(f, {
+		width: n,
+		className: i,
+		children: [!!e && /* @__PURE__ */ v(C, {
+			...e,
+			renderLink: e.renderLink ?? o,
+			LinkComponent: e.LinkComponent ?? s
+		}), !!r && /* @__PURE__ */ v("div", {
+			className: t("relative block w-full", a),
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/layout/page/page-content.tsx
+var T = {
+	sm: "max-w-screen-sm",
+	md: "max-w-screen-md",
+	lg: "max-w-screen-lg",
+	xl: "max-w-screen-xl",
+	"2xl": "max-w-screen-2xl",
+	full: "max-w-full"
+};
+function E({ noPadding: e = !1, maxWidth: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ v("main", {
+		className: t("flex-1", !e && "p-4 md:p-6", n && t("mx-auto w-full", T[n]), r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+//#region src/components/layout/page/page.types.ts
+var D = { menuLabel: "Page actions" }, O = (e) => e === "destructive" ? "error" : e === "primary" || e === "success" || e === "warning" ? "primary" : "secondary", k = "max-h-[80vh] overflow-y-auto overscroll-contain", A = 4;
+function j(e, t, n) {
+	if (e.visible === !1) return null;
+	if (e.element) return /* @__PURE__ */ v("div", { children: e.element }, e.id ?? t.index);
+	if (n) return n(e, t);
+	let i = e.id ?? t.index, a = !!e.disabled || !!e.loading, o = e.icon, s = /* @__PURE__ */ y(r, {
+		variant: O(e.variant),
+		onClick: e.onClick,
+		disabled: a,
+		children: [!!o && /* @__PURE__ */ v(o, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}), e.label]
+	}, i);
+	return e.href && !e.onClick ? t.renderLink({
+		href: e.href,
+		children: s,
+		className: "inline-flex",
+		target: e.target,
+		rel: e.rel,
+		external: e.external,
+		disabled: a
+	}) : s;
+}
+function M(e, n, r) {
+	let i = [], o = null;
+	return e.forEach(({ action: e, index: u }) => {
+		let d = {
+			...n,
+			index: u,
+			isInline: !1
+		}, f = e.group ?? null, p = f !== o;
+		if (i.length > 0 && p && i.push(/* @__PURE__ */ v(l, { className: "my-1" }, `sep-${o ?? "root"}-${f ?? "root"}-${e.id ?? u}`)), p && (o = f, f && i.push(/* @__PURE__ */ v("div", {
+			className: "px-2 pt-1",
+			children: /* @__PURE__ */ v(a, {
+				size: "xxs",
+				weight: "semibold",
+				type: "secondary",
+				className: "uppercase tracking-wider",
+				children: f
+			})
+		}, `group-${f}-${e.id ?? u}`))), e.element) {
+			i.push(/* @__PURE__ */ v("div", { children: e.element }, e.id ?? u));
+			return;
+		}
+		if (r) {
+			i.push(/* @__PURE__ */ v("div", { children: r(e, d) }, e.id ?? u));
+			return;
+		}
+		let m = e.icon, h = !!e.disabled || !!e.loading, g = /* @__PURE__ */ y(_, { children: [!!m && /* @__PURE__ */ v(m, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}), typeof e.label == "string" ? /* @__PURE__ */ v(a, {
+			tag: "span",
+			size: "xs",
+			className: "text-inherit",
+			children: e.label
+		}) : e.label] }), b = t("gap-1.5 px-2 py-1.5 text-xs", e.variant === "destructive" && "text-destructive focus-visible:text-destructive");
+		if (e.href && !e.onClick && !h) {
+			i.push(/* @__PURE__ */ v(c, {
+				href: e.href,
+				className: b,
+				render: (t) => d.renderLink({
+					...t,
+					href: e.href,
+					children: t.children,
+					target: e.target,
+					rel: e.rel,
+					external: e.external
+				}),
+				children: g
+			}, e.id ?? u));
+			return;
+		}
+		i.push(/* @__PURE__ */ v(s, {
+			disabled: h,
+			onClick: e.onClick,
+			className: b,
+			children: g
+		}, e.id ?? u));
+	}), i;
+}
+function N({ actions: n, display: r = "dropdown", breakpoint: i = 1040, maxInlineActions: a = A, renderLink: o, LinkComponent: s, strings: c, className: l, inlineClassName: f, menuClassName: _, renderAction: b }) {
+	let S = e(D, c), C = d({
+		renderLink: o,
+		LinkComponent: s
+	}), w = h(() => (n ?? []).map((e, t) => ({
+		action: e,
+		index: t
+	})).filter(({ action: e }) => e.visible !== !1), [n]), [T, E] = g(!1);
+	if (m(() => {
+		if (r !== "auto" || typeof window > "u") return;
+		let e = () => E(window.innerWidth <= i);
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [r, i]), w.length === 0) return null;
+	let O = { renderLink: C }, N = t("flex items-center gap-2", f, l), P = t(k, _);
+	if (r === "dropdown" || r === "auto" && T) return /* @__PURE__ */ v(u, {
+		icon: x,
+		srText: S.menuLabel,
+		align: "end",
+		closeOnSelect: !0,
+		contentClassName: P,
+		children: M(w, O, b)
+	});
+	let F = Math.max(0, a), I = w.filter(({ action: e }) => (e.placement ?? "auto") !== "menu"), L = I.slice(0, F), R = [...I.slice(F), ...w.filter(({ action: e }) => (e.placement ?? "auto") === "menu")];
+	return /* @__PURE__ */ y("div", {
+		className: N,
+		children: [L.map((e) => /* @__PURE__ */ v(p, { children: j(e.action, {
+			...O,
+			index: e.index,
+			isInline: !0
+		}, b) }, e.action.id ?? e.index)), R.length > 0 && /* @__PURE__ */ v(u, {
+			icon: x,
+			srText: S.menuLabel,
+			align: "end",
+			closeOnSelect: !0,
+			contentClassName: P,
+			children: M(R, O, b)
+		})]
+	});
+}
+//#endregion
+export { C as a, w as i, D as n, E as r, N as t };
+
+//# sourceMappingURL=page-DCW1eWCJ.js.map

package/dist/_shared/page-DCW1eWCJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-DCW1eWCJ.js","names":[],"sources":["../../src/components/layout/page/partials/page-header.tsx","../../src/components/layout/page/page.tsx","../../src/components/layout/page/page-content.tsx","../../src/components/layout/page/page.types.ts","../../src/components/layout/page/partials/page-actions.tsx"],"sourcesContent":["/**\n * PageHeader — page title, back control, title badges, and actions.\n *\n * Navigation goes through `renderLink`; consumer apps wire framework links at\n * the boundary. Slots let consumers replace any structural region without\n * forking the page wrapper.\n */\nimport { ArrowLeft } from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { PageHeaderProps, PageHeadingTag } from '../page.types';\n\nconst PAGE_TITLE_CLASS: Record<PageHeadingTag, string> = {\n\th1: 'border-0 pb-0 text-xl',\n\th2: 'border-0 pb-0 text-lg',\n\th3: 'text-base',\n\th4: 'text-sm',\n\th5: 'text-sm',\n\th6: 'text-sm',\n};\n\nexport function PageHeader({\n\ttitle,\n\tdescription,\n\theadingTag = 'h3',\n\tbackHref,\n\tonBack,\n\tbackLabel = 'Back',\n\ttitleBadges = [],\n\tactions,\n\tslots,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tcontentClassName,\n\tactionsClassName,\n\ttitleClassName,\n\tdescriptionClassName,\n}: PageHeaderProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst hasBack = !!backHref || !!onBack;\n\n\tconst defaultBack = hasBack ? (\n\t\t<div className=\"flex items-center gap-1.5 pt-1\">\n\t\t\t{backHref && !onBack ? (\n\t\t\t\tresolvedRenderLink({\n\t\t\t\t\thref: backHref,\n\t\t\t\t\t'aria-label': backLabel,\n\t\t\t\t\tchildren: (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\tclassName=\"h-7 w-7 rounded p-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowLeft className=\"size-4\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t<span className=\"sr-only\">{backLabel}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t),\n\t\t\t\t})\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\tclassName=\"h-7 w-7 rounded p-1\"\n\t\t\t\t\tonClick={onBack}\n\t\t\t\t\taria-label={backLabel}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-4\" aria-hidden=\"true\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t<Separator orientation=\"vertical\" className=\"h-7\" />\n\t\t</div>\n\t) : null;\n\n\treturn (\n\t\t<header\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full flex-col gap-4 md:flex-row md:items-start md:justify-between',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex min-w-0 flex-1 items-start gap-3\">\n\t\t\t\t{slots?.back ?? defaultBack}\n\n\t\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n\t\t\t\t\t{slots?.beforeTitle}\n\t\t\t\t\t<div className={cn('flex max-w-3xl flex-col gap-0.5', contentClassName)}>\n\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-3\">\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttag={headingTag}\n\t\t\t\t\t\t\t\tcontainerClassName=\"space-y-0\"\n\t\t\t\t\t\t\t\tclassName={cn(PAGE_TITLE_CLASS[headingTag], titleClassName)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t{titleBadges.length > 0 && (\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t{titleBadges.map((badge, index) => (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tkey={badge.key ?? index}\n\t\t\t\t\t\t\t\t\t\t\tvariant={badge.variant ?? 'secondary'}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{badge.label}\n\t\t\t\t\t\t\t\t\t\t</Badge>\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)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className={descriptionClassName}>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{slots?.afterDescription}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{slots?.actions ?? (\n\t\t\t\t!!actions && <div className={cn('shrink-0', actionsClassName)}>{actions}</div>\n\t\t\t)}\n\t\t</header>\n\t);\n}\n","/**\n * Page — convenience wrapper that pairs `<PageHeader>` with `<Container>`.\n * For full control, compose `<PageHeader />`, `<PageContent />`, and\n * `<Container />` directly.\n */\nimport { Container } from '../containers/content-container';\nimport { PageHeader } from './partials/page-header';\nimport type { PageProps } from './page.types';\nimport { cn } from '@/lib/utils';\n\nexport function Page({\n\theader,\n\twidth = 'narrow',\n\tchildren,\n\tclassName,\n\tbodyClassName,\n\trenderLink,\n\tLinkComponent,\n}: PageProps) {\n\treturn (\n\t\t<Container width={width} className={className}>\n\t\t\t{!!header && (\n\t\t\t\t<PageHeader\n\t\t\t\t\t{...header}\n\t\t\t\t\trenderLink={header.renderLink ?? renderLink}\n\t\t\t\t\tLinkComponent={header.LinkComponent ?? LinkComponent}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!children && (\n\t\t\t\t<div className={cn('relative block w-full', bodyClassName)}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n}\n","/**\n * PageContent — `<main>` wrapper for the body region of an app shell.\n *\n * Provides consistent padding and an optional width clamp. Lighter-weight\n * than `Page` — use directly inside an `AppShell` flexbox where the surrounding\n * structure (header, sidebar) is already in place.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageContentMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';\n\nexport interface PageContentProps extends HTMLAttributes<HTMLElement> {\n\t/** Body content. */\n\tchildren?: ReactNode;\n\t/** When true, removes default `p-4 md:p-6` padding. */\n\tnoPadding?: boolean;\n\t/** Optional max-width clamp (centers when set). */\n\tmaxWidth?: PageContentMaxWidth;\n}\n\nconst MAX_WIDTH_CLASS: Record<PageContentMaxWidth, string> = {\n\tsm: 'max-w-screen-sm',\n\tmd: 'max-w-screen-md',\n\tlg: 'max-w-screen-lg',\n\txl: 'max-w-screen-xl',\n\t'2xl': 'max-w-screen-2xl',\n\tfull: 'max-w-full',\n};\n\nexport function PageContent({\n\tnoPadding = false,\n\tmaxWidth,\n\tclassName,\n\tchildren,\n\t...props\n}: PageContentProps) {\n\treturn (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t'flex-1',\n\t\t\t\t!noPadding && 'p-4 md:p-6',\n\t\t\t\tmaxWidth && cn('mx-auto w-full', MAX_WIDTH_CLASS[maxWidth]),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</main>\n\t);\n}\n","/**\n * Page-level types for `Page`, `PageHeader`, `PageActions`, and exported\n * partials. All navigation is framework-neutral via `renderLink`.\n */\nimport type { ComponentType, JSX, Key, ReactNode } from 'react';\n\nimport type {\n\tLayoutLinkRenderer,\n\tLayoutNavigationAdapter,\n\tLinkComponent,\n} from '../layout.types';\nimport type { ContainerWidth } from '../containers/containers.types';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type PageHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface PageTitleBadge {\n\tlabel: ReactNode;\n\tvariant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';\n\tkey?: Key;\n}\n\nexport interface PageHeaderSlots {\n\t/** Replaces the leading back control entirely. */\n\tback?: ReactNode;\n\t/** Additional content before the title line. */\n\tbeforeTitle?: ReactNode;\n\t/** Additional content after the description. */\n\tafterDescription?: ReactNode;\n\t/** Replaces the trailing actions region. */\n\tactions?: ReactNode;\n}\n\nexport interface PageHeaderProps extends LayoutNavigationAdapter {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\t/** Semantic heading level for the title. Defaults to `h3` for nested app pages. */\n\theadingTag?: PageHeadingTag;\n\tbackHref?: string;\n\tonBack?: () => void;\n\tbackLabel?: string;\n\ttitleBadges?: PageTitleBadge[];\n\tactions?: ReactNode;\n\tslots?: PageHeaderSlots;\n\tclassName?: string;\n\tcontentClassName?: string;\n\tactionsClassName?: string;\n\ttitleClassName?: string;\n\tdescriptionClassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport type PageActionVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'destructive'\n\t| 'success'\n\t| 'warning';\n\nexport interface PageActionContext {\n\tindex: number;\n\tisInline: boolean;\n\trenderLink: LayoutLinkRenderer;\n}\n\nexport interface PageAction {\n\tid?: string;\n\tlabel: ReactNode;\n\tonClick?: () => void;\n\thref?: string;\n\ttarget?: string;\n\trel?: string;\n\texternal?: boolean;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\ticon?: ComponentType<{ className?: string }>;\n\tvariant?: PageActionVariant;\n\tvisible?: boolean;\n\tgroup?: string;\n\tplacement?: 'auto' | 'inline' | 'menu';\n\t/** Escape hatch for one action only. Prefer `renderAction` for consistent customization. */\n\telement?: ReactNode | JSX.Element;\n}\n\nexport type PageActionsDisplay = 'flat' | 'dropdown' | 'auto';\n\nexport interface PageActionsStrings {\n\tmenuLabel: string;\n}\n\nexport const defaultPageActionsStrings: PageActionsStrings = {\n\tmenuLabel: 'Page actions',\n};\n\nexport interface PageActionsProps extends LayoutNavigationAdapter {\n\tactions?: PageAction[];\n\tdisplay?: PageActionsDisplay;\n\tbreakpoint?: number;\n\t/**\n\t * Maximum non-menu actions rendered inline before overflow moves them into\n\t * the dropdown menu. Defaults to 4 for admin header density.\n\t */\n\tmaxInlineActions?: number;\n\tstrings?: StringsProp<PageActionsStrings>;\n\tclassName?: string;\n\tinlineClassName?: string;\n\tmenuClassName?: string;\n\trenderAction?: (action: PageAction, context: PageActionContext) => ReactNode;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport interface PageProps extends LayoutNavigationAdapter {\n\theader?: PageHeaderProps;\n\twidth?: ContainerWidth;\n\tchildren?: ReactNode;\n\tclassName?: string;\n\tbodyClassName?: string;\n}\n","/**\n * PageActions — composable action ribbon for page headers.\n *\n * Links go through `renderLink`, never router imports or DOM click hacks.\n * Use `renderAction` for app-specific rendering while keeping grouping,\n * filtering, breakpoint, and menu placement logic centralized.\n */\nimport { Fragment, useEffect, useMemo, useState, type ReactNode } from 'react';\nimport { MoreHorizontal } from 'lucide-react';\n\nimport { PageActionButton } from '@/components/base/buttons/page-action-button';\nimport { Separator } from '@/components/base/display/separator';\nimport { ActionMenu } from '@/components/base/navigation/action-menu';\nimport {\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n} from '@/components/base/navigation/dropdown-menu';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport {\n\tdefaultPageActionsStrings,\n\ttype PageAction,\n\ttype PageActionContext,\n\ttype PageActionVariant,\n\ttype PageActionsProps,\n} from '../page.types';\n\nconst resolveBaseVariant = (\n\tvariant: PageActionVariant | undefined,\n): 'primary' | 'secondary' | 'error' => {\n\tif (variant === 'destructive') return 'error';\n\tif (variant === 'primary' || variant === 'success' || variant === 'warning') return 'primary';\n\treturn 'secondary';\n};\n\nconst PAGE_ACTIONS_MENU_CLASS = 'max-h-[80vh] overflow-y-auto overscroll-contain';\nconst DEFAULT_MAX_INLINE_ACTIONS = 4;\n\ntype PageActionEntry = {\n\taction: PageAction;\n\tindex: number;\n};\n\nfunction renderInlineAction(\n\taction: PageAction,\n\tcontext: PageActionContext,\n\trenderAction?: PageActionsProps['renderAction'],\n): ReactNode {\n\tif (action.visible === false) return null;\n\tif (action.element) return <div key={action.id ?? context.index}>{action.element}</div>;\n\tif (renderAction) return renderAction(action, context);\n\n\tconst key = action.id ?? context.index;\n\tconst disabled = !!action.disabled || !!action.loading;\n\tconst Icon = action.icon;\n\tconst button = (\n\t\t<PageActionButton\n\t\t\tkey={key}\n\t\t\tvariant={resolveBaseVariant(action.variant)}\n\t\t\tonClick={action.onClick}\n\t\t\tdisabled={disabled}\n\t\t>\n\t\t\t{!!Icon && <Icon className=\"size-3.5\" aria-hidden=\"true\" />}\n\t\t\t{action.label}\n\t\t</PageActionButton>\n\t);\n\n\tif (action.href && !action.onClick) {\n\t\treturn context.renderLink({\n\t\t\thref: action.href,\n\t\t\tchildren: button,\n\t\t\tclassName: 'inline-flex',\n\t\t\ttarget: action.target,\n\t\t\trel: action.rel,\n\t\t\texternal: action.external,\n\t\t\tdisabled,\n\t\t});\n\t}\n\n\treturn button;\n}\n\nfunction renderMenuItems(\n\tentries: PageActionEntry[],\n\tcontextBase: Omit<PageActionContext, 'index' | 'isInline'>,\n\trenderAction?: PageActionsProps['renderAction'],\n): ReactNode[] {\n\tconst items: ReactNode[] = [];\n\tlet currentGroup: string | null = null;\n\n\tentries.forEach(({ action, index }) => {\n\t\tconst context: PageActionContext = { ...contextBase, index, isInline: false };\n\t\tconst nextGroup = action.group ?? null;\n\t\tconst groupChanged = nextGroup !== currentGroup;\n\n\t\tif (items.length > 0 && groupChanged) {\n\t\t\titems.push(\n\t\t\t\t<Separator\n\t\t\t\t\tkey={`sep-${currentGroup ?? 'root'}-${nextGroup ?? 'root'}-${action.id ?? index}`}\n\t\t\t\t\tclassName=\"my-1\"\n\t\t\t\t/>,\n\t\t\t);\n\t\t}\n\n\t\tif (groupChanged) {\n\t\t\tcurrentGroup = nextGroup;\n\t\t\tif (nextGroup) {\n\t\t\t\titems.push(\n\t\t\t\t\t<div key={`group-${nextGroup}-${action.id ?? index}`} className=\"px-2 pt-1\">\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"uppercase tracking-wider\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{nextGroup}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (action.element) {\n\t\t\titems.push(<div key={action.id ?? index}>{action.element}</div>);\n\t\t\treturn;\n\t\t}\n\n\t\tif (renderAction) {\n\t\t\titems.push(<div key={action.id ?? index}>{renderAction(action, context)}</div>);\n\t\t\treturn;\n\t\t}\n\n\t\tconst Icon = action.icon;\n\t\tconst disabled = !!action.disabled || !!action.loading;\n\t\tconst children = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon className=\"size-3.5\" aria-hidden=\"true\" />}\n\t\t\t\t{typeof action.label === 'string' ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">\n\t\t\t\t\t\t{action.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : action.label}\n\t\t\t</>\n\t\t);\n\n\t\tconst itemClassName = cn(\n\t\t\t'gap-1.5 px-2 py-1.5 text-xs',\n\t\t\taction.variant === 'destructive' && 'text-destructive focus-visible:text-destructive',\n\t\t);\n\n\t\tif (action.href && !action.onClick && !disabled) {\n\t\t\titems.push(\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\tkey={action.id ?? index}\n\t\t\t\t\thref={action.href}\n\t\t\t\t\tclassName={itemClassName}\n\t\t\t\t\trender={(props) =>\n\t\t\t\t\t\tcontext.renderLink({\n\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\thref: action.href,\n\t\t\t\t\t\t\tchildren: props.children,\n\t\t\t\t\t\t\ttarget: action.target,\n\t\t\t\t\t\t\trel: action.rel,\n\t\t\t\t\t\t\texternal: action.external,\n\t\t\t\t\t\t}) as React.ReactElement\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuLinkItem>,\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\titems.push(\n\t\t\t<DropdownMenuItem\n\t\t\t\tkey={action.id ?? index}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonClick={action.onClick}\n\t\t\t\tclassName={itemClassName}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DropdownMenuItem>,\n\t\t);\n\t});\n\n\treturn items;\n}\n\nexport function PageActions({\n\tactions,\n\tdisplay = 'dropdown',\n\tbreakpoint = 1040,\n\tmaxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,\n\trenderLink,\n\tLinkComponent,\n\tstrings: stringsProp,\n\tclassName,\n\tinlineClassName,\n\tmenuClassName,\n\trenderAction,\n}: PageActionsProps) {\n\tconst strings = useStrings(defaultPageActionsStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\tconst filtered = useMemo<PageActionEntry[]>(\n\t\t() => (actions ?? [])\n\t\t\t.map((action, index) => ({ action, index }))\n\t\t\t.filter(({ action }) => action.visible !== false),\n\t\t[actions],\n\t);\n\n\tconst [isNarrow, setIsNarrow] = useState(false);\n\tuseEffect(() => {\n\t\tif (display !== 'auto' || typeof window === 'undefined') return;\n\n\t\tconst check = () => setIsNarrow(window.innerWidth <= breakpoint);\n\t\tcheck();\n\t\twindow.addEventListener('resize', check);\n\t\treturn () => window.removeEventListener('resize', check);\n\t}, [display, breakpoint]);\n\n\tif (filtered.length === 0) return null;\n\n\tconst inlineContextBase = { renderLink: resolvedRenderLink };\n\tconst inlineClass = cn('flex items-center gap-2', inlineClassName, className);\n\tconst menuContentClass = cn(PAGE_ACTIONS_MENU_CLASS, menuClassName);\n\n\tif (display === 'dropdown' || (display === 'auto' && isNarrow)) {\n\t\treturn (\n\t\t\t<ActionMenu\n\t\t\t\ticon={MoreHorizontal}\n\t\t\t\tsrText={strings.menuLabel}\n\t\t\t\talign=\"end\"\n\t\t\t\tcloseOnSelect\n\t\t\t\tcontentClassName={menuContentClass}\n\t\t\t>\n\t\t\t\t{renderMenuItems(filtered, inlineContextBase, renderAction)}\n\t\t\t</ActionMenu>\n\t\t);\n\t}\n\n\tconst inlineLimit = Math.max(0, maxInlineActions);\n\tconst inlineCandidates = filtered.filter(({ action }) => (action.placement ?? 'auto') !== 'menu');\n\tconst inline = inlineCandidates.slice(0, inlineLimit);\n\tconst overflow = inlineCandidates.slice(inlineLimit);\n\tconst menu = [\n\t\t...overflow,\n\t\t...filtered.filter(({ action }) => (action.placement ?? 'auto') === 'menu'),\n\t];\n\n\treturn (\n\t\t<div className={inlineClass}>\n\t\t\t{inline.map((action) => (\n\t\t\t\t<Fragment key={action.action.id ?? action.index}>\n\t\t\t\t\t{renderInlineAction(\n\t\t\t\t\t\taction.action,\n\t\t\t\t\t\t{ ...inlineContextBase, index: action.index, isInline: true },\n\t\t\t\t\t\trenderAction,\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t))}\n\t\t\t{menu.length > 0 && (\n\t\t\t\t<ActionMenu\n\t\t\t\t\ticon={MoreHorizontal}\n\t\t\t\t\tsrText={strings.menuLabel}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\tcontentClassName={menuContentClass}\n\t\t\t\t>\n\t\t\t\t\t{renderMenuItems(menu, inlineContextBase, renderAction)}\n\t\t\t\t</ActionMenu>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/_shared/popover-dWR7-MzY.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs"),n=require("./slot-D-Rwlrz2.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime"),a=require("@base-ui/react/popover");function o({...e}){return(0,i.jsx)(a.Popover.Root,{"data-slot":`popover`,...e})}function s({asChild:e=!1,nativeButton:t,render:o,children:s,...c}){let l=e?(0,i.jsx)(n.t,{}):void 0,u=typeof o==`function`?((e,t)=>{let{nativeButton:n,...r}=e;return o(r,t)}):o,d=!0;e&&r.isValidElement(s)&&(d=typeof s.type==`string`?s.type===`button`:!(`href`in(s.props??{})));let f=t??(e?d:!0);return(0,i.jsx)(a.Popover.Trigger,{"data-slot":`popover-trigger`,render:l??u,nativeButton:f,...c,children:s})}function c({asChild:e=!1,...t}){return e?(0,i.jsx)(n.t,{...t}):(0,i.jsx)(`span`,{"data-slot":`popover-anchor`,...t})}function l({className:e,align:n=`center`,alignOffset:r=0,side:o=`bottom`,sideOffset:s=4,disablePortal:c=!1,onOpenAutoFocus:l,onInteractOutside:u,...d}){let f=(0,i.jsx)(a.Popover.Positioner,{align:n,alignOffset:r,side:o,sideOffset:s,className:`isolate z-50`,children:(0,i.jsx)(a.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden`,e),...d})});return c?f:(0,i.jsx)(a.Popover.Portal,{children:f})}function u({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-1 text-sm`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(a.Popover.Title,{"data-slot":`popover-title`,className:t.cn(`font-medium`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(a.Popover.Description,{"data-slot":`popover-description`,className:t.cn(`text-muted-foreground`,e),...n})}function p({className:e,sideOffset:n=6,style:r,...a}){return(0,i.jsx)(l,{sideOffset:n,className:t.cn(`popover--component`,`p-(--space-xs)`,`border border-border/60 shadow-md ring-0`,e),style:r,...a})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=popover-dWR7-MzY.cjs.map

package/dist/_shared/popover-dWR7-MzY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-dWR7-MzY.cjs","names":[],"sources":["../../src/components/ui/popover.tsx","../../src/components/base/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport * as React from \"react\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  asChild = false,\n  nativeButton,\n  render,\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props & { asChild?: boolean; nativeButton?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: PopoverPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n  let inferredNativeButton = true\n  if (asChild && React.isValidElement(children)) {\n    if (typeof children.type === \"string\") {\n      inferredNativeButton = children.type === \"button\"\n    } else {\n      const childProps = (children.props ?? {}) as Record<string, unknown>\n      inferredNativeButton = !(\"href\" in childProps)\n    }\n  }\n  const resolvedNativeButton = nativeButton ?? (asChild ? inferredNativeButton : true)\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      render={slotRender ?? safeRender}\n      nativeButton={resolvedNativeButton}\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  )\n}\n\nfunction PopoverAnchor({\n  asChild = false,\n  ...props\n}: React.ComponentPropsWithoutRef<\"span\"> & { asChild?: boolean }) {\n  if (asChild) {\n    return <Slot {...props} />\n  }\n\n  return <span data-slot=\"popover-anchor\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  disablePortal = false,\n  onOpenAutoFocus,\n  onInteractOutside,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    disablePortal?: boolean\n    onOpenAutoFocus?: (event: Event) => void\n    onInteractOutside?: (event: Event) => void\n  }) {\n  void onOpenAutoFocus\n  void onInteractOutside\n\n  const content = (\n    <PopoverPrimitive.Positioner\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      className=\"isolate z-50\"\n    >\n      <PopoverPrimitive.Popup\n        data-slot=\"popover-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Positioner>\n  )\n\n  if (disablePortal) {\n    return content\n  }\n\n  return <PopoverPrimitive.Portal>{content}</PopoverPrimitive.Portal>\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n","/**\n * Popover — base wrapper around the shadcn `ui/popover` primitive.\n *\n * What this layer adds on top of the primitive:\n *  - Library-default `sideOffset` (6px) and tighter content padding,\n *    consumed via the `--space-xs` CSS variable in App.css.\n *  - A consistent shadow + border treatment matching the rest of the\n *    library (subtle ring, no harsh shadow).\n *  - Re-exports every primitive part untouched so the compound-component\n *    pattern from shadcn keeps working: consumers compose\n *    `<Popover>`, `<PopoverTrigger>`, `<PopoverContent>` exactly as\n *    they would with the primitive.\n *\n * Override at the call site via `className` for one-offs, or override\n * `--space-xs` on a wrapping element for surface-wide\n * density tweaks.\n */\nimport * as React from 'react';\n\nimport {\n    Popover as PopoverPrimitive,\n    PopoverAnchor,\n    PopoverContent as PopoverContentPrimitive,\n    PopoverDescription,\n    PopoverHeader,\n    PopoverTitle,\n    PopoverTrigger,\n} from '@/components/ui/popover';\nimport { cn } from '@/lib/utils';\n\ntype PopoverContentBaseProps = React.ComponentProps<typeof PopoverContentPrimitive>;\n\nfunction PopoverContent({\n    className,\n    sideOffset = 6,\n    style,\n    ...props\n}: PopoverContentBaseProps) {\n    return (\n        <PopoverContentPrimitive\n            sideOffset={sideOffset}\n            className={cn('popover--component', \n                // Tighter than the primitive's `p-4` default, density-tokenized.\n                'p-(--space-xs)',\n                // Single chrome layer: 1px hairline border + soft shadow. The\n                // primitive ships its own `ring-1 ring-foreground/10`; we\n                // suppress it so the popover doesn't read as a 2px outline.\n                'border border-border/60 shadow-md ring-0',\n                className,\n            )}\n            style={style}\n            {...props}\n        />\n    );\n}\n\nexport {\n    PopoverPrimitive as Popover,\n    PopoverAnchor,\n    PopoverContent,\n    PopoverDescription,\n    PopoverHeader,\n    PopoverTitle,\n    PopoverTrigger,\n};\n"],"mappings":"gNAMA,SAAS,EAAQ,CAAE,GAAG,GAAsC,CAC1D,OAAO,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAS,EAAe,CACtB,UAAU,GACV,eACA,SACA,WACA,GAAG,GAC8E,CACjF,IAAM,EAAa,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAO,CAAA,EAAI,IAAA,GAClC,EAAuD,OAAO,GAAW,aACzE,EAAa,IAAU,CACzB,GAAM,CAAE,aAAc,EAAe,GAAG,GAAS,EAEjD,OAAO,EAAO,EAA4B,CAAK,CACjD,GACE,EACA,EAAuB,GACvB,GAAW,EAAM,eAAe,CAAQ,IAC1C,AAIE,EAJE,OAAO,EAAS,MAAS,SACJ,EAAS,OAAS,SAGlB,EAAE,SADL,EAAS,OAAS,CAAC,KAI3C,IAAM,EAAuB,IAAiB,EAAU,EAAuB,IAC/E,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,OAAQ,GAAc,EACtB,aAAc,EACd,GAAI,EAEH,UACuB,CAAA,CAE9B,CAEA,SAAS,EAAc,CACrB,UAAU,GACV,GAAG,GAC8D,CAKjE,OAJI,GACK,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,GAAI,CAAQ,CAAA,GAGpB,EAAA,EAAA,KAAC,OAAD,CAAM,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACtD,CAEA,SAAS,EAAe,CACtB,YACA,QAAQ,SACR,cAAc,EACd,OAAO,SACP,aAAa,EACb,gBAAgB,GAChB,kBACA,oBACA,GAAG,GASA,CAIH,IAAM,GACJ,EAAA,EAAA,KAAC,EAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,yBAEV,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,kBACV,UAAW,EAAA,GACT,kjBACA,CACF,EACA,GAAI,CACL,CAAA,CAC0B,CAAA,EAO/B,OAJI,EACK,GAGF,EAAA,EAAA,KAAC,EAAA,QAAiB,OAAlB,CAAA,SAA0B,CAAiC,CAAA,CACpE,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAAuC,CAC3E,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,cAAe,CAAS,EACtC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GACkC,CACrC,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,YAAlB,CACE,YAAU,sBACV,UAAW,EAAA,GAAG,wBAAyB,CAAS,EAChD,GAAI,CACL,CAAA,CAEL,CCzGA,SAAS,EAAe,CACpB,YACA,aAAa,EACb,QACA,GAAG,GACqB,CACxB,OACI,EAAA,EAAA,KAAC,EAAD,CACgB,aACZ,UAAW,EAAA,GAAG,qBAEV,iBAIA,2CACA,CACJ,EACO,QACP,GAAI,CACP,CAAA,CAET"}

package/dist/_shared/popover-menu-qxBZlTck.js

@@ -0,0 +1,93 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-DE0NGEIE.js";
+import { n as r, s as i, t as a } from "./popover-xVENY0Ax.js";
+import { i as o } from "./command-CAI-BCSR.js";
+import { a as s, i as c, n as l, r as u, t as d } from "./command-ByedBajF.js";
+import "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Loader2 as h } from "lucide-react";
+//#region src/components/base/popover-menu/popover-menu.types.ts
+var g = {
+	searchPlaceholder: "Search…",
+	empty: "No results.",
+	loading: "Loading…"
+};
+//#endregion
+//#region src/components/base/popover-menu/popover-menu.tsx
+function _({ trigger: _, items: v, onSelect: y, open: b, onOpenChange: x, search: S = !0, searchValue: C, onSearchChange: w, loading: T = !1, header: E, footer: D, empty: O, loadingSlot: k, renderItem: A, strings: j, align: M = "start", sideOffset: N, contentClassName: P }) {
+	let F = e(g, j);
+	return /* @__PURE__ */ m(r, {
+		open: b,
+		onOpenChange: x,
+		children: [/* @__PURE__ */ p(i, { render: _ }), /* @__PURE__ */ p(a, {
+			align: M,
+			sideOffset: N,
+			className: t("popover-menu--component", "w-56 p-0 overflow-hidden", P),
+			children: /* @__PURE__ */ m(d, {
+				shouldFilter: !w,
+				children: [
+					!!E && /* @__PURE__ */ p("div", {
+						className: "border-b border-border/60 px-control py-row-y",
+						children: E
+					}),
+					!!S && /* @__PURE__ */ p(o, {
+						placeholder: F.searchPlaceholder,
+						value: C,
+						onValueChange: w
+					}),
+					/* @__PURE__ */ m(s, { children: [
+						!!T && (k ?? /* @__PURE__ */ m("div", {
+							className: "flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground",
+							children: [/* @__PURE__ */ p(h, {
+								className: "size-icon-sm animate-spin",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ p(n, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: F.loading
+							})]
+						})),
+						/* @__PURE__ */ p(l, { children: O ?? F.empty }),
+						v.length > 0 && /* @__PURE__ */ p(u, { children: v.map((e) => /* @__PURE__ */ p(c, {
+							value: e.searchValue ?? e.value,
+							onSelect: () => y(e),
+							disabled: e.disabled,
+							"data-checked": e.selected || void 0,
+							className: "data-[checked=true]:**:[svg]:text-primary",
+							children: A ? A(e, { isHighlighted: !1 }) : /* @__PURE__ */ m(f, { children: [!!e.icon && /* @__PURE__ */ p("span", {
+								className: "text-muted-foreground shrink-0",
+								children: e.icon
+							}), /* @__PURE__ */ m("div", {
+								className: "flex min-w-0 flex-1 flex-col leading-tight",
+								children: [/* @__PURE__ */ p(n, {
+									tag: "span",
+									size: "xs",
+									weight: e.selected ? "medium" : "regular",
+									className: "truncate",
+									children: e.label
+								}), !!e.description && /* @__PURE__ */ p(n, {
+									tag: "span",
+									size: "xxs",
+									type: "secondary",
+									className: "mt-0.5 truncate",
+									children: e.description
+								})]
+							})] })
+						}, e.value)) })
+					] }),
+					!!D && /* @__PURE__ */ p("div", {
+						className: "border-t border-border/60 px-control py-row-y",
+						children: D
+					})
+				]
+			})
+		})]
+	});
+}
+_.displayName = "PopoverMenu";
+//#endregion
+export { g as n, _ as t };
+
+//# sourceMappingURL=popover-menu-qxBZlTck.js.map

package/dist/_shared/popover-menu-qxBZlTck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-menu-qxBZlTck.js","names":[],"sources":["../../src/components/base/popover-menu/popover-menu.types.ts","../../src/components/base/popover-menu/popover-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface PopoverMenuItem<T = unknown> {\n    /** Unique identifier — also the cmdk match value when no `searchValue` provided. */\n    value: string;\n    /** Visible label rendered in the row. Override entirely via `renderItem`. */\n    label: ReactNode;\n    /** Optional secondary line rendered under the label. */\n    description?: ReactNode;\n    /** Leading icon — keep small (size-3.5/size-4 max). */\n    icon?: ReactNode;\n    /** Show the trailing checkmark when `true`. */\n    selected?: boolean;\n    /** Disable the row. */\n    disabled?: boolean;\n    /** Custom string used by cmdk for matching when `label` is not a plain string. */\n    searchValue?: string;\n    /** Arbitrary payload for `onSelect` consumers. */\n    data?: T;\n}\n\nexport interface PopoverMenuStrings {\n    /** Placeholder for the search input (when `search` is enabled). */\n    searchPlaceholder: string;\n    /** Empty-state copy when filtering yields no items. */\n    empty: string;\n    /** Loading-state copy. */\n    loading: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n    searchPlaceholder: 'Search…',\n    empty: 'No results.',\n    loading: 'Loading…',\n};\n","/**\n * PopoverMenu — composed wrapper around `base/popover` + `base/command`.\n *\n * Captures the recurring \"trigger → optional header → search → command list\"\n * pattern used by filter facets, operator selects, and similar pickers\n * across the library.\n *\n * Slots (all optional):\n *   - `header`   — rendered above the search input / list\n *   - `footer`   — rendered below the list (e.g. confirm/clear buttons)\n *   - `empty`    — replaces the default empty-state copy\n *   - `loading`  — rendered above the list when `loading` is true\n *\n * Render-prop:\n *   - `renderItem={(item, ctx) => ReactNode}` — full control over a row\n *\n * Strings:\n *   - `strings={{ searchPlaceholder, empty, loading }}` — merged with defaults\n *\n * For headless usage (custom UI against the same selection state),\n * compose `base/popover` + `base/command` directly.\n */\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n    Command,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n} from '@/components/base/command';\nimport {\n    Popover,\n    PopoverContent,\n    PopoverTrigger,\n} from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultPopoverMenuStrings,\n    type PopoverMenuItem,\n    type PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n    /** True when the item is the user's currently-active match (cmdk highlight). */\n    isHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n    /** Trigger element. The popover anchors to it. Pass any clickable. */\n    trigger: React.ReactNode;\n    /** Items to render in the list. */\n    items: ReadonlyArray<PopoverMenuItem<T>>;\n    /** Selection callback — fires on row click / Enter. */\n    onSelect: (item: PopoverMenuItem<T>) => void;\n\n    /** Controlled open state. Omit for uncontrolled. */\n    open?: boolean;\n    /** Open-state callback for controlled / uncontrolled flows. */\n    onOpenChange?: (open: boolean) => void;\n\n    /** Show the search input above the list. Default: true. */\n    search?: boolean;\n    /** Search input value (controlled). */\n    searchValue?: string;\n    /** Search input change callback. */\n    onSearchChange?: (value: string) => void;\n\n    /** Async loading flag — shows the loading slot above the list. */\n    loading?: boolean;\n\n    /** Optional pre-list slot (e.g. a label / eyebrow). */\n    header?: React.ReactNode;\n    /** Optional post-list slot (e.g. confirm / clear buttons). */\n    footer?: React.ReactNode;\n    /** Override empty-state slot (defaults to `strings.empty`). */\n    empty?: React.ReactNode;\n    /** Override loading slot (defaults to spinner + `strings.loading`). */\n    loadingSlot?: React.ReactNode;\n\n    /** Per-item render override. */\n    renderItem?: (\n        item: PopoverMenuItem<T>,\n        ctx: PopoverMenuRenderItemContext,\n    ) => React.ReactNode;\n\n    /** Override copy. Deep-merged over defaults. */\n    strings?: StringsProp<PopoverMenuStrings>;\n\n    /** Popover content positioning props (forwarded). */\n    align?: React.ComponentProps<typeof PopoverContent>['align'];\n    sideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n    /** Width override for the popover content. Default: w-56. */\n    contentClassName?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n    trigger,\n    items,\n    onSelect,\n    open,\n    onOpenChange,\n    search = true,\n    searchValue,\n    onSearchChange,\n    loading = false,\n    header,\n    footer,\n    empty,\n    loadingSlot,\n    renderItem,\n    strings: stringsProp,\n    align = 'start',\n    sideOffset,\n    contentClassName,\n}: PopoverMenuProps<T>) {\n    const strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\n    return (\n        <Popover open={open} onOpenChange={onOpenChange}>\n            <PopoverTrigger render={trigger as React.ReactElement} />\n            <PopoverContent\n                align={align}\n                sideOffset={sideOffset}\n                className={cn('popover-menu--component', 'w-56 p-0 overflow-hidden', contentClassName)}\n            >\n                <Command shouldFilter={!onSearchChange}>\n                    {!!header && (\n                        <div className=\"border-b border-border/60 px-control py-row-y\">\n                            {header}\n                        </div>\n                    )}\n\n                    {!!search && (\n                        <CommandInput\n                            placeholder={strings.searchPlaceholder}\n                            value={searchValue}\n                            onValueChange={onSearchChange}\n                        />\n                    )}\n\n                    <CommandList>\n                        {!!loading && (\n                            loadingSlot ?? (\n                                <div className=\"flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground\">\n                                    <Loader2 className=\"size-icon-sm animate-spin\" aria-hidden=\"true\" />\n                                    <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                        {strings.loading}\n                                    </Text>\n                                </div>\n                            )\n                        )}\n\n                        <CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n                        {items.length > 0 && (\n                            <CommandGroup>\n                                {items.map((item) => (\n                                    <CommandItem\n                                        key={item.value}\n                                        value={item.searchValue ?? item.value}\n                                        onSelect={() => onSelect(item)}\n                                        disabled={item.disabled}\n                                        data-checked={item.selected || undefined}\n                                        className=\"data-[checked=true]:**:[svg]:text-primary\"\n                                    >\n                                        {renderItem\n                                            ? renderItem(item, { isHighlighted: false })\n                                            : (\n                                                <>\n                                                    {!!item.icon && (\n                                                        <span className=\"text-muted-foreground shrink-0\">\n                                                            {item.icon}\n                                                        </span>\n                                                    )}\n                                                    <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                                        <Text\n                                                            tag=\"span\"\n                                                            size=\"xs\"\n                                                            weight={item.selected ? 'medium' : 'regular'}\n                                                            className=\"truncate\"\n                                                        >\n                                                            {item.label}\n                                                        </Text>\n                                                        {!!item.description && (\n                                                            <Text\n                                                                tag=\"span\"\n                                                                size=\"xxs\"\n                                                                type=\"secondary\"\n                                                                className=\"mt-0.5 truncate\"\n                                                            >\n                                                                {item.description}\n                                                            </Text>\n                                                        )}\n                                                    </div>\n                                                </>\n                                            )}\n                                    </CommandItem>\n                                ))}\n                            </CommandGroup>\n                        )}\n                    </CommandList>\n\n                    {!!footer && (\n                        <div className=\"border-t border-border/60 px-control py-row-y\">\n                            {footer}\n                        </div>\n                    )}\n                </Command>\n            </PopoverContent>\n        </Popover>\n    );\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":";;;;;;;;;;AA8BA,IAAa,IAAgD;CACzD,mBAAmB;CACnB,OAAO;CACP,SAAS;AACb;;;ACoEA,SAAgB,EAAyB,EACrC,YACA,UACA,aACA,SACA,iBACA,YAAS,IACT,gBACA,mBACA,aAAU,IACV,WACA,WACA,UACA,gBACA,eACA,SAAS,GACT,WAAQ,SACR,eACA,uBACoB;CACpB,IAAM,IAAU,EAAW,GAA2B,CAAW;CAEjE,OACI,kBAAC,GAAD;EAAe;EAAoB;YAAnC,CACI,kBAAC,GAAD,EAAgB,QAAQ,EAAgC,CAAA,GACxD,kBAAC,GAAD;GACW;GACK;GACZ,WAAW,EAAG,2BAA2B,4BAA4B,CAAgB;aAErF,kBAAC,GAAD;IAAS,cAAc,CAAC;cAAxB;KACK,CAAC,CAAC,KACC,kBAAC,OAAD;MAAK,WAAU;gBACV;KACA,CAAA;KAGR,CAAC,CAAC,KACC,kBAAC,GAAD;MACI,aAAa,EAAQ;MACrB,OAAO;MACP,eAAe;KAClB,CAAA;KAGL,kBAAC,GAAD,EAAA,UAAA;MACK,CAAC,CAAC,MACC,KACI,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,kBAAC,GAAD;QAAS,WAAU;QAA4B,eAAY;OAAQ,CAAA,GACnE,kBAAC,GAAD;QAAM,KAAI;QAAO,MAAK;QAAK,MAAK;kBAC3B,EAAQ;OACP,CAAA,CACL;;MAIb,kBAAC,GAAD,EAAA,UAAe,KAAS,EAAQ,MAAoB,CAAA;MAEnD,EAAM,SAAS,KACZ,kBAAC,GAAD,EAAA,UACK,EAAM,KAAK,MACR,kBAAC,GAAD;OAEI,OAAO,EAAK,eAAe,EAAK;OAChC,gBAAgB,EAAS,CAAI;OAC7B,UAAU,EAAK;OACf,gBAAc,EAAK,YAAY,KAAA;OAC/B,WAAU;iBAET,IACK,EAAW,GAAM,EAAE,eAAe,GAAM,CAAC,IAEvC,kBAAA,GAAA,EAAA,UAAA,CACK,CAAC,CAAC,EAAK,QACJ,kBAAC,QAAD;QAAM,WAAU;kBACX,EAAK;OACJ,CAAA,GAEV,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,kBAAC,GAAD;SACI,KAAI;SACJ,MAAK;SACL,QAAQ,EAAK,WAAW,WAAW;SACnC,WAAU;mBAET,EAAK;QACJ,CAAA,GACL,CAAC,CAAC,EAAK,eACJ,kBAAC,GAAD;SACI,KAAI;SACJ,MAAK;SACL,MAAK;SACL,WAAU;mBAET,EAAK;QACJ,CAAA,CAET;SACP,EAAA,CAAA;MAED,GAtCJ,EAAK,KAsCD,CAChB,EACS,CAAA;KAET,EAAA,CAAA;KAEZ,CAAC,CAAC,KACC,kBAAC,OAAD;MAAK,WAAU;gBACV;KACA,CAAA;IAEJ;;EACG,CAAA,CACX;;AAEjB;AAEA,EAAY,cAAc"}

package/dist/_shared/popover-menu-z9QTjl4o.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./typography-CO9uwZhF.cjs"),i=require("./popover-dWR7-MzY.cjs"),a=require("./command-DRIySU26.cjs"),o=require("./command-EGR0nhGc.cjs");let s=require("react");s=e.t(s,1);let c=require("react/jsx-runtime"),l=require("lucide-react");var u={searchPlaceholder:`Search…`,empty:`No results.`,loading:`Loading…`};function d({trigger:e,items:s,onSelect:d,open:f,onOpenChange:p,search:m=!0,searchValue:h,onSearchChange:g,loading:_=!1,header:v,footer:y,empty:b,loadingSlot:x,renderItem:S,strings:C,align:w=`start`,sideOffset:T,contentClassName:E}){let D=t.useStrings(u,C);return(0,c.jsxs)(i.n,{open:f,onOpenChange:p,children:[(0,c.jsx)(i.s,{render:e}),(0,c.jsx)(i.t,{align:w,sideOffset:T,className:n.cn(`popover-menu--component`,`w-56 p-0 overflow-hidden`,E),children:(0,c.jsxs)(o.t,{shouldFilter:!g,children:[!!v&&(0,c.jsx)(`div`,{className:`border-b border-border/60 px-control py-row-y`,children:v}),!!m&&(0,c.jsx)(a.i,{placeholder:D.searchPlaceholder,value:h,onValueChange:g}),(0,c.jsxs)(o.a,{children:[!!_&&(x??(0,c.jsxs)(`div`,{className:`flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground`,children:[(0,c.jsx)(l.Loader2,{className:`size-icon-sm animate-spin`,"aria-hidden":`true`}),(0,c.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:D.loading})]})),(0,c.jsx)(o.n,{children:b??D.empty}),s.length>0&&(0,c.jsx)(o.r,{children:s.map(e=>(0,c.jsx)(o.i,{value:e.searchValue??e.value,onSelect:()=>d(e),disabled:e.disabled,"data-checked":e.selected||void 0,className:`data-[checked=true]:**:[svg]:text-primary`,children:S?S(e,{isHighlighted:!1}):(0,c.jsxs)(c.Fragment,{children:[!!e.icon&&(0,c.jsx)(`span`,{className:`text-muted-foreground shrink-0`,children:e.icon}),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,c.jsx)(r.s,{tag:`span`,size:`xs`,weight:e.selected?`medium`:`regular`,className:`truncate`,children:e.label}),!!e.description&&(0,c.jsx)(r.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description})]})]})},e.value))})]}),!!y&&(0,c.jsx)(`div`,{className:`border-t border-border/60 px-control py-row-y`,children:y})]})})]})}d.displayName=`PopoverMenu`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=popover-menu-z9QTjl4o.cjs.map

package/dist/_shared/popover-menu-z9QTjl4o.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-menu-z9QTjl4o.cjs","names":[],"sources":["../../src/components/base/popover-menu/popover-menu.types.ts","../../src/components/base/popover-menu/popover-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface PopoverMenuItem<T = unknown> {\n    /** Unique identifier — also the cmdk match value when no `searchValue` provided. */\n    value: string;\n    /** Visible label rendered in the row. Override entirely via `renderItem`. */\n    label: ReactNode;\n    /** Optional secondary line rendered under the label. */\n    description?: ReactNode;\n    /** Leading icon — keep small (size-3.5/size-4 max). */\n    icon?: ReactNode;\n    /** Show the trailing checkmark when `true`. */\n    selected?: boolean;\n    /** Disable the row. */\n    disabled?: boolean;\n    /** Custom string used by cmdk for matching when `label` is not a plain string. */\n    searchValue?: string;\n    /** Arbitrary payload for `onSelect` consumers. */\n    data?: T;\n}\n\nexport interface PopoverMenuStrings {\n    /** Placeholder for the search input (when `search` is enabled). */\n    searchPlaceholder: string;\n    /** Empty-state copy when filtering yields no items. */\n    empty: string;\n    /** Loading-state copy. */\n    loading: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n    searchPlaceholder: 'Search…',\n    empty: 'No results.',\n    loading: 'Loading…',\n};\n","/**\n * PopoverMenu — composed wrapper around `base/popover` + `base/command`.\n *\n * Captures the recurring \"trigger → optional header → search → command list\"\n * pattern used by filter facets, operator selects, and similar pickers\n * across the library.\n *\n * Slots (all optional):\n *   - `header`   — rendered above the search input / list\n *   - `footer`   — rendered below the list (e.g. confirm/clear buttons)\n *   - `empty`    — replaces the default empty-state copy\n *   - `loading`  — rendered above the list when `loading` is true\n *\n * Render-prop:\n *   - `renderItem={(item, ctx) => ReactNode}` — full control over a row\n *\n * Strings:\n *   - `strings={{ searchPlaceholder, empty, loading }}` — merged with defaults\n *\n * For headless usage (custom UI against the same selection state),\n * compose `base/popover` + `base/command` directly.\n */\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n    Command,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n} from '@/components/base/command';\nimport {\n    Popover,\n    PopoverContent,\n    PopoverTrigger,\n} from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultPopoverMenuStrings,\n    type PopoverMenuItem,\n    type PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n    /** True when the item is the user's currently-active match (cmdk highlight). */\n    isHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n    /** Trigger element. The popover anchors to it. Pass any clickable. */\n    trigger: React.ReactNode;\n    /** Items to render in the list. */\n    items: ReadonlyArray<PopoverMenuItem<T>>;\n    /** Selection callback — fires on row click / Enter. */\n    onSelect: (item: PopoverMenuItem<T>) => void;\n\n    /** Controlled open state. Omit for uncontrolled. */\n    open?: boolean;\n    /** Open-state callback for controlled / uncontrolled flows. */\n    onOpenChange?: (open: boolean) => void;\n\n    /** Show the search input above the list. Default: true. */\n    search?: boolean;\n    /** Search input value (controlled). */\n    searchValue?: string;\n    /** Search input change callback. */\n    onSearchChange?: (value: string) => void;\n\n    /** Async loading flag — shows the loading slot above the list. */\n    loading?: boolean;\n\n    /** Optional pre-list slot (e.g. a label / eyebrow). */\n    header?: React.ReactNode;\n    /** Optional post-list slot (e.g. confirm / clear buttons). */\n    footer?: React.ReactNode;\n    /** Override empty-state slot (defaults to `strings.empty`). */\n    empty?: React.ReactNode;\n    /** Override loading slot (defaults to spinner + `strings.loading`). */\n    loadingSlot?: React.ReactNode;\n\n    /** Per-item render override. */\n    renderItem?: (\n        item: PopoverMenuItem<T>,\n        ctx: PopoverMenuRenderItemContext,\n    ) => React.ReactNode;\n\n    /** Override copy. Deep-merged over defaults. */\n    strings?: StringsProp<PopoverMenuStrings>;\n\n    /** Popover content positioning props (forwarded). */\n    align?: React.ComponentProps<typeof PopoverContent>['align'];\n    sideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n    /** Width override for the popover content. Default: w-56. */\n    contentClassName?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n    trigger,\n    items,\n    onSelect,\n    open,\n    onOpenChange,\n    search = true,\n    searchValue,\n    onSearchChange,\n    loading = false,\n    header,\n    footer,\n    empty,\n    loadingSlot,\n    renderItem,\n    strings: stringsProp,\n    align = 'start',\n    sideOffset,\n    contentClassName,\n}: PopoverMenuProps<T>) {\n    const strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\n    return (\n        <Popover open={open} onOpenChange={onOpenChange}>\n            <PopoverTrigger render={trigger as React.ReactElement} />\n            <PopoverContent\n                align={align}\n                sideOffset={sideOffset}\n                className={cn('popover-menu--component', 'w-56 p-0 overflow-hidden', contentClassName)}\n            >\n                <Command shouldFilter={!onSearchChange}>\n                    {!!header && (\n                        <div className=\"border-b border-border/60 px-control py-row-y\">\n                            {header}\n                        </div>\n                    )}\n\n                    {!!search && (\n                        <CommandInput\n                            placeholder={strings.searchPlaceholder}\n                            value={searchValue}\n                            onValueChange={onSearchChange}\n                        />\n                    )}\n\n                    <CommandList>\n                        {!!loading && (\n                            loadingSlot ?? (\n                                <div className=\"flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground\">\n                                    <Loader2 className=\"size-icon-sm animate-spin\" aria-hidden=\"true\" />\n                                    <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                        {strings.loading}\n                                    </Text>\n                                </div>\n                            )\n                        )}\n\n                        <CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n                        {items.length > 0 && (\n                            <CommandGroup>\n                                {items.map((item) => (\n                                    <CommandItem\n                                        key={item.value}\n                                        value={item.searchValue ?? item.value}\n                                        onSelect={() => onSelect(item)}\n                                        disabled={item.disabled}\n                                        data-checked={item.selected || undefined}\n                                        className=\"data-[checked=true]:**:[svg]:text-primary\"\n                                    >\n                                        {renderItem\n                                            ? renderItem(item, { isHighlighted: false })\n                                            : (\n                                                <>\n                                                    {!!item.icon && (\n                                                        <span className=\"text-muted-foreground shrink-0\">\n                                                            {item.icon}\n                                                        </span>\n                                                    )}\n                                                    <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                                        <Text\n                                                            tag=\"span\"\n                                                            size=\"xs\"\n                                                            weight={item.selected ? 'medium' : 'regular'}\n                                                            className=\"truncate\"\n                                                        >\n                                                            {item.label}\n                                                        </Text>\n                                                        {!!item.description && (\n                                                            <Text\n                                                                tag=\"span\"\n                                                                size=\"xxs\"\n                                                                type=\"secondary\"\n                                                                className=\"mt-0.5 truncate\"\n                                                            >\n                                                                {item.description}\n                                                            </Text>\n                                                        )}\n                                                    </div>\n                                                </>\n                                            )}\n                                    </CommandItem>\n                                ))}\n                            </CommandGroup>\n                        )}\n                    </CommandList>\n\n                    {!!footer && (\n                        <div className=\"border-t border-border/60 px-control py-row-y\">\n                            {footer}\n                        </div>\n                    )}\n                </Command>\n            </PopoverContent>\n        </Popover>\n    );\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":"wVA8BA,IAAa,EAAgD,CACzD,kBAAmB,UACnB,MAAO,cACP,QAAS,UACb,ECoEA,SAAgB,EAAyB,CACrC,UACA,QACA,WACA,OACA,eACA,SAAS,GACT,cACA,iBACA,UAAU,GACV,SACA,SACA,QACA,cACA,aACA,QAAS,EACT,QAAQ,QACR,aACA,oBACoB,CACpB,IAAM,EAAU,EAAA,WAAW,EAA2B,CAAW,EAEjE,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAe,OAAoB,wBAAnC,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,OAAQ,CAAgC,CAAA,GACxD,EAAA,EAAA,KAAC,EAAA,EAAD,CACW,QACK,aACZ,UAAW,EAAA,GAAG,0BAA2B,2BAA4B,CAAgB,YAErF,EAAA,EAAA,MAAC,EAAA,EAAD,CAAS,aAAc,CAAC,WAAxB,CACK,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yDACV,CACA,CAAA,EAGR,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,YAAa,EAAQ,kBACrB,MAAO,EACP,cAAe,CAClB,CAAA,GAGL,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACK,CAAC,CAAC,IACC,IACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2FAAf,EACI,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,UAAU,4BAA4B,cAAY,MAAQ,CAAA,GACnE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,IAAI,OAAO,KAAK,KAAK,KAAK,qBAC3B,EAAQ,OACP,CAAA,CACL,MAIb,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAe,GAAS,EAAQ,KAAoB,CAAA,EAEnD,EAAM,OAAS,IACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SACK,EAAM,IAAK,IACR,EAAA,EAAA,KAAC,EAAA,EAAD,CAEI,MAAO,EAAK,aAAe,EAAK,MAChC,aAAgB,EAAS,CAAI,EAC7B,SAAU,EAAK,SACf,eAAc,EAAK,UAAY,IAAA,GAC/B,UAAU,qDAET,EACK,EAAW,EAAM,CAAE,cAAe,EAAM,CAAC,GAEvC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACK,CAAC,CAAC,EAAK,OACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CACX,EAAK,IACJ,CAAA,GAEV,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sDAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAI,OACJ,KAAK,KACL,OAAQ,EAAK,SAAW,SAAW,UACnC,UAAU,oBAET,EAAK,KACJ,CAAA,EACL,CAAC,CAAC,EAAK,cACJ,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAI,OACJ,KAAK,MACL,KAAK,YACL,UAAU,2BAET,EAAK,WACJ,CAAA,CAET,GACP,CAAA,CAAA,CAED,EAtCJ,EAAK,KAsCD,CAChB,CACS,CAAA,CAET,CAAA,CAAA,EAEZ,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yDACV,CACA,CAAA,CAEJ,GACG,CAAA,CACX,GAEjB,CAEA,EAAY,YAAc"}

package/dist/_shared/popover-xVENY0Ax.js

@@ -0,0 +1,83 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./slot-C5EJicOc.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Popover as i } from "@base-ui/react/popover";
+//#region src/components/ui/popover.tsx
+function a({ ...e }) {
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function o({ asChild: e = !1, nativeButton: a, render: o, children: s, ...c }) {
+	let l = e ? /* @__PURE__ */ r(t, {}) : void 0, u = typeof o == "function" ? ((e, t) => {
+		let { nativeButton: n, ...r } = e;
+		return o(r, t);
+	}) : o, d = !0;
+	e && n.isValidElement(s) && (d = typeof s.type == "string" ? s.type === "button" : !("href" in (s.props ?? {})));
+	let f = a ?? (e ? d : !0);
+	return /* @__PURE__ */ r(i.Trigger, {
+		"data-slot": "popover-trigger",
+		render: l ?? u,
+		nativeButton: f,
+		...c,
+		children: s
+	});
+}
+function s({ asChild: e = !1, ...n }) {
+	return e ? /* @__PURE__ */ r(t, { ...n }) : /* @__PURE__ */ r("span", {
+		"data-slot": "popover-anchor",
+		...n
+	});
+}
+function c({ className: t, align: n = "center", alignOffset: a = 0, side: o = "bottom", sideOffset: s = 4, disablePortal: c = !1, onOpenAutoFocus: l, onInteractOutside: u, ...d }) {
+	let f = /* @__PURE__ */ r(i.Positioner, {
+		align: n,
+		alignOffset: a,
+		side: o,
+		sideOffset: s,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ r(i.Popup, {
+			"data-slot": "popover-content",
+			className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden", t),
+			...d
+		})
+	});
+	return c ? f : /* @__PURE__ */ r(i.Portal, { children: f });
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "popover-header",
+		className: e("flex flex-col gap-1 text-sm", t),
+		...n
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.Title, {
+		"data-slot": "popover-title",
+		className: e("font-medium", t),
+		...n
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.Description, {
+		"data-slot": "popover-description",
+		className: e("text-muted-foreground", t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/popover/popover.tsx
+function f({ className: t, sideOffset: n = 6, style: i, ...a }) {
+	return /* @__PURE__ */ r(c, {
+		sideOffset: n,
+		className: e("popover--component", "p-(--space-xs)", "border border-border/60 shadow-md ring-0", t),
+		style: i,
+		...a
+	});
+}
+//#endregion
+export { l as a, d as i, a as n, u as o, s as r, o as s, f as t };
+
+//# sourceMappingURL=popover-xVENY0Ax.js.map

package/dist/_shared/popover-xVENY0Ax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-xVENY0Ax.js","names":[],"sources":["../../src/components/ui/popover.tsx","../../src/components/base/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport * as React from \"react\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  asChild = false,\n  nativeButton,\n  render,\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props & { asChild?: boolean; nativeButton?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: PopoverPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n  let inferredNativeButton = true\n  if (asChild && React.isValidElement(children)) {\n    if (typeof children.type === \"string\") {\n      inferredNativeButton = children.type === \"button\"\n    } else {\n      const childProps = (children.props ?? {}) as Record<string, unknown>\n      inferredNativeButton = !(\"href\" in childProps)\n    }\n  }\n  const resolvedNativeButton = nativeButton ?? (asChild ? inferredNativeButton : true)\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      render={slotRender ?? safeRender}\n      nativeButton={resolvedNativeButton}\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  )\n}\n\nfunction PopoverAnchor({\n  asChild = false,\n  ...props\n}: React.ComponentPropsWithoutRef<\"span\"> & { asChild?: boolean }) {\n  if (asChild) {\n    return <Slot {...props} />\n  }\n\n  return <span data-slot=\"popover-anchor\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  disablePortal = false,\n  onOpenAutoFocus,\n  onInteractOutside,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    disablePortal?: boolean\n    onOpenAutoFocus?: (event: Event) => void\n    onInteractOutside?: (event: Event) => void\n  }) {\n  void onOpenAutoFocus\n  void onInteractOutside\n\n  const content = (\n    <PopoverPrimitive.Positioner\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      className=\"isolate z-50\"\n    >\n      <PopoverPrimitive.Popup\n        data-slot=\"popover-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Positioner>\n  )\n\n  if (disablePortal) {\n    return content\n  }\n\n  return <PopoverPrimitive.Portal>{content}</PopoverPrimitive.Portal>\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n","/**\n * Popover — base wrapper around the shadcn `ui/popover` primitive.\n *\n * What this layer adds on top of the primitive:\n *  - Library-default `sideOffset` (6px) and tighter content padding,\n *    consumed via the `--space-xs` CSS variable in App.css.\n *  - A consistent shadow + border treatment matching the rest of the\n *    library (subtle ring, no harsh shadow).\n *  - Re-exports every primitive part untouched so the compound-component\n *    pattern from shadcn keeps working: consumers compose\n *    `<Popover>`, `<PopoverTrigger>`, `<PopoverContent>` exactly as\n *    they would with the primitive.\n *\n * Override at the call site via `className` for one-offs, or override\n * `--space-xs` on a wrapping element for surface-wide\n * density tweaks.\n */\nimport * as React from 'react';\n\nimport {\n    Popover as PopoverPrimitive,\n    PopoverAnchor,\n    PopoverContent as PopoverContentPrimitive,\n    PopoverDescription,\n    PopoverHeader,\n    PopoverTitle,\n    PopoverTrigger,\n} from '@/components/ui/popover';\nimport { cn } from '@/lib/utils';\n\ntype PopoverContentBaseProps = React.ComponentProps<typeof PopoverContentPrimitive>;\n\nfunction PopoverContent({\n    className,\n    sideOffset = 6,\n    style,\n    ...props\n}: PopoverContentBaseProps) {\n    return (\n        <PopoverContentPrimitive\n            sideOffset={sideOffset}\n            className={cn('popover--component', \n                // Tighter than the primitive's `p-4` default, density-tokenized.\n                'p-(--space-xs)',\n                // Single chrome layer: 1px hairline border + soft shadow. The\n                // primitive ships its own `ring-1 ring-foreground/10`; we\n                // suppress it so the popover doesn't read as a 2px outline.\n                'border border-border/60 shadow-md ring-0',\n                className,\n            )}\n            style={style}\n            {...props}\n        />\n    );\n}\n\nexport {\n    PopoverPrimitive as Popover,\n    PopoverAnchor,\n    PopoverContent,\n    PopoverDescription,\n    PopoverHeader,\n    PopoverTitle,\n    PopoverTrigger,\n};\n"],"mappings":";;;;;;AAMA,SAAS,EAAQ,EAAE,GAAG,KAAsC;CAC1D,OAAO,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EACtB,aAAU,IACV,iBACA,WACA,aACA,GAAG,KAC8E;CACjF,IAAM,IAAa,IAAU,kBAAC,GAAD,CAAO,CAAA,IAAI,KAAA,GAClC,IAAuD,OAAO,KAAW,eACzE,GAAa,MAAU;EACzB,IAAM,EAAE,cAAc,GAAe,GAAG,MAAS;EAEjD,OAAO,EAAO,GAA4B,CAAK;CACjD,KACE,GACA,IAAuB;CAC3B,AAAI,KAAW,EAAM,eAAe,CAAQ,MAC1C,AAIE,IAJE,OAAO,EAAS,QAAS,WACJ,EAAS,SAAS,WAGlB,EAAE,WADL,EAAS,SAAS,CAAC;CAI3C,IAAM,IAAuB,MAAiB,IAAU,IAAuB;CAC/E,OACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACV,QAAQ,KAAc;EACtB,cAAc;EACd,GAAI;EAEH;CACuB,CAAA;AAE9B;AAEA,SAAS,EAAc,EACrB,aAAU,IACV,GAAG,KAC8D;CAKjE,OAJI,IACK,kBAAC,GAAD,EAAM,GAAI,EAAQ,CAAA,IAGpB,kBAAC,QAAD;EAAM,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACtD;AAEA,SAAS,EAAe,EACtB,cACA,WAAQ,UACR,iBAAc,GACd,UAAO,UACP,gBAAa,GACb,mBAAgB,IAChB,oBACA,sBACA,GAAG,KASA;CAIH,IAAM,IACJ,kBAAC,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,kBAAC,EAAiB,OAAlB;GACE,aAAU;GACV,WAAW,EACT,mjBACA,CACF;GACA,GAAI;EACL,CAAA;CAC0B,CAAA;CAO/B,OAJI,IACK,IAGF,kBAAC,EAAiB,QAAlB,EAAA,UAA0B,EAAiC,CAAA;AACpE;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAsC;CAC3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAAuC;CAC3E,OACE,kBAAC,EAAiB,OAAlB;EACE,aAAU;EACV,WAAW,EAAG,eAAe,CAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACkC;CACrC,OACE,kBAAC,EAAiB,aAAlB;EACE,aAAU;EACV,WAAW,EAAG,yBAAyB,CAAS;EAChD,GAAI;CACL,CAAA;AAEL;;;ACzGA,SAAS,EAAe,EACpB,cACA,gBAAa,GACb,UACA,GAAG,KACqB;CACxB,OACI,kBAAC,GAAD;EACgB;EACZ,WAAW,EAAG,sBAEV,kBAIA,4CACA,CACJ;EACO;EACP,GAAI;CACP,CAAA;AAET"}