themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/pagination-C29vvt3I.js

@@ -0,0 +1,149 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { n } from "./buttons-Co6GavvM.js";
+import { a as r } from "./typography-Cv8MT-82.js";
+import { createContext as i, useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChevronLeftIcon as c, ChevronRightIcon as l, MoreHorizontalIcon as u } from "lucide-react";
+//#region src/components/ui/pagination.tsx
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ o("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: t("mx-auto flex w-full justify-center", e),
+		...n
+	});
+}
+function f({ className: e, ...n }) {
+	return /* @__PURE__ */ o("ul", {
+		"data-slot": "pagination-content",
+		className: t("gap-1 flex items-center", e),
+		...n
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ o("li", {
+		"data-slot": "pagination-item",
+		...e
+	});
+}
+//#endregion
+//#region src/components/base/navigation/pagination.tsx
+var m = {
+	navigationLabel: "pagination",
+	morePages: "More pages",
+	previous: "Previous",
+	next: "Next",
+	previousLabel: "Go to previous page",
+	nextLabel: "Go to next page"
+}, h = i(m);
+function g(t) {
+	let n = a(h);
+	return e(n, t);
+}
+function _(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function v({ className: e, strings: n, children: r, "aria-label": i, ...a }) {
+	let s = g(n);
+	return /* @__PURE__ */ o(h.Provider, {
+		value: s,
+		children: /* @__PURE__ */ o(d, {
+			"aria-label": i ?? s.navigationLabel,
+			className: t("pagination-primitives--component", e),
+			...a,
+			children: r
+		})
+	});
+}
+function y({ className: e, ...n }) {
+	return /* @__PURE__ */ o(f, {
+		className: t("pagination-primitives--content gap-space-2xs", e),
+		...n
+	});
+}
+function b({ className: e, label: n, strings: i, ...a }) {
+	let c = g(i);
+	return /* @__PURE__ */ s("span", {
+		"data-slot": "pagination-ellipsis",
+		className: t("pagination-primitives--ellipsis size-action-sm", e),
+		...a,
+		children: [/* @__PURE__ */ o(u, {
+			className: "size-icon",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ o(r, {
+			tag: "span",
+			size: "inherit",
+			className: "sr-only",
+			children: n ?? c.morePages
+		})]
+	});
+}
+function x(e) {
+	return /* @__PURE__ */ o(p, { ...e });
+}
+function S({ className: e, children: i, active: a = !1, ...s }) {
+	return /* @__PURE__ */ o(n, {
+		tone: "secondary",
+		buttonStyle: a ? "outline" : "ghost",
+		"aria-current": a ? "page" : void 0,
+		"data-slot": "pagination-link",
+		"data-active": a || void 0,
+		className: t("pagination-primitives--link text-pxs", e),
+		...s,
+		children: _(i) ? /* @__PURE__ */ o(r, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "text-inherit",
+			children: i
+		}) : i
+	});
+}
+function C({ className: e, text: n, strings: i, children: a, ...l }) {
+	let u = g(i);
+	return /* @__PURE__ */ s(S, {
+		"aria-label": u.previousLabel,
+		size: "md",
+		className: t("pagination-primitives--previous pl-2! text-pxs", e),
+		...l,
+		children: [/* @__PURE__ */ o(c, {
+			"data-icon": "inline-start",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ o(r, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "hidden text-inherit sm:block",
+			children: n ?? u.previous
+		})]
+	});
+}
+function w({ className: e, text: n, strings: i, children: a, ...c }) {
+	let u = g(i);
+	return /* @__PURE__ */ s(S, {
+		"aria-label": u.nextLabel,
+		size: "md",
+		className: t("pagination-primitives--next pr-2! text-pxs", e),
+		...c,
+		children: [/* @__PURE__ */ o(r, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "hidden text-inherit sm:block",
+			children: n ?? u.next
+		}), /* @__PURE__ */ o(l, {
+			"data-icon": "inline-end",
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+export { w as a, m as c, S as i, b as n, C as o, x as r, v as s, y as t };
+
+//# sourceMappingURL=pagination-C29vvt3I.js.map

package/dist/pagination-C29vvt3I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-C29vvt3I.js","names":["PaginationContent","PaginationItem","UIPagination","UIPaginationContent","UIPaginationItem","Text","Pagination","props","cn","className","PaginationContent$1","PaginationItem$1","defaultPaginationStrings","PaginationStringsContext","createContext","usePaginationStrings","inheritedStrings","useContext","useStrings","stringsProp","isSimpleText","value","PaginationPrimitive","ariaLabel","strings","PaginationContent","PaginationEllipsis","MoreHorizontalIcon","label","PaginationItem","PaginationLink","Button","active","children","PaginationPrevious","_children","ChevronLeftIcon","text","PaginationNext","ChevronRightIcon"],"sources":["../src/components/ui/pagination.tsx","../src/components/base/navigation/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\n        \"mx-auto flex w-full justify-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"gap-1 flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"pl-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">\n        {text}\n      </span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pr-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n","import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\nimport { createContext, useContext, type ComponentProps, type ReactNode } from 'react';\n\nimport {\n\tPagination as UIPagination,\n\tPaginationContent as UIPaginationContent,\n\tPaginationItem as UIPaginationItem,\n} from '../../ui/pagination';\nimport { Button, type ButtonProps } from '../buttons';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface PaginationStrings {\n\tnavigationLabel: string;\n\tmorePages: string;\n\tprevious: string;\n\tnext: string;\n\tpreviousLabel: string;\n\tnextLabel: string;\n}\n\nexport const defaultPaginationStrings: PaginationStrings = {\n\tnavigationLabel: 'pagination',\n\tmorePages: 'More pages',\n\tprevious: 'Previous',\n\tnext: 'Next',\n\tpreviousLabel: 'Go to previous page',\n\tnextLabel: 'Go to next page',\n};\n\nconst PaginationStringsContext = createContext<PaginationStrings>(defaultPaginationStrings);\n\nfunction usePaginationStrings(stringsProp?: StringsProp<PaginationStrings>) {\n\tconst inheritedStrings = useContext(PaginationStringsContext);\n\treturn useStrings(inheritedStrings, stringsProp);\n}\n\nexport interface PaginationProps extends ComponentProps<typeof UIPagination> {\n\t/** Pagination items, normally blocks through `PaginationContent`. */\n\tchildren?: ReactNode;\n\t/** Accessible label for the pagination navigation landmark. */\n\t'aria-label'?: string;\n\t/** Additional classes merged with the package pagination root hook. */\n\tclassName?: string;\n\t/** Localizable navigation, direction, and ellipsis labels inherited by compound parts. */\n\tstrings?: StringsProp<PaginationStrings>;\n}\nexport type PaginationContentProps = ComponentProps<typeof UIPaginationContent>;\nexport type PaginationEllipsisProps = ComponentProps<'span'> & {\n\t/** Copy for the control. */\n\tlabel?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\nexport type PaginationItemProps = ComponentProps<typeof UIPaginationItem>;\nexport interface PaginationLinkProps extends Omit<\n\tButtonProps,\n\t'buttonStyle' | 'children' | 'variant'\n> {\n\tchildren?: ReactNode;\n\t/** Marks the current page. */\n\tactive?: boolean;\n}\nexport type PaginationNextProps = PaginationLinkProps & {\n\t/** Visible label for the control. */\n\ttext?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\nexport type PaginationPreviousProps = PaginationLinkProps & {\n\t/** Visible label for the control. */\n\ttext?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/**\n * Tokenized pagination navigation root.\n *\n * Compose it with the exported content, item, link, previous, next, and\n * ellipsis parts when consumers need explicit page navigation markup.\n */\n\nexport function PaginationPrimitive({ className, strings: stringsProp, children, 'aria-label': ariaLabel, ...props }: PaginationProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationStringsContext.Provider value={strings}>\n\t\t\t<UIPagination\n\t\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\t\tclassName={cn('pagination-primitives--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</UIPagination>\n\t\t</PaginationStringsContext.Provider>\n\t);\n}\n\nexport function PaginationContent({ className, ...props }: PaginationContentProps) {\n\treturn (\n\t\t<UIPaginationContent\n\t\t\tclassName={cn('pagination-primitives--content gap-space-2xs', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function PaginationEllipsis({ className, label, strings: stringsProp, ...props }: PaginationEllipsisProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"pagination-ellipsis\"\n\t\t\tclassName={cn('pagination-primitives--ellipsis size-action-sm', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontalIcon className=\"size-icon\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t{label ?? strings.morePages}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nexport function PaginationItem(props: PaginationItemProps) {\n\treturn <UIPaginationItem {...props} />;\n}\n\nexport function PaginationLink({ className, children, active = false, ...props }: PaginationLinkProps) {\n\treturn (\n\t\t<Button\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle={active ? 'outline' : 'ghost'}\n\t\t\taria-current={active ? 'page' : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={active || undefined}\n\t\t\tclassName={cn('pagination-primitives--link text-pxs', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</Button>\n\t);\n}\n\n\nexport function PaginationPrevious({ className, text, strings: stringsProp, children: _children, ...props }: PaginationPreviousProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label={strings.previousLabel}\n\t\t\tsize=\"md\"\n\t\t\tclassName={cn('pagination-primitives--previous pl-2! text-pxs', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon data-icon=\"inline-start\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"hidden text-inherit sm:block\">\n\t\t\t\t{text ?? strings.previous}\n\t\t\t</Text>\n\t\t</PaginationLink>\n\t);\n}\n\n\nexport function PaginationNext({ className, text, strings: stringsProp, children: _children, ...props }: PaginationNextProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label={strings.nextLabel}\n\t\t\tsize=\"md\"\n\t\t\tclassName={cn('pagination-primitives--next pr-2! text-pxs', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"hidden text-inherit sm:block\">\n\t\t\t\t{text ?? strings.next}\n\t\t\t</Text>\n\t\t\t<ChevronRightIcon data-icon=\"inline-end\" aria-hidden=\"true\" />\n\t\t</PaginationLink>\n\t);\n}\n"],"mappings":"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"}

package/dist/popover-TInGXsjg.js

@@ -0,0 +1,194 @@
+"use client";
+import { r as e } from "./theme-scope-kStaAer0.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { a as n } from "./typography-Cv8MT-82.js";
+import { t as r } from "./anchored-positioning-DPnKTvNs.js";
+import { t as i } from "./motion-recipes-B6jKXEcN.js";
+import { t as a } from "./slot-CLF9kLrS.js";
+import { t as o } from "./structure-BvW4vG4H.js";
+import { n as s } from "./surface-recipes-CQfRr-VL.js";
+import { i as c, r as l } from "./popover.recipes-zgBhMlUu.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Popover as p } from "@base-ui/react/popover";
+//#region src/components/ui/popover.tsx
+function m({ ...e }) {
+	return /* @__PURE__ */ d(p.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function h({ asChild: e = !1, nativeButton: t, render: n, children: r, ...i }) {
+	let o = e ? /* @__PURE__ */ d(a, {}) : void 0, s = typeof n == "function" ? ((e, t) => {
+		let { nativeButton: r, ...i } = e;
+		return n(i, t);
+	}) : n, c = !0;
+	e && u.isValidElement(r) && (c = typeof r.type == "string" ? r.type === "button" : !("href" in (r.props ?? {})));
+	let l = t ?? (!e || c);
+	return /* @__PURE__ */ d(p.Trigger, {
+		"data-slot": "popover-trigger",
+		render: o ?? s,
+		nativeButton: l,
+		...i,
+		children: r
+	});
+}
+function g({ asChild: e = !1, ...t }) {
+	return e ? /* @__PURE__ */ d(a, { ...t }) : /* @__PURE__ */ d("span", {
+		"data-slot": "popover-anchor",
+		...t
+	});
+}
+function _({ className: n, container: a, align: o = "center", alignOffset: s = 0, side: c = "bottom", sideOffset: l = 4, disablePortal: f = !1, positionMethod: m = f ? "absolute" : r, onOpenAutoFocus: h, onInteractOutside: g, ..._ }) {
+	let v = e(a), [y, b] = u.useState(null), x = /* @__PURE__ */ d(p.Positioner, {
+		positionMethod: m,
+		align: o,
+		alignOffset: s,
+		side: c,
+		sideOffset: l,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ d(p.Popup, {
+			"data-slot": "popover-content",
+			className: t(i.popup, "bg-popover text-popover-foreground ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 z-50 w-72 origin-(--transform-origin) outline-hidden", n),
+			..._
+		})
+	});
+	return f ? /* @__PURE__ */ d("div", {
+		"data-popover-inline-host": "",
+		className: "contents",
+		ref: b,
+		children: /* @__PURE__ */ d(p.Portal, {
+			container: y,
+			children: x
+		})
+	}) : /* @__PURE__ */ d(p.Portal, {
+		container: v,
+		children: x
+	});
+}
+function v({ className: e, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		"data-slot": "popover-header",
+		className: t("flex flex-col gap-1 text-sm", e),
+		...n
+	});
+}
+function y({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Title, {
+		"data-slot": "popover-title",
+		className: t("font-medium", e),
+		...n
+	});
+}
+function b({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Description, {
+		"data-slot": "popover-description",
+		className: t("text-muted-foreground", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/popover/popover.tsx
+function x(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var S = u.createContext({
+	type: "display",
+	flush: !1,
+	regionOwned: !1
+});
+function C({ className: e, sideOffset: n = 6, inset: r, type: i, style: a, ...o }) {
+	let s = i ?? (r === "compact" ? "menu" : "display");
+	return /* @__PURE__ */ d(S.Provider, {
+		value: {
+			type: s,
+			flush: r === "flush",
+			regionOwned: !1
+		},
+		children: /* @__PURE__ */ d(_, {
+			"data-surface-type": s,
+			sideOffset: n,
+			className: t("popover--component", "gap-space-md max-h-[min(var(--available-height),calc(100dvh-2rem))] max-w-[calc(100vw-2rem)] overflow-y-auto overscroll-contain", l.surface, c[r ?? (s === "menu" ? "compact" : "default")], "[&_button]:active:translate-y-0!", e),
+			style: a,
+			...o
+		})
+	});
+}
+function w({ className: e, children: n, start: r, textGap: i, ...a }) {
+	let c = u.useContext(S), p = i ?? (c.type === "menu" ? "dense" : "normal"), m = c.flush && !c.regionOwned, h = c.type === "menu" && !c.regionOwned, g = r != null && r !== !1;
+	return /* @__PURE__ */ d(v, {
+		className: t("popover-header--component", p === "dense" ? "gap-dense" : "gap-normal", m && (c.type === "menu" ? l.menuRegion : l.display), !m && h && "py-row-y", g && "flex-row items-center gap-space-md", m && s.anchored.header, e),
+		...a,
+		children: /* @__PURE__ */ f(S.Provider, {
+			value: {
+				...c,
+				regionOwned: !0
+			},
+			children: [r, /* @__PURE__ */ d(o, {
+				gap: p,
+				className: t("popover-header--body min-w-0 flex-1", h && !g && "px-row-x"),
+				children: n
+			})]
+		})
+	});
+}
+function T({ children: e, className: r, ...i }) {
+	let a = u.useContext(S).type === "menu";
+	return /* @__PURE__ */ d(y, {
+		className: t("popover-title--component", r),
+		...i,
+		children: x(e) ? /* @__PURE__ */ d(n, {
+			tag: "span",
+			size: a ? void 0 : "base",
+			weight: "semibold",
+			lineHeight: "snug",
+			className: "popover-title--text",
+			children: e
+		}) : e
+	});
+}
+function E({ children: e, className: r, ...i }) {
+	let a = u.useContext(S).type === "menu";
+	return /* @__PURE__ */ d(b, {
+		className: t("popover-description--component", r),
+		...i,
+		children: x(e) ? /* @__PURE__ */ d(n, {
+			tag: "span",
+			type: "secondary",
+			size: a ? "xs" : void 0,
+			lineHeight: a ? "normal" : "relaxed",
+			className: "popover-description--text",
+			children: e
+		}) : e
+	});
+}
+function D({ className: e, children: r, caption: i, ...a }) {
+	let c = u.useContext(S), p = i == null && x(r), m = i ?? (p ? r : void 0);
+	return /* @__PURE__ */ d(o, {
+		direction: "horizontal",
+		gap: "sm",
+		justify: "end",
+		wrap: !0,
+		className: t("popover-footer--component pt-space-sm", s.anchored.footer, c.flush && !c.regionOwned && (c.type === "menu" ? l.menuRegion : l.display), e),
+		...a,
+		children: /* @__PURE__ */ f(S.Provider, {
+			value: {
+				...c,
+				regionOwned: !0
+			},
+			children: [m != null && /* @__PURE__ */ d("div", {
+				className: t("popover-footer--caption me-auto min-w-0 max-w-full", c.type === "menu" && !c.regionOwned && "px-row-x"),
+				children: x(m) ? /* @__PURE__ */ d(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: m
+				}) : m
+			}), !p && r]
+		})
+	});
+}
+//#endregion
+export { T as a, h as c, w as i, E as n, m as o, D as r, g as s, C as t };
+
+//# sourceMappingURL=popover-TInGXsjg.js.map

package/dist/popover-TInGXsjg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-TInGXsjg.js","names":["Popover","PopoverPrimitive","React","PopoverContent","PopoverHeader","PopoverTitle","PopoverDescription","React","PopoverContentPrimitive","PopoverHeaderPrimitive","PopoverTitlePrimitive","PopoverDescriptionPrimitive","useThemePortalContainer","Text","anchoredPositionMethod","motionRecipes","Slot","Stack","surfaceDividerRecipes","surfaceInsetClasses","popoverRecipes","React$1","Popover$1","props","Popover","PopoverTrigger","slotRender","asChild","safeRender","render","_nativeButton","rest","renderProps","state","inferredNativeButton","children","resolvedNativeButton","nativeButton","PopoverAnchor","PopoverContent$1","disablePortal","resolvedContainer","container","inlineHost","setInlineHost","content","cn","className","PopoverHeader$1","PopoverTitle$1","PopoverDescription$1","isSimpleText","value","PopoverSurfaceContext","PopoverContent","resolvedType","type","inset","PopoverHeader","surface","copyGap","textGap","band","menu","hasStart","start","PopoverTitle","compact","PopoverDescription","PopoverFooter","childrenAsCaption","caption"],"sources":["../src/components/ui/popover.tsx","../src/components/base/popover/popover.tsx"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport * as React from \"react\"\n\nimport { Slot } from \"./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  container,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  disablePortal = false,\n  positionMethod = disablePortal ? \"absolute\" : anchoredPositionMethod,\n  onOpenAutoFocus,\n  onInteractOutside,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"positionMethod\"\n  > & {\n    disablePortal?: boolean\n    onOpenAutoFocus?: (event: Event) => void\n    onInteractOutside?: (event: Event) => void\n  } & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  const [inlineHost, setInlineHost] = React.useState<HTMLDivElement | null>(null)\n  void onOpenAutoFocus\n  void onInteractOutside\n\n  const content = (\n    <PopoverPrimitive.Positioner\n      positionMethod={positionMethod}\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          motionRecipes.popup,\n          \"bg-popover text-popover-foreground ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 z-50 w-72 origin-(--transform-origin) outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Positioner>\n  )\n\n  if (disablePortal) {\n    // Base UI requires Portal context; a local host preserves inline DOM locality.\n    return <div data-popover-inline-host=\"\" className=\"contents\" ref={setInlineHost}>\n      <PopoverPrimitive.Portal container={inlineHost}>{content}</PopoverPrimitive.Portal>\n    </div>\n  }\n\n  return <PopoverPrimitive.Portal container={resolvedContainer}>{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","import { surfaceDividerRecipes } from '../../../lib/surface-recipes';\n/**\n * Popover — public wrapper around the internal Base UI popover implementation.\n *\n * What this layer adds on top of the primitive:\n *  - Library-default `sideOffset` (6px) and an explicit inset contract:\n *    card/multi-content popovers use `default`, item collections use\n *    `compact`, and mixed region-owned compositions use `flush`.\n *  - A consistent shadow + border treatment matching the rest of the\n *    library (one semantic border, no extra primitive ring).\n *  - Wraps the primitive parts with stable DOM hooks and adds a separated\n *    footer region while preserving the compound-component pattern:\n *    `<Popover>`, `<PopoverTrigger>`, `<PopoverContent>` exactly as\n *    they would with the primitive.\n *\n * Use the shared inset role for padding; className owns placement. Override\n * `--surface-x` / `--surface-y` / `--space-scale` on a wrapper for surface-wide\n * density tweaks.\n */\nimport * as React from 'react';\n\nimport {\n\tPopover as PopoverPrimitive,\n\tPopoverAnchor,\n\tPopoverContent as PopoverContentPrimitive,\n\tPopoverDescription as PopoverDescriptionPrimitive,\n\tPopoverHeader as PopoverHeaderPrimitive,\n\tPopoverTitle as PopoverTitlePrimitive,\n\tPopoverTrigger,\n} from '../../ui/popover';\nimport { Text } from '../../typography';\nimport { Stack, type TextGap } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { popoverRecipes, surfaceInsetClasses, type PopoverContentType } from './popover.recipes';\nexport type { PopoverContentType } from './popover.recipes';\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\ntype PopoverContentBaseProps = React.ComponentProps<typeof PopoverContentPrimitive>;\n\nexport type PopoverContentInset = 'default' | 'compact' | 'flush';\n\nexport type PopoverContentProps = PopoverContentBaseProps & {\n\t/**\n\t * Surface inset role. `default` is for card-like or multi-content popovers,\n\t * `compact` for pure item/option collections, and `flush` when child regions\n\t * own their padding.\n\t */\n\tinset?: PopoverContentInset;\n\t/** Anatomy role; supplies the inferred inset only when inset is omitted. */\n\ttype?: PopoverContentType;\n};\n\nconst PopoverSurfaceContext = React.createContext({ type: 'display' as PopoverContentType, flush: false, regionOwned: false });\n\n/** Anchored content surface with a semantic inset role and package popover chrome. */\nfunction PopoverContent({\n\tclassName,\n\tsideOffset = 6,\n\tinset,\n\ttype,\n\tstyle,\n\t...props\n}: PopoverContentProps) {\n const resolvedType = type ?? (inset === 'compact' ? 'menu' : 'display');\n return (\n  <PopoverSurfaceContext.Provider value={{ type: resolvedType, flush: inset === 'flush', regionOwned: false }}>\n\t\t<PopoverContentPrimitive\n\t\t\tdata-surface-type={resolvedType}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn('popover--component',\n\t\t\t\t// A popover is a small surface, not a compressed tooltip. The\n\t\t\t\t// unsuffixed surface token is the package-wide default and remains\n\t\t\t\t// responsive to scoped spacing changes.\n\t\t\t\t'gap-space-md max-h-[min(var(--available-height),calc(100dvh-2rem))] max-w-[calc(100vw-2rem)] overflow-y-auto overscroll-contain',\n\t\t\t\tpopoverRecipes.surface,\n\t\t\t\tsurfaceInsetClasses[inset ?? (resolvedType === 'menu' ? 'compact' : 'default')],\n\t\t\t\t// Raw shadcn/Base UI buttons still carry a generic 1px press\n\t\t\t\t// translation. Popovers are stable anchored surfaces; moving a\n\t\t\t\t// calendar day or menu action makes the interaction feel soft.\n\t\t\t\t'[&_button]:active:translate-y-0!',\n\t\t\t\t// The shared recipe owns the semantic hairline border and shadow.\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t/>\n  </PopoverSurfaceContext.Provider>\n\t);\n}\n\ntype PopoverHeaderBaseProps = React.ComponentProps<typeof PopoverHeaderPrimitive> & {\n /** Leading control, aligned with collection highlight edges rather than label text. */\n start?: React.ReactNode;\n /** Copy rhythm. Defaults to dense for menus and normal for display surfaces. */\n textGap?: TextGap;\n};\n\nfunction PopoverHeader({ className, children, start, textGap, ...props }: PopoverHeaderBaseProps) {\n const surface = React.useContext(PopoverSurfaceContext);\n const copyGap = textGap ?? (surface.type === 'menu' ? 'dense' : 'normal');\n const band = surface.flush && !surface.regionOwned;\n const menu = surface.type === 'menu' && !surface.regionOwned;\n const hasStart = start != null && start !== false;\n return (\n\t\t<PopoverHeaderPrimitive\n\t\t\tclassName={cn(\n    'popover-header--component',\n    copyGap === 'dense' ? 'gap-dense' : 'gap-normal',\n    band && (surface.type === 'menu' ? popoverRecipes.menuRegion : popoverRecipes.display),\n    !band && menu && 'py-row-y',\n    hasStart && 'flex-row items-center gap-space-md',\n    band && surfaceDividerRecipes.anchored.header,\n    className,\n   )}\n\t\t\t{...props}\n\t\t>\n   <PopoverSurfaceContext.Provider value={{ ...surface, regionOwned: true }}>\n    {start}\n    <Stack gap={copyGap} className={cn('popover-header--body min-w-0 flex-1', menu && !hasStart && 'px-row-x')}>\n     {children}\n    </Stack>\n   </PopoverSurfaceContext.Provider>\n  </PopoverHeaderPrimitive>\n\t);\n}\n\ntype PopoverTitleBaseProps = React.ComponentProps<typeof PopoverTitlePrimitive>;\n\nfunction PopoverTitle({ children, className, ...props }: PopoverTitleBaseProps) {\n const compact = React.useContext(PopoverSurfaceContext).type === 'menu';\n return (\n\t\t<PopoverTitlePrimitive\n\t\t\tclassName={cn('popover-title--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize={compact ? undefined : 'base'}\n\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\tlineHeight=\"snug\"\n\t\t\t\t\tclassName=\"popover-title--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</PopoverTitlePrimitive>\n\t);\n}\n\ntype PopoverDescriptionBaseProps = React.ComponentProps<typeof PopoverDescriptionPrimitive>;\n\nfunction PopoverDescription({ children, className, ...props }: PopoverDescriptionBaseProps) {\n const compact = React.useContext(PopoverSurfaceContext).type === 'menu';\n return (\n\t\t<PopoverDescriptionPrimitive\n\t\t\tclassName={cn('popover-description--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype=\"secondary\"\n     size={compact ? 'xs' : undefined}\n\t\t\t\t\tlineHeight={compact ? 'normal' : 'relaxed'}\n\t\t\t\t\tclassName=\"popover-description--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</PopoverDescriptionPrimitive>\n\t);\n}\n\ntype PopoverFooterProps = React.ComponentProps<'div'> & {\n /** Leading supporting content, aligned with collection labels; children are trailing actions. */\n caption?: React.ReactNode;\n};\n\nfunction PopoverFooter({ className, children, caption, ...props }: PopoverFooterProps) {\n const surface = React.useContext(PopoverSurfaceContext);\n const childrenAsCaption = caption == null && isSimpleText(children);\n const content = caption ?? (childrenAsCaption ? children : undefined);\n return (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\tgap=\"sm\"\n\t\t\tjustify=\"end\"\n\t\t\twrap\n\t\t\tclassName={cn(\n\t\t\t\t'popover-footer--component pt-space-sm', surfaceDividerRecipes.anchored.footer,\n    surface.flush && !surface.regionOwned && (surface.type === 'menu' ? popoverRecipes.menuRegion : popoverRecipes.display),\n\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n   <PopoverSurfaceContext.Provider value={{ ...surface, regionOwned: true }}>\n    {content != null && <div className={cn('popover-footer--caption me-auto min-w-0 max-w-full', surface.type === 'menu' && !surface.regionOwned && 'px-row-x')}>\n     {isSimpleText(content) ? <Text tag=\"span\" size=\"xs\" type=\"secondary\">{content}</Text> : content}\n    </div>}\n    {!childrenAsCaption && children}\n   </PopoverSurfaceContext.Provider>\n  </Stack>\n\t);\n}\n\nexport {\n\tPopoverPrimitive as Popover,\n\tPopoverAnchor,\n\tPopoverContent,\n\tPopoverDescription,\n\tPopoverFooter,\n\tPopoverHeader,\n\tPopoverTitle,\n\tPopoverTrigger,\n};\n"],"mappings":"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"}

package/dist/popover-menu-BzqXqE72.js

@@ -0,0 +1,99 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { n, t as r } from "./feedback-a9j9J-9A.js";
+import { t as i } from "./collection-content-C4fthJV_.js";
+import { a, i as o, l as s, n as c, o as l, r as u, t as d } from "./command-D0kWBZfd.js";
+import { c as f, i as p, o as m, r as h, t as g } from "./popover-TInGXsjg.js";
+import * as _ from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/base/popover-menu/popover-menu.types.ts
+var x = {
+	searchPlaceholder: "Search…",
+	empty: "No results.",
+	loading: "Loading…",
+	retry: "Retry"
+};
+//#endregion
+//#region src/components/base/popover-menu/popover-menu.tsx
+function S({ density: S = "default", trigger: C, items: w, onSelect: T, open: E, onOpenChange: D, search: O = !0, searchValue: k, onSearchChange: A, loading: j = !1, error: M, onRetry: N, header: P, footer: F, empty: I, loadingSlot: L, renderItem: R, strings: z, align: B = "start", sideOffset: V, contentClassName: H, contentLabel: U, contentLabelledBy: W }) {
+	let G = e(x, z), K = _.useRef(null), q = _.useRef(null), J = _.useRef(!1), Y = _.useRef(null), X = _.useMemo(() => new Map(w.filter((e) => e.searchValue !== void 0).map((e) => [e.value, e.searchValue])), [w]), Z = _.useCallback((e, t, n) => X.has(e) ? s(X.get(e), t) : s(e, t, n), [X]);
+	return /* @__PURE__ */ b(m, {
+		open: E,
+		onOpenChange: (e, t) => {
+			J.current = !e && t.reason === "escape-key", D?.(e);
+		},
+		onOpenChangeComplete: (e) => {
+			!e && J.current && (J.current = !1, q.current?.focus({ preventScroll: !0 }));
+		},
+		children: [/* @__PURE__ */ y(f, {
+			ref: q,
+			render: C
+		}), /* @__PURE__ */ y(g, {
+			ref: Y,
+			"aria-label": W ? void 0 : U ?? G.searchPlaceholder,
+			"aria-labelledby": W,
+			align: B,
+			sideOffset: V,
+			type: "menu",
+			inset: "flush",
+			className: t("popover-menu--component", "w-56 gap-0 overflow-hidden", H),
+			children: /* @__PURE__ */ b(d, {
+				shouldFilter: !A,
+				filter: Z,
+				inset: "flush",
+				className: "popover-menu--collection",
+				children: [
+					!!P && /* @__PURE__ */ y(p, {
+						className: "popover-menu--header",
+						children: P
+					}),
+					!!O && /* @__PURE__ */ y(o, {
+						ref: K,
+						placeholder: G.searchPlaceholder,
+						value: k,
+						onValueChange: A
+					}),
+					/* @__PURE__ */ y(l, {
+						"aria-busy": j || void 0,
+						children: j ? L === void 0 ? /* @__PURE__ */ y(n, { label: G.loading }) : /* @__PURE__ */ y("div", {
+							role: "status",
+							"aria-live": "polite",
+							children: L
+						}) : M ? /* @__PURE__ */ y(r, {
+							variant: "inline",
+							description: M,
+							onRetry: N ? () => {
+								(K.current ?? Y.current)?.focus(), N();
+							} : void 0,
+							retryLabel: G.retry ?? "Retry"
+						}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(c, { children: I ?? G.empty }), w.length > 0 && /* @__PURE__ */ y(u, { children: w.map((e) => /* @__PURE__ */ y(a, {
+							density: S,
+							value: e.value,
+							keywords: e.searchValue === void 0 ? [e.label, e.description].filter((e) => typeof e == "string") : [e.searchValue],
+							onSelect: () => T(e),
+							disabled: e.disabled,
+							"data-checked": e.selected || void 0,
+							className: "data-[checked=true]:**:[svg]:text-primary-accent",
+							children: ({ isHighlighted: t }) => R ? R(e, { isHighlighted: t }) : /* @__PURE__ */ y(i, {
+								label: e.label,
+								description: e.description,
+								leading: e.icon,
+								leadingClassName: "[&_svg]:size-icon"
+							})
+						}, e.value)) })] })
+					}),
+					!!F && /* @__PURE__ */ y(h, {
+						className: "popover-menu--footer justify-start",
+						children: F
+					})
+				]
+			})
+		})]
+	});
+}
+S.displayName = "PopoverMenu";
+//#endregion
+export { x as n, S as t };
+
+//# sourceMappingURL=popover-menu-BzqXqE72.js.map

package/dist/popover-menu-BzqXqE72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-menu-BzqXqE72.js","names":["React","_Fragment","ErrorState","CollectionContent","CommandInput","commandFilter","CommandEmpty","CommandList","CommandGroup","Command","PopoverTrigger","PopoverHeader","Popover","PopoverFooter","PopoverContent","React$1","Fragment$1","defaultPopoverMenuStrings","PopoverMenu","stringsProp","strings","useStrings","searchRef","triggerRef","keyboardDismissal","contentRef","searchOverrides","items","item","filter","value","search","keywords","next","details","onOpenChange","trigger","contentLabelledBy","contentLabel","cn","contentClassName","onSearchChange","header","searchValue","loading","loadingSlot","LoadingState","error","onRetry","empty","CommandItem","onSelect","renderItem","footer"],"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\t/** Unique identifier; remains distinct from visible search labels. */\n\tvalue: string;\n\t/** Visible label rendered in the row. Override entirely via `renderItem`. */\n\tlabel: ReactNode;\n\t/** Optional secondary line rendered under the label. */\n\tdescription?: ReactNode;\n\t/** Leading icon — keep small (size-icon-md/size-icon max). */\n\ticon?: ReactNode;\n\t/** Show the trailing checkmark when `true`. */\n\tselected?: boolean;\n\t/** Disable the row. */\n\tdisabled?: boolean;\n\t/** Explicit search keywords, useful when the label is structured content. */\n\tsearchValue?: string;\n\t/** Arbitrary payload for `onSelect` consumers. */\n\tdata?: T;\n}\n\nexport interface PopoverMenuStrings {\n\t/** Placeholder for the search input (when `search` is enabled). */\n\tsearchPlaceholder: string;\n\t/** Empty-state copy when filtering yields no items. */\n\tempty: string;\n\t/** Loading-state copy. */\n\tloading: string;\n\t/** Retry action copy when a resource fails. */\n\tretry?: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No results.',\n\tloading: 'Loading…',\n\tretry: 'Retry',\n};\n","import { commandFilter } from '../../../lib/command-filter';\n/**\n * PopoverMenu — blocks 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`  — replaces 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 * as React from 'react';\n\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from '../command';\nimport {\n\tPopover,\n\tPopoverContent,\n PopoverHeader,\n PopoverFooter,\n\tPopoverTrigger,\n} from '../popover';\nimport { LoadingState, ErrorState } from '../feedback';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { type CollectionDensity } from '../popover/popover.recipes';\nimport { CollectionContent } from '../popover/collection-content';\n\nimport {\n\tdefaultPopoverMenuStrings,\n\ttype PopoverMenuItem,\n\ttype PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n\t/** True when the item is the user's currently-active match (keyboard or pointer highlight). */\n\tisHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n\t/** Vertical row rhythm. Compact and comfortable preserve primary label size and inline room. */\n\tdensity?: CollectionDensity;\n\t/** Trigger element. The popover anchors to it. Pass any clickable. */\n\ttrigger: React.ReactNode;\n\t/** Items to render in the list. */\n\titems: ReadonlyArray<PopoverMenuItem<T>>;\n\t/** Selection callback — fires on row click / Enter. */\n\tonSelect: (item: PopoverMenuItem<T>) => void;\n\n\t/** Controlled open state. Omit for uncontrolled. */\n\topen?: boolean;\n\t/** Open-state callback for controlled / uncontrolled flows. */\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** Show the search input above the list. Default: true. */\n\tsearch?: boolean;\n\t/** Search input value (controlled). */\n\tsearchValue?: string;\n\t/** Search input change callback. */\n\tonSearchChange?: (value: string) => void;\n\n\t/** Async loading flag — replaces stale options and the empty state. */\n\tloading?: boolean;\n\t/** Resource failure replaces the list. The application owns retry and fetching. */\n\terror?: React.ReactNode;\n\tonRetry?: () => void;\n\n\t/** Optional pre-list slot (e.g. a label / eyebrow). */\n\theader?: React.ReactNode;\n\t/** Optional post-list slot (e.g. confirm / clear buttons). */\n\tfooter?: React.ReactNode;\n\t/** Override empty-state slot (defaults to `strings.empty`). */\n\tempty?: React.ReactNode;\n\t/** Override loading slot (defaults to spinner + `strings.loading`). */\n\tloadingSlot?: React.ReactNode;\n\n\t/** Per-item render override. */\n\trenderItem?: (\n\t\titem: PopoverMenuItem<T>,\n\t\tctx: PopoverMenuRenderItemContext,\n\t) => React.ReactNode;\n\n\t/** Override copy. Deep-merged over defaults. */\n\tstrings?: StringsProp<PopoverMenuStrings>;\n\n\t/** Popover content positioning props (forwarded). */\n\talign?: React.ComponentProps<typeof PopoverContent>['align'];\n\t/** Distance from the trigger, in pixels. */\n\tsideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n\t/** Width override for the popover content. Default: w-56. */\n\tcontentClassName?: string;\n    /** Accessible name for the popup. Defaults to the localized search label. */\n    contentLabel?: string;\n    /** ID of a consumer-owned title used instead of contentLabel. */\n    contentLabelledBy?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n\tdensity = 'default',\n\ttrigger,\n\titems,\n\tonSelect,\n\topen,\n\tonOpenChange,\n\tsearch = true,\n\tsearchValue,\n\tonSearchChange,\n\tloading = false,\n\terror,\n\tonRetry,\n\theader,\n\tfooter,\n\tempty,\n\tloadingSlot,\n\trenderItem,\n\tstrings: stringsProp,\n\talign = 'start',\n\tsideOffset,\n\tcontentClassName,\n    contentLabel,\n    contentLabelledBy,\n}: PopoverMenuProps<T>) {\n\tconst strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\tconst searchRef = React.useRef<HTMLInputElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\tconst keyboardDismissal = React.useRef(false);\n\tconst contentRef = React.useRef<HTMLDivElement>(null);\n    const searchOverrides = React.useMemo(() => new Map(\n        items.filter(item => item.searchValue !== undefined).map(item => [item.value, item.searchValue!]),\n    ), [items]);\n    const filter = React.useCallback((value: string, search: string, keywords?: string[]) => (\n        searchOverrides.has(value)\n            ? commandFilter(searchOverrides.get(value)!, search)\n            : commandFilter(value, search, keywords)\n    ), [searchOverrides]);\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={(next, details) => {\n                keyboardDismissal.current = !next && details.reason === 'escape-key';\n                onOpenChange?.(next);\n            }} onOpenChangeComplete={next => {\n                // Rapid reopen during a focus-out exit can retain Base UI's no-return flag.\n                // Restore only an accepted, completed Escape dismissal; outside focus stays owned.\n                if (!next && keyboardDismissal.current) {\n                    keyboardDismissal.current = false;\n                    triggerRef.current?.focus({ preventScroll: true });\n                }\n            }}>\n\t\t\t<PopoverTrigger ref={triggerRef} render={trigger as React.ReactElement} />\n\t\t\t<PopoverContent\n\t\t\t\tref={contentRef}\n\t\t\t\taria-label={contentLabelledBy ? undefined : contentLabel ?? strings.searchPlaceholder}\n                aria-labelledby={contentLabelledBy}\n                align={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\ttype=\"menu\"\n\t\t\t\tinset=\"flush\"\n\t\t\t\tclassName={cn('popover-menu--component', 'w-56 gap-0 overflow-hidden', contentClassName)}\n\t\t\t>\n\t\t\t\t<Command\n\t\t\t\t\tshouldFilter={!onSearchChange}\n                    filter={filter}\n\t\t\t\t\tinset=\"flush\"\n\t\t\t\t\tclassName=\"popover-menu--collection\"\n\t\t\t\t>\n\t\t\t\t\t{!!header && (\n\t\t\t\t\t\t<PopoverHeader className=\"popover-menu--header\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</PopoverHeader>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!search && (\n\t\t\t\t\t\t<CommandInput\n\t\t\t\t\t\t\tref={searchRef}\n\t\t\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\t\t\tvalue={searchValue}\n\t\t\t\t\t\t\tonValueChange={onSearchChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<CommandList aria-busy={loading || undefined}>\n\t\t\t\t\t\t{loading ? (loadingSlot !== undefined ? <div role=\"status\" aria-live=\"polite\">{loadingSlot}</div> : <LoadingState label={strings.loading} />) : error ? <ErrorState variant=\"inline\" description={error} onRetry={onRetry ? () => {\n                            // Retry feedback is replaced by loading. Keep focus on persistent anatomy\n                            // before its button is removed, including in search-free pickers.\n                            (searchRef.current ?? contentRef.current)?.focus();\n                            onRetry();\n                        } : undefined} retryLabel={strings.retry ?? 'Retry'} /> : <>\n\n\t\t\t\t\t\t<CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n\t\t\t\t\t\t{items.length > 0 && (\n\t\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\tvalue={item.value}\n                                        keywords={item.searchValue !== undefined ? [item.searchValue] : [item.label, item.description].filter((value): value is string => typeof value === 'string')}\n\t\t\t\t\t\t\t\t\t\tonSelect={() => onSelect(item)}\n\t\t\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\t\t\tdata-checked={item.selected || undefined}\n\t\t\t\t\t\t\t\t\t\tclassName=\"data-[checked=true]:**:[svg]:text-primary-accent\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{({ isHighlighted }) => renderItem\n\t\t\t\t\t\t\t\t\t\t\t? renderItem(item, { isHighlighted })\n\t\t\t\t\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\t\t\t\t<CollectionContent label={item.label} description={item.description} leading={item.icon} leadingClassName=\"[&_svg]:size-icon\"/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>}\n\t\t\t\t\t</CommandList>\n\n\t\t\t\t\t{/* The public surface anatomy owns header and footer bands. */}\n\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t<PopoverFooter className=\"popover-menu--footer justify-start\">\n\t\t\t\t\t\t\t{footer}\n\t\t\t\t\t\t</PopoverFooter>\n\t\t\t\t\t)}\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":"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"}

package/dist/popover.recipes-zgBhMlUu.js

@@ -0,0 +1,34 @@
+import { n as e } from "./surface-recipes-CQfRr-VL.js";
+import { t } from "./row-recipes-DL8n7t_b.js";
+//#region src/components/base/popover/popover.recipes.ts
+var n = {
+	surface: `rounded-radius ${e.anchored.shell} bg-popover text-popover-foreground shadow-md ring-0`,
+	display: "p-surface",
+	menu: "p-surface-xs",
+	menuRegion: "px-surface-xs py-space-md",
+	separator: `mx-0 my-space-xs h-px w-full shrink-0 ${e.anchored.separator}`,
+	row: "min-h-control rounded-inner px-row-x gap-space-sm font-medium leading-tight"
+}, r = {
+	default: n.display,
+	compact: n.menu,
+	flush: "p-0"
+}, i = {
+	default: "",
+	compact: "min-h-control-sm",
+	comfortable: "min-h-control-lg"
+};
+function a(e = "default") {
+	return `${n.row} ${i[e]} ${t[e]}`;
+}
+var o = {
+	icons: "[&_svg]:pointer-events-none [&_svg]:size-icon [&_svg]:shrink-0",
+	interactive: "relative flex cursor-default items-center outline-none select-none transition-colors",
+	highlighted: "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground",
+	disabled: "data-disabled:pointer-events-none data-disabled:opacity-50",
+	destructive: "data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:[&_svg]:text-destructive data-[variant=destructive]:data-highlighted:[&_svg]:text-destructive",
+	tableRow: "min-h-action-xs py-space-2xs"
+};
+//#endregion
+export { r as i, a as n, n as r, o as t };
+
+//# sourceMappingURL=popover.recipes-zgBhMlUu.js.map

package/dist/popover.recipes-zgBhMlUu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipes-zgBhMlUu.js","names":["surfaceDividerRecipes","popoverRecipes","surfaceInsetClasses","collectionDensityClasses","collectionRowClasses","density","rowBlockPaddingClasses","collectionRecipes"],"sources":["../src/components/base/popover/popover.recipes.ts"],"sourcesContent":["import { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { rowBlockPaddingClasses, type RowDensity } from '../../../lib/row-recipes';\n/** Shared anchored-surface chrome; Menu and Popover retain their own accessible behavior. */\nexport const popoverRecipes = {\n surface: `rounded-radius ${surfaceDividerRecipes.anchored.shell} bg-popover text-popover-foreground shadow-md ring-0`,\n display: 'p-surface',\n menu: 'p-surface-xs',\n // Collection bands share the list shell; text bodies add the row inset once.\n menuRegion: 'px-surface-xs py-space-md',\n separator: `mx-0 my-space-xs h-px w-full shrink-0 ${surfaceDividerRecipes.anchored.separator}`,\n row: 'min-h-control rounded-inner px-row-x gap-space-sm font-medium leading-tight',\n} as const;\nexport type PopoverContentType = 'display' | 'menu';\n\n/** One surface inset vocabulary for Popover, Command and their collections. */\nexport const surfaceInsetClasses = {\n default: popoverRecipes.display,\n compact: popoverRecipes.menu,\n flush: 'p-0',\n} as const;\n\n/** Collection density changes vertical rhythm; inline room and primary text stay stable. */\nexport type CollectionDensity = RowDensity;\n\nconst collectionDensityClasses: Record<CollectionDensity, string> = {\n default: '',\n compact: 'min-h-control-sm',\n comfortable: 'min-h-control-lg',\n};\n\nexport function collectionRowClasses(density: CollectionDensity = 'default'): string {\n return `${popoverRecipes.row} ${collectionDensityClasses[density]} ${rowBlockPaddingClasses[density]}`;\n}\n\n/** Shared interactive collection states, independent of Menu/listbox state ownership. */\nexport const collectionRecipes = {\n icons: '[&_svg]:pointer-events-none [&_svg]:size-icon [&_svg]:shrink-0',\n interactive: 'relative flex cursor-default items-center outline-none select-none transition-colors',\n highlighted: 'data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground',\n disabled: 'data-disabled:pointer-events-none data-disabled:opacity-50',\n destructive: 'data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:[&_svg]:text-destructive data-[variant=destructive]:data-highlighted:[&_svg]:text-destructive',\n // Compatibility for existing table and overflow-tab ActionMenu consumers.\n tableRow: 'min-h-action-xs py-space-2xs',\n} as const;\n"],"mappings":";;;AAGA,IAAaC,IAAiB;CAC7B,SAAS,kBAAkBD,EAAsB,SAAS,MAAM;CAChE,SAAS;CACT,MAAM;CAEN,YAAY;CACZ,WAAW,yCAAyCA,EAAsB,SAAS;CACnF,KAAK;AACN,GAIaE,IAAsB;CAClC,SAASD,EAAe;CACxB,SAASA,EAAe;CACxB,OAAO;AACR,GAKME,IAA8D;CACnE,SAAS;CACT,SAAS;CACT,aAAa;AACd;AAEA,SAAgBC,EAAqB,IAA6B,WAAmB;CACpF,OAAO,GAAGH,EAAe,IAAI,GAAGE,EAAyBE,GAAS,GAAGC,EAAuBD;AAC7F;AAGA,IAAaE,IAAoB;CAChC,OAAO;CACP,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CAEb,UAAU;AACX"}