admin-ui-starter-kit 0.6.4 → 0.6.6

package/dist/_shared/page-D9LNsHMN.js

@@ -1,262 +0,0 @@
-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-DcynMPnE.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-D9LNsHMN.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"page-D9LNsHMN.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-menu-qxBZlTck.js

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

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

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

@@ -1 +0,0 @@
-{"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/rich-text-editor-DeIiIDn7.cjs

@@ -1,2 +0,0 @@
-const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./button-Bd5bEIiB.cjs"),i=require("./typography-CO9uwZhF.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react"),c=require("@tiptap/react");c=e.t(c,1);let l=require("@tiptap/starter-kit");l=e.t(l,1);function u({buttons:e,extraToolbarItems:t,hideSourceToggle:n=!1,sourceMode:i,toggleSourceMode:a,disabled:c=!1,hasEditor:l=!0,toolbarTrailing:u,strings:d}){let f=(t?.length??0)>0;return(0,o.jsxs)(`div`,{className:`border-border flex flex-wrap items-center gap-1 border-b p-1.5`,children:[e.map(e=>{let t=e.icon,n=e.isActive();return(0,o.jsx)(r.t,{type:`button`,variant:n?`primary`:`secondary`,buttonStyle:n?`solid`:`ghost`,size:`icon-small`,onClick:e.run,disabled:c||!l||i||e.disabled,"aria-label":e.label,title:e.label,children:(0,o.jsx)(t,{className:`h-3.5 w-3.5`})},e.id)}),!n&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{className:`bg-border mx-1 h-4 w-px`}),(0,o.jsx)(r.t,{type:`button`,variant:i?`primary`:`secondary`,buttonStyle:i?`solid`:`ghost`,size:`icon-small`,onClick:a,disabled:c||!l,"aria-label":d.toolbar.sourceCode,title:d.toolbar.sourceCode,children:(0,o.jsx)(s.Code2,{className:`h-3.5 w-3.5`})})]}),f&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{className:`bg-border mx-1 h-4 w-px`}),t?.map(e=>{let t=e.icon,n=e.isActive?.()??!1;return(0,o.jsx)(r.t,{type:`button`,variant:n?`primary`:`secondary`,buttonStyle:n?`solid`:`ghost`,size:`icon-small`,onClick:e.onClick,disabled:c||!l||i||e.disabled,"aria-label":e.label,title:e.label,children:(0,o.jsx)(t,{className:`h-3.5 w-3.5`})},e.id)})]}),!!u&&(0,o.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:u})]})}u.displayName=`RichTextEditorToolbar`;var d={editorLabel:`Rich text editor`,sourceLabel:`HTML source`,toolbar:{bold:`Bold`,italic:`Italic`,strike:`Strike`,bulletList:`Bullet list`,orderedList:`Ordered list`,blockquote:`Quote`,undo:`Undo`,redo:`Redo`,sourceCode:`Source code`},counts:{characters:`characters`,words:`words`,max:`max`}};function f(){if(typeof window>`u`)return null;let e=window.getSelection();if(!e||e.rangeCount===0)return null;let t=e.getRangeAt(0);if(!t.collapsed)return null;let n=t.startContainer,r=t.startOffset,i=n;for(;i&&i.nodeType!==Node.ELEMENT_NODE;)i=i.parentNode;if(!i)return null;let a=i.closest(`[contenteditable="true"]`)??i.closest(`.ProseMirror`);if(!a)return null;let o=``;n.nodeType===Node.TEXT_NODE&&(o=(n.textContent??``).slice(0,r));let s=n;for(;s&&s!==a&&s!==i;){let e=s.previousSibling;for(;e;)o=(e.textContent??``)+o,e=e.previousSibling;if(s=s.parentNode,s&&s.matches?.(`p, li, h1, h2, h3, h4, h5, h6, blockquote`))break}let c,l=t.getBoundingClientRect();return l&&(l.top||l.left||l.right||l.bottom)&&(c={top:l.top,left:l.left,bottom:l.bottom,right:l.right}),{textBefore:o,rect:c}}function p(e,t,n,r){if(typeof window>`u`)return;let i=window.getSelection();if(!i||i.rangeCount===0)return;let a=i.getRangeAt(0);if(!a.collapsed)return;let o=t,s=a.startContainer,c=a.startOffset;for(;o>0;){if(s.nodeType===Node.TEXT_NODE){let e=Math.min(c,o);if(c-=e,o-=e,o===0)break}let e=h(s);if(!e)break;s=e,c=e.textContent?.length??0}let l=document.createRange();if(l.setStart(s,c),l.setEnd(a.endContainer,a.endOffset),i.removeAllRanges(),i.addRange(l),e){e.chain().focus().insertContent(n).run(),r(e.getHTML());return}l.deleteContents();let u=document.createRange().createContextualFragment(n);l.insertNode(u),i.collapseToEnd();let d=s?.parentElement?.closest?.(`[contenteditable="true"]`)??null;d&&r(d.innerHTML)}function m(e,t){if(typeof window>`u`||!e)return;e.focus();let n=window.getSelection();if(!n||n.rangeCount===0){e.insertAdjacentHTML(`beforeend`,t);return}let r=n.getRangeAt(0);if(!e.contains(r.commonAncestorContainer)){e.insertAdjacentHTML(`beforeend`,t);return}r.deleteContents();let i=document.createRange().createContextualFragment(t);r.insertNode(i),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}function h(e){let t=e;for(;t;){if(t.previousSibling){for(t=t.previousSibling;t&&t.lastChild;)t=t.lastChild;if(t&&t.nodeType===Node.TEXT_NODE)return t;continue}if(t=t.parentNode,!t||t.matches?.(`p, li, h1, h2, h3, h4, h5, h6, blockquote, [contenteditable="true"]`))return null}return null}function g({text:e,maxLength:t,strings:r}){let a=e.length,s=e.trim().length>0?e.trim().split(/\s+/).length:0,c=typeof t==`number`&&a>t;return(0,o.jsxs)(`div`,{className:`border-border flex items-center justify-end gap-3 border-t px-3 py-1.5`,children:[(0,o.jsxs)(i.s,{tag:`span`,size:`xs`,type:c?`error`:`secondary`,weight:c?`medium`:`regular`,className:n.cn(`tabular-nums`),children:[a,typeof t==`number`?` / ${t}`:``,` `,r.counts.characters]}),(0,o.jsxs)(i.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[s,` `,r.counts.words]})]})}g.displayName=`CountsFooterText`;function _({editor:e,sourceMode:t,sourceValue:n,maxLength:r,strings:i}){return(0,o.jsx)(g,{text:t?n.replace(/<[^>]*>/g,``):e?.getText()??``,maxLength:r,strings:i})}_.displayName=`CountsFooter`;function v(e){let t=e.trim();return t===``||t===`<p></p>`||t===`<p><br></p>`?``:t}function y(e){let t=v(e);return t===``?`<p></p>`:t}var b=c.EditorContent,x=c.useEditor,S=`default`in l?l.default:l,C=(0,a.forwardRef)(function({value:e,onChange:r,placeholder:i,compact:c=!1,minHeight:l,maxHeight:m,disabled:h=!1,showCounts:g=!1,maxLength:C,extraToolbarItems:w,toolbarTrailing:T,footerSlot:E,hideSourceToggle:D=!1,autoFocus:O=!1,className:k,onCaretChange:A,strings:j},M){let N=t.useStrings(d,j),[P,F]=(0,a.useState)(!1),[I,L]=(0,a.useState)(!1),[R,z]=(0,a.useState)(``),B=(0,a.useRef)(!1),V=(0,a.useRef)(v(e)),H=(0,a.useRef)(A);H.current=A;let U=x({extensions:[S],content:y(e),editable:!h,immediatelyRender:!1,autofocus:O?`end`:!1,onFocus:()=>{B.current=!0,F(!0)},onBlur:()=>{B.current=!1,F(!1)},onUpdate:({editor:e})=>{let t=v(e.getHTML());B.current&&(t!==V.current&&(V.current=t,r(t)),H.current?.())},editorProps:{attributes:{role:`textbox`,"aria-label":N.editorLabel,"aria-multiline":`true`,class:`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 max-w-none px-3 py-2 text-sm focus-visible:outline-none dark:prose-invert`}}});(0,a.useEffect)(()=>{if(!U)return;let t=v(U.getHTML()),n=v(e);V.current=n,t!==n&&U.commands.setContent(y(n),{emitUpdate:!1})},[U,e]),(0,a.useEffect)(()=>{U&&U.setEditable(!h)},[h,U]),(0,a.useEffect)(()=>{if(typeof document>`u`)return;let e=()=>{B.current&&H.current?.()};return document.addEventListener(`selectionchange`,e),()=>document.removeEventListener(`selectionchange`,e)},[]),(0,a.useImperativeHandle)(M,()=>({focus:()=>{U?.chain().focus().run()},getHTML:()=>v(U?.getHTML()??``),setHTML:e=>{let t=v(e);V.current=t,U?.commands.setContent(y(t),{emitUpdate:!1}),r(t)},insertHTML:e=>{U&&U.chain().focus().insertContent(e).run()},isEmpty:()=>v(U?.getHTML()??``)===``,clear:()=>{V.current=``,U?.commands.setContent(`<p></p>`,{emitUpdate:!1}),r(``)},getCaretContext:()=>f(),replaceBeforeCaret:(e,t)=>{p(U,e,t,e=>{V.current=v(e),r(V.current)})}}),[U,r]);let W=(0,a.useMemo)(()=>({minHeight:l??(c?`2rem`:`12rem`),...m?{maxHeight:m,overflowY:`auto`}:{}}),[c,m,l]),G=(0,a.useCallback)(()=>{if(U)if(I){let e=y(R);U.commands.setContent(e,{emitUpdate:!1});let t=v(R);V.current=t,r(t),L(!1)}else z(U.getHTML()),L(!0)},[U,r,I,R]),K=(0,a.useCallback)(e=>{let t=e.target.value;z(t);let n=v(t);V.current=n,r(n)},[r]),q=(0,a.useMemo)(()=>[{id:`bold`,icon:s.Bold,label:N.toolbar.bold,isActive:()=>!!U?.isActive(`bold`),run:()=>U?.chain().focus().toggleBold().run()},{id:`italic`,icon:s.Italic,label:N.toolbar.italic,isActive:()=>!!U?.isActive(`italic`),run:()=>U?.chain().focus().toggleItalic().run()},{id:`strike`,icon:s.Strikethrough,label:N.toolbar.strike,isActive:()=>!!U?.isActive(`strike`),run:()=>U?.chain().focus().toggleStrike().run()},{id:`bullet-list`,icon:s.List,label:N.toolbar.bulletList,isActive:()=>!!U?.isActive(`bulletList`),run:()=>U?.chain().focus().toggleBulletList().run()},{id:`ordered-list`,icon:s.ListOrdered,label:N.toolbar.orderedList,isActive:()=>!!U?.isActive(`orderedList`),run:()=>U?.chain().focus().toggleOrderedList().run()},{id:`blockquote`,icon:s.Quote,label:N.toolbar.blockquote,isActive:()=>!!U?.isActive(`blockquote`),run:()=>U?.chain().focus().toggleBlockquote().run()},{id:`undo`,icon:s.Undo2,label:N.toolbar.undo,isActive:()=>!1,run:()=>U?.chain().focus().undo().run(),disabled:!U?.can().chain().focus().undo().run()},{id:`redo`,icon:s.Redo2,label:N.toolbar.redo,isActive:()=>!1,run:()=>U?.chain().focus().redo().run(),disabled:!U?.can().chain().focus().redo().run()}],[U,N]),J=g&&U?(0,o.jsx)(_,{editor:U,sourceMode:I,sourceValue:R,maxLength:C,strings:N}):null,Y=typeof i==`string`?i:``,X=Y.length>0&&!P&&U?.isEmpty?(0,o.jsx)(`span`,{className:`text-muted-foreground pointer-events-none absolute left-3 top-2 text-sm`,children:Y}):null;return(0,o.jsxs)(`div`,{className:n.cn(`border-input bg-background rounded-md border`,h&&`opacity-70`,k),children:[(0,o.jsx)(u,{buttons:q,extraToolbarItems:w,hideSourceToggle:D,sourceMode:I,toggleSourceMode:G,disabled:h,hasEditor:!!U,toolbarTrailing:T,strings:N}),I?(0,o.jsx)(`textarea`,{"aria-label":N.sourceLabel,value:R,onChange:K,disabled:h,spellCheck:!1,className:n.cn(`bg-muted/50 w-full resize-y px-3 py-2 font-mono text-xs leading-relaxed focus-visible:outline-none`,h&&`cursor-not-allowed`),style:W}):(0,o.jsxs)(`div`,{className:`relative`,style:W,children:[X,(0,o.jsx)(b,{editor:U,className:n.cn(`h-full`,`[&_.ProseMirror]:h-full`,`[&_.ProseMirror]:min-h-full`,`[&_.ProseMirror]:outline-none`)})]}),!!E&&(0,o.jsx)(`div`,{className:`px-3 pb-2 pt-1`,children:E}),J]})});C.displayName=`TiptapRichTextEditor`;var w=typeof b==`function`&&typeof x==`function`&&typeof S==`object`&&!!S,T=(0,a.forwardRef)(function({value:e,onChange:r,placeholder:i,compact:c=!1,minHeight:l,maxHeight:h,disabled:_=!1,showCounts:b=!1,maxLength:x,extraToolbarItems:S,toolbarTrailing:C,footerSlot:w,hideSourceToggle:T=!1,autoFocus:E=!1,className:D,onCaretChange:O,strings:k},A){let j=t.useStrings(d,k),M=(0,a.useRef)(null),[N,P]=(0,a.useState)(!1),[F,I]=(0,a.useState)(!1),[L,R]=(0,a.useState)(``),z=(0,a.useRef)(v(e)),B=(0,a.useRef)(O);B.current=O,(0,a.useEffect)(()=>{let t=M.current;if(!t||N)return;let n=y(e);v(t.innerHTML)!==v(n)&&(t.innerHTML=n),z.current=v(e)},[N,e]),(0,a.useEffect)(()=>{E&&M.current?.focus()},[E]);let V=(0,a.useCallback)(()=>{let e=M.current,t=v(e?.innerHTML??``);z.current=t,r(t),B.current?.()},[r]);(0,a.useImperativeHandle)(A,()=>({focus:()=>M.current?.focus(),getHTML:()=>v(M.current?.innerHTML??``),setHTML:e=>{let t=v(e);z.current=t,M.current&&(M.current.innerHTML=y(t)),r(t)},insertHTML:e=>{m(M.current,e),V()},isEmpty:()=>v(M.current?.innerHTML??``)===``,clear:()=>{z.current=``,M.current&&(M.current.innerHTML=`<p></p>`),r(``)},getCaretContext:()=>f(),replaceBeforeCaret:(e,t)=>{p(null,e,t,()=>V())}}),[V,r]);let H=(0,a.useMemo)(()=>({minHeight:l??(c?`2rem`:`12rem`),...h?{maxHeight:h,overflowY:`auto`}:{}}),[c,h,l]),U=(0,a.useCallback)(()=>{if(F){let e=v(L);z.current=e,M.current&&(M.current.innerHTML=y(e)),r(e),I(!1);return}R(M.current?.innerHTML??y(e)),I(!0)},[r,F,L,e]),W=(0,a.useCallback)(e=>{let t=e.target.value;R(t);let n=v(t);z.current=n,r(n)},[r]),G=typeof i==`string`?i:``,K=v(z.current)===``,q=G.length>0&&!N&&K?(0,o.jsx)(`span`,{className:`text-muted-foreground pointer-events-none absolute left-3 top-2 text-sm`,children:G}):null,J=(0,a.useMemo)(()=>[{id:`bold`,icon:s.Bold,label:j.toolbar.bold,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`italic`,icon:s.Italic,label:j.toolbar.italic,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`strike`,icon:s.Strikethrough,label:j.toolbar.strike,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`bullet-list`,icon:s.List,label:j.toolbar.bulletList,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`ordered-list`,icon:s.ListOrdered,label:j.toolbar.orderedList,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`blockquote`,icon:s.Quote,label:j.toolbar.blockquote,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`undo`,icon:s.Undo2,label:j.toolbar.undo,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`redo`,icon:s.Redo2,label:j.toolbar.redo,isActive:()=>!1,run:()=>void 0,disabled:!0}],[j]),Y=F?L.replace(/<[^>]*>/g,``):M.current?.innerText??v(e).replace(/<[^>]*>/g,``),X=b?(0,o.jsx)(g,{text:Y,maxLength:x,strings:j}):null;return(0,o.jsxs)(`div`,{className:n.cn(`border-input bg-background rounded-md border`,_&&`opacity-70`,D),children:[(0,o.jsx)(u,{buttons:J,extraToolbarItems:S,hideSourceToggle:T,sourceMode:F,toggleSourceMode:U,disabled:_,hasEditor:!0,toolbarTrailing:C,strings:j}),F?(0,o.jsx)(`textarea`,{"aria-label":j.sourceLabel,value:L,onChange:W,disabled:_,spellCheck:!1,className:n.cn(`bg-muted/50 w-full resize-y px-3 py-2 font-mono text-xs leading-relaxed focus-visible:outline-none`,_&&`cursor-not-allowed`),style:H}):(0,o.jsxs)(`div`,{className:`relative`,style:H,children:[q,(0,o.jsx)(`div`,{ref:M,role:`textbox`,"aria-label":j.editorLabel,"aria-multiline":`true`,contentEditable:!_,suppressContentEditableWarning:!0,onInput:V,onKeyUp:()=>B.current?.(),onMouseUp:()=>B.current?.(),onFocus:()=>P(!0),onBlur:()=>P(!1),className:n.cn(`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 max-w-none px-3 py-2 text-sm focus-visible:outline-none dark:prose-invert`,`h-full min-h-full`,_&&`cursor-not-allowed`),dangerouslySetInnerHTML:{__html:y(e)}})]}),!!w&&(0,o.jsx)(`div`,{className:`px-3 pb-2 pt-1`,children:w}),X]})});T.displayName=`FallbackRichTextEditor`;var E=(0,a.forwardRef)(function(e,t){return w?(0,o.jsx)(C,{...e,ref:t}):(0,o.jsx)(T,{className:`rich-text-editor--component`,...e,ref:t})});E.displayName=`RichTextEditor`,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
-//# sourceMappingURL=rich-text-editor-DeIiIDn7.cjs.map