themelia-react-ui 1.0.1 → 2.0.0

package/dist/combobox-6dvVny2q.js

@@ -0,0 +1,272 @@
+"use client";
+import { p as e } from "./ui-provider-D2_TeLqw.js";
+import { r as t } from "./theme-scope-kStaAer0.js";
+import { t as n } from "./utils-Cospvlj1.js";
+import { a as r } from "./text.styles-g4He6UIW.js";
+import { t as i } from "./anchored-positioning-DPnKTvNs.js";
+import { t as a } from "./motion-recipes-B6jKXEcN.js";
+import { n as o } from "./surface-recipes-DOdoBXGm.js";
+import { i as s, n as c, r as l, t as u } from "./popover.recipes-wmbvL8Ah.js";
+import { n as d } from "./collection-content-Ys-OZOkY.js";
+import { t as f } from "./overlay.recipes-CNO2S9V6.js";
+import { t as p } from "./field-state-recipes-C-MFBX_8.js";
+import { n as m, t as h } from "./field-affordance-recipes-CkOCdE2y.js";
+import { t as g } from "./editable-text-recipe-Bkm6wKHp.js";
+import { createElement as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CheckIcon as b, ChevronDownIcon as x, XIcon as S } from "lucide-react";
+import { Combobox as C } from "@base-ui/react/combobox";
+//#region src/components/ui/combobox.tsx
+var w = C.Root;
+function T({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Input, {
+		"data-slot": "combobox-input",
+		className: n("font-sans text-foreground", "box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-control w-full min-w-0 rounded-inner border bg-background px-control py-space-xs shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", g.md, p.focus, p.invalid, e),
+		...t
+	});
+}
+function E({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ y(C.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: n("font-sans text-foreground", "box-border border-input file:text-foreground placeholder:text-muted-foreground flex h-control w-full items-center justify-between rounded-inner border bg-background px-control py-space-xs shadow-none transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "text-sm", p.focus, p.invalid, "[&>span]:line-clamp-1", e),
+		...r,
+		children: [t, /* @__PURE__ */ v(C.Icon, {
+			className: "flex",
+			children: /* @__PURE__ */ v(x, { className: n(m.icon.md, "text-muted-foreground") })
+		})]
+	});
+}
+function D({ placeholder: e, ...t }) {
+	return /* @__PURE__ */ v(C.Value, {
+		"data-slot": "combobox-value",
+		placeholder: !!e && /* @__PURE__ */ v("span", {
+			className: "text-muted-foreground",
+			children: e
+		}),
+		...t
+	});
+}
+function O({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Clear, {
+		"data-slot": "combobox-clear",
+		className: n(h.target, h.focus, h.clear, h.centered, "end-control-icon", e),
+		...t,
+		children: /* @__PURE__ */ v(S, { className: h.icon })
+	});
+}
+var k = {
+	sm: "h-control-sm ps-control-sm",
+	md: "h-control ps-control",
+	lg: "h-control-lg ps-control"
+};
+function A({ className: e, showClear: t = !1, size: r = "md", error: i, ...a }) {
+	return /* @__PURE__ */ y("div", {
+		className: "relative h-fit",
+		children: [/* @__PURE__ */ v(C.Input, {
+			"data-slot": "combobox-input",
+			className: n("font-sans text-foreground", "box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-inner border bg-background shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", p.focus, p.invalid, k[r], g[r], t ? m.clearPadding[r] : m.padding[r], e),
+			"aria-invalid": i || void 0,
+			...a
+		}), /* @__PURE__ */ y("div", {
+			className: n("absolute top-1/2 -translate-y-1/2 flex items-center gap-space-xs text-muted-foreground", m.track[r]),
+			children: [!!t && /* @__PURE__ */ v(C.Clear, {
+				"data-slot": "combobox-clear",
+				className: n(h.target, h.focus, h.clear),
+				children: /* @__PURE__ */ v(S, { className: h.icon })
+			}), /* @__PURE__ */ v(C.Trigger, {
+				className: n(h.target, h.focus, h.toggle),
+				children: /* @__PURE__ */ v(x, {
+					"aria-hidden": "true",
+					className: n("shrink-0", m.icon[r])
+				})
+			})]
+		})]
+	});
+}
+function j({ container: e, ...n }) {
+	let r = t(e);
+	return /* @__PURE__ */ v(C.Portal, {
+		container: r,
+		...n
+	});
+}
+function M({ className: e, positionMethod: t = i, sideOffset: r = 4, ...a }) {
+	return /* @__PURE__ */ v(C.Positioner, {
+		positionMethod: t,
+		"data-slot": "combobox-positioner",
+		sideOffset: r,
+		className: n("z-50 outline-none", e),
+		...a
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Popup, {
+		"data-slot": "combobox-popup",
+		className: n("w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]", "overflow-hidden rounded-radius bg-popover text-popover-foreground shadow-md", o.anchored.shell, "origin-[var(--transform-origin)]", a.popup, e),
+		...t
+	});
+}
+function P({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.List, {
+		"data-slot": "combobox-list",
+		className: n("max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-surface-xs", "outline-none empty:hidden", e),
+		...t
+	});
+}
+var F = {
+	sm: "size-icon-sm",
+	md: "size-icon",
+	lg: "size-icon-lg"
+};
+function I({ className: e, children: t, size: r = "md", ...i }) {
+	return /* @__PURE__ */ y(C.Item, {
+		"data-slot": "combobox-item",
+		className: n("flex w-full cursor-default select-none items-center justify-between outline-none", e),
+		...i,
+		children: [/* @__PURE__ */ v("span", {
+			className: "flex min-w-0 flex-1 items-center gap-space-sm truncate",
+			children: t
+		}), /* @__PURE__ */ v(C.ItemIndicator, {
+			className: n("flex shrink-0 items-center justify-center", F[r]),
+			children: /* @__PURE__ */ v(b, { className: F[r] })
+		})]
+	});
+}
+function L({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ v(C.ItemIndicator, {
+		"data-slot": "combobox-item-indicator",
+		className: n(e),
+		...r,
+		children: t ?? /* @__PURE__ */ v(b, { className: "size-icon" })
+	});
+}
+function R({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ v(C.Empty, {
+		"data-slot": "combobox-empty",
+		className: n("px-row-x py-space-xl text-center text-sm text-muted-foreground empty:hidden", e),
+		...r,
+		children: t
+	});
+}
+function z({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Status, {
+		"data-slot": "combobox-status",
+		className: n("flex items-center gap-space-sm px-row-x py-row-y text-sm text-muted-foreground empty:hidden", e),
+		...t
+	});
+}
+function ee({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Group, {
+		"data-slot": "combobox-group",
+		className: n("overflow-hidden p-0", e),
+		...t
+	});
+}
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.GroupLabel, {
+		"data-slot": "combobox-group-label",
+		className: n("px-row-x py-row-y-sm text-xs font-medium text-muted-foreground", e),
+		...t
+	});
+}
+var V = C.Collection;
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Separator, {
+		"data-slot": "combobox-separator",
+		className: n("my-space-xs h-px", o.anchored.separator, e),
+		...t
+	});
+}
+var U = {
+	sm: "min-h-control-sm gap-space-xs px-control-sm py-space-xs text-sm",
+	md: "min-h-control gap-space-xs px-control py-space-xs text-sm",
+	lg: "min-h-control-lg gap-space-sm px-control py-space-xs text-sm"
+};
+function W({ className: e, size: t = "md", error: r, ...i }) {
+	return /* @__PURE__ */ v(C.Chips, {
+		"data-slot": "combobox-chips",
+		className: n("font-sans text-foreground", "box-border flex flex-wrap items-center rounded-inner border border-input bg-background ring-offset-background shadow-none transition-[color,box-shadow] outline-none", "has-[:focus-visible]:border-input has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring", p.invalid, "aria-invalid:has-[:focus-visible]:ring-destructive", U[t], e),
+		"aria-invalid": r || void 0,
+		...i
+	});
+}
+function G({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ y(C.Chip, {
+		"data-slot": "combobox-chip",
+		className: n("inline-flex items-center gap-space-xs rounded-inner bg-secondary px-control-xs py-space-xs text-xs font-medium text-secondary-foreground", "data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground", "focus-within:bg-primary focus-within:text-primary-foreground", e),
+		...r,
+		children: [t, /* @__PURE__ */ v(C.ChipRemove, {
+			className: n(h.inline, h.focus, "text-inherit opacity-70 hover:opacity-100"),
+			children: /* @__PURE__ */ v(S, {
+				"aria-hidden": "true",
+				className: h.icon
+			})
+		})]
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Input, {
+		"data-slot": "combobox-chips-input",
+		className: n("box-border min-w-[80px] flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground", g.md, e),
+		...t
+	});
+}
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Backdrop, {
+		"data-slot": "combobox-backdrop",
+		className: n(f, a.backdrop, e),
+		...t
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ v(C.Arrow, {
+		"data-slot": "combobox-arrow",
+		className: n("fill-popover", e),
+		...t
+	});
+}
+var Y = C.useFilter;
+//#endregion
+//#region src/components/base/combobox/index.ts
+function X({ className: e, ...t }) {
+	return _(N, {
+		...t,
+		className: n(l.surface, s.flush, e)
+	});
+}
+function Z({ className: e, ...t }) {
+	return _(T, {
+		...t,
+		className: n("rounded-inner", e)
+	});
+}
+function Q({ className: e, ...t }) {
+	return _(E, {
+		...t,
+		className: n("rounded-inner", e)
+	});
+}
+var $ = {
+	sm: "compact",
+	md: "default",
+	lg: "comfortable"
+};
+function te({ className: t, size: i = "md", density: a = $[i], children: o, ...s }) {
+	let { defaultTextSize: l } = e(), f = typeof o == "string" || typeof o == "number" || typeof o == "bigint" ? _(d, { children: o }) : o;
+	return _(I, {
+		...s,
+		children: f,
+		size: i,
+		className: n(c(a), u.highlighted, u.disabled, r[l ?? "sm"], t)
+	});
+}
+function ne({ className: e, ...t }) {
+	return _(H, {
+		...t,
+		className: n(l.separator, e)
+	});
+}
+//#endregion
+export { D as C, z as S, A as _, Q as a, j as b, q as c, K as d, O as f, B as g, ee as h, ne as i, G as l, R as m, te as n, w as o, V as p, X as r, J as s, Z as t, W as u, L as v, Y as w, M as x, P as y };
+
+//# sourceMappingURL=combobox-6dvVny2q.js.map

package/dist/combobox-6dvVny2q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-6dvVny2q.js","names":["Combobox","ComboboxPrimitive","ComboboxInput","ComboboxTrigger","ComboboxPopup","ComboboxItem","ComboboxSeparator","Popup","Input","Trigger","Item","Separator","useTypographyConfig","useThemePortalContainer","cn","textSizes","anchoredPositionMethod","motionRecipes","surfaceDividerRecipes","surfaceInsetClasses","collectionRowClasses","popoverRecipes","collectionRecipes","CollectionLabel","modalBackdropRecipe","fieldStateRecipes","selectToggleRecipes","fieldAffordanceRecipes","editableTextSizeClasses","Combobox$1","Combobox","ComboboxInput$1","props","className","ComboboxTrigger$1","children","ChevronDownIcon","ComboboxValue","placeholder","ComboboxClear","XIcon","inputSizeClasses","ComboboxInputTrigger","size","showClear","error","ComboboxPortal","resolvedContainer","container","ComboboxPositioner","ComboboxPopup$1","ComboboxList","itemIndicatorSizeClasses","ComboboxItem$1","CheckIcon","ComboboxItemIndicator","ComboboxEmpty","ComboboxStatus","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxSeparator$1","chipsSizeClasses","ComboboxChips","ComboboxChip","ComboboxChipsInput","ComboboxBackdrop","ComboboxArrow","useComboboxFilter","ComboboxPopup","createElement","ComboboxInput","ComboboxTrigger","densityBySize","ComboboxItem","content","density","defaultTextSize","ComboboxSeparator"],"sources":["../src/components/ui/combobox.tsx","../src/components/base/combobox/index.ts"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { fieldAffordanceRecipes, selectToggleRecipes } from '../../lib/field-affordance-recipes';\nimport { editableTextSizeClasses } from '../../lib/editable-text-recipe';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { surfaceDividerRecipes } from '../../lib/surface-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\nimport { useThemePortalContainer } from '../../lib/theme-scope';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { CheckIcon, ChevronDownIcon, XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nconst Combobox = ComboboxPrimitive.Root;\n\nfunction ComboboxInput({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Input\n\t\t\tdata-slot=\"combobox-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-control w-full min-w-0 rounded-inner border bg-background px-control py-space-xs shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\teditableTextSizeClasses.md,\n\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ComboboxTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Trigger.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Trigger\n\t\t\tdata-slot=\"combobox-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground flex h-control w-full items-center justify-between rounded-inner border bg-background px-control py-space-xs shadow-none transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t'text-sm',\n\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t'[&>span]:line-clamp-1',\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\t<ComboboxPrimitive.Icon className=\"flex\">\n\t\t\t\t<ChevronDownIcon className={cn(selectToggleRecipes.icon.md, 'text-muted-foreground')} />\n\t\t\t</ComboboxPrimitive.Icon>\n\t\t</ComboboxPrimitive.Trigger>\n\t);\n}\n\nfunction ComboboxValue({\n\tplaceholder,\n\t...props\n}: ComboboxPrimitive.Value.Props & { placeholder?: React.ReactNode }) {\n\treturn (\n\t\t<ComboboxPrimitive.Value\n\t\t\tdata-slot=\"combobox-value\"\n\t\t\tplaceholder={\n\t\t\t\t!!placeholder && <span className=\"text-muted-foreground\">{placeholder}</span>\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ComboboxClear({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Clear.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Clear\n\t\t\tdata-slot=\"combobox-clear\"\n\t\t\tclassName={cn(\n\t\t\t\tfieldAffordanceRecipes.target,\n\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\tfieldAffordanceRecipes.clear,\n\t\t\t\tfieldAffordanceRecipes.centered,\n\t\t\t\t'end-control-icon',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t\t<XIcon className={fieldAffordanceRecipes.icon} />\n\t\t</ComboboxPrimitive.Clear>\n\t);\n}\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\n\nconst inputSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'h-control-sm ps-control-sm',\n\tmd: 'h-control ps-control',\n\tlg: 'h-control-lg ps-control',\n};\n\n\n// Toggle-only text clearance, track offset and chevron scale come from the\n// shared select-toggle recipe, so this input, the Select trigger and the\n// feature Combobox centre their chevrons in the same place.\n\ntype ComboboxInputTriggerProps = Omit<ComboboxPrimitive.Input.Props, 'size'> & {\n\tshowClear?: boolean;\n\tsize?: ComboboxSize;\n\terror?: boolean;\n};\n\nfunction ComboboxInputTrigger({\n\tclassName,\n\tshowClear = false,\n\tsize = 'md',\n\terror,\n\t...props\n}: ComboboxInputTriggerProps) {\n\treturn (\n\t\t<div className=\"relative h-fit\">\n\t\t\t<ComboboxPrimitive.Input\n\t\t\t\tdata-slot=\"combobox-input\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'font-sans text-foreground',\n\t\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-inner border bg-background shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\tinputSizeClasses[size],\n\t\t\t\t\teditableTextSizeClasses[size],\n\t\t\t\t\tshowClear ? selectToggleRecipes.clearPadding[size] : selectToggleRecipes.padding[size],\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\taria-invalid={error || undefined}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'absolute top-1/2 -translate-y-1/2 flex items-center gap-space-xs text-muted-foreground',\n\t\t\t\t\tselectToggleRecipes.track[size]\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!showClear && (\n                    <ComboboxPrimitive.Clear\n\t\t\t\t\t\tdata-slot=\"combobox-clear\"\n\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.clear)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon className={fieldAffordanceRecipes.icon} />\n\t\t\t\t\t</ComboboxPrimitive.Clear>\n   )}\n\t\t\t\t<ComboboxPrimitive.Trigger className={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.toggle)}>\n\t\t\t\t\t<ChevronDownIcon aria-hidden=\"true\" className={cn('shrink-0', selectToggleRecipes.icon[size])} />\n\t\t\t\t</ComboboxPrimitive.Trigger>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// Portal\nfunction ComboboxPortal({ container, ...props }: ComboboxPrimitive.Portal.Props) {\n\tconst resolvedContainer = useThemePortalContainer(container);\n\treturn <ComboboxPrimitive.Portal container={resolvedContainer} {...props} />;\n}\n\n// Positioner\nfunction ComboboxPositioner({\n\tclassName,\n\tpositionMethod = anchoredPositionMethod,\n\tsideOffset = 4,\n\t...props\n}: ComboboxPrimitive.Positioner.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Positioner\n\t\t\tpositionMethod={positionMethod}\n\t\t\tdata-slot=\"combobox-positioner\"\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn('z-50 outline-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Popup (content)\nfunction ComboboxPopup({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Popup.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Popup\n\t\t\tdata-slot=\"combobox-popup\"\n\t\t\tclassName={cn(\n\t\t\t\t'w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]',\n\t\t\t\t'overflow-hidden rounded-radius bg-popover text-popover-foreground shadow-md',\n\t\t\t\tsurfaceDividerRecipes.anchored.shell,\n\t\t\t\t'origin-[var(--transform-origin)]',\n\t\t\t\tmotionRecipes.popup,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// List\nfunction ComboboxList({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.List.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.List\n\t\t\tdata-slot=\"combobox-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-surface-xs',\n\t\t\t\t'outline-none empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Item\n//\n// Layout: `[content][indicator]` with the selection check pinned to the\n// right (`justify-between`). Consumers render leading icons naturally inside\n// `renderItem` — the `gap` between icon and label is set by the consumer.\nconst itemIndicatorSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'size-icon-sm',\n\tmd: 'size-icon',\n\tlg: 'size-icon-lg',\n};\n\nfunction ComboboxItem({\n\tclassName,\n\tchildren,\n\tsize = 'md',\n\t...props\n}: ComboboxPrimitive.Item.Props & { size?: ComboboxSize }) {\n\treturn (\n\t\t<ComboboxPrimitive.Item\n\t\t\tdata-slot=\"combobox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full cursor-default select-none items-center justify-between outline-none',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"flex min-w-0 flex-1 items-center gap-space-sm truncate\">\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t<ComboboxPrimitive.ItemIndicator\n\t\t\t\tclassName={cn(\n\t\t\t\t\t// The selection check uses the row's own ink, as Select options do.\n\t\t\t\t\t'flex shrink-0 items-center justify-center',\n\t\t\t\t\titemIndicatorSizeClasses[size]\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<CheckIcon className={itemIndicatorSizeClasses[size]} />\n\t\t\t</ComboboxPrimitive.ItemIndicator>\n\t\t</ComboboxPrimitive.Item>\n\t);\n}\n\n// Item Indicator (standalone)\nfunction ComboboxItemIndicator({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.ItemIndicator.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.ItemIndicator\n\t\t\tdata-slot=\"combobox-item-indicator\"\n\t\t\tclassName={cn(className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <CheckIcon className=\"size-icon\" />}\n\t\t</ComboboxPrimitive.ItemIndicator>\n\t);\n}\n\n// Empty\nfunction ComboboxEmpty({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Empty.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Empty\n\t\t\tdata-slot=\"combobox-empty\"\n\t\t\tclassName={cn(\n\t\t\t\t'px-row-x py-space-xl text-center text-sm text-muted-foreground empty:hidden',\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</ComboboxPrimitive.Empty>\n\t);\n}\n\n// Status (for async loading states)\nfunction ComboboxStatus({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Status.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Status\n\t\t\tdata-slot=\"combobox-status\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex items-center gap-space-sm px-row-x py-row-y text-sm text-muted-foreground empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Group\nfunction ComboboxGroup({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Group.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Group\n\t\t\tdata-slot=\"combobox-group\"\n\t\t\tclassName={cn('overflow-hidden p-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Group Label\nfunction ComboboxGroupLabel({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.GroupLabel\n\t\t\tdata-slot=\"combobox-group-label\"\n\t\t\tclassName={cn('px-row-x py-row-y-sm text-xs font-medium text-muted-foreground', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Collection (for rendering items)\nconst ComboboxCollection = ComboboxPrimitive.Collection;\n\n// Separator\nfunction ComboboxSeparator({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Separator.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Separator\n\t\t\tdata-slot=\"combobox-separator\"\n\t\t\tclassName={cn('my-space-xs h-px', surfaceDividerRecipes.anchored.separator, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Chips container (for multiple selection)\nconst chipsSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'min-h-control-sm gap-space-xs px-control-sm py-space-xs text-sm',\n\tmd: 'min-h-control gap-space-xs px-control py-space-xs text-sm',\n\tlg: 'min-h-control-lg gap-space-sm px-control py-space-xs text-sm',\n};\n\nfunction ComboboxChips({\n\tclassName,\n\tsize = 'md',\n\terror,\n\t...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & {\n\tsize?: ComboboxSize;\n\terror?: boolean;\n}) {\n\treturn (\n\t\t<ComboboxPrimitive.Chips\n\t\t\tdata-slot=\"combobox-chips\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border flex flex-wrap items-center rounded-inner border border-input bg-background ring-offset-background shadow-none transition-[color,box-shadow] outline-none',\n\t\t\t\t'has-[:focus-visible]:border-input has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring',\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t'aria-invalid:has-[:focus-visible]:ring-destructive',\n\t\t\t\tchipsSizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-invalid={error || undefined}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Chip\nfunction ComboboxChip({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Chip.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Chip\n\t\t\tdata-slot=\"combobox-chip\"\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex items-center gap-space-xs rounded-inner bg-secondary px-control-xs py-space-xs text-xs font-medium text-secondary-foreground',\n\t\t\t\t'data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground',\n\t\t\t\t'focus-within:bg-primary focus-within:text-primary-foreground',\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\t<ComboboxPrimitive.ChipRemove className={cn(fieldAffordanceRecipes.inline, fieldAffordanceRecipes.focus, 'text-inherit opacity-70 hover:opacity-100')}>\n\t\t\t\t<XIcon aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t\t</ComboboxPrimitive.ChipRemove>\n\t\t</ComboboxPrimitive.Chip>\n\t);\n}\n\n// Chips Input\nfunction ComboboxChipsInput({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Input\n\t\t\tdata-slot=\"combobox-chips-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'box-border min-w-[80px] flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground',\n\t\t\t\teditableTextSizeClasses.md,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Backdrop (for modal)\nfunction ComboboxBackdrop({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Backdrop.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Backdrop\n\t\t\tdata-slot=\"combobox-backdrop\"\n\t\t\tclassName={cn(modalBackdropRecipe, \n\t\t\t\tmotionRecipes.backdrop,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Arrow\nfunction ComboboxArrow({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Arrow.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Arrow\n\t\t\tdata-slot=\"combobox-arrow\"\n\t\t\tclassName={cn('fill-popover', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// useFilter hook re-export\nconst useComboboxFilter = ComboboxPrimitive.useFilter;\n\nexport {\n\tCombobox,\n\tComboboxInput,\n\tComboboxInputTrigger,\n\tComboboxTrigger,\n\tComboboxValue,\n\tComboboxClear,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxPopup,\n\tComboboxList,\n\tComboboxItem,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxSeparator,\n\tComboboxChips,\n\tComboboxChip,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n};\n","import { CollectionLabel } from '../popover/collection-content';\n/**\n * Base wrapper for `ui/combobox`.\n *\n * This family is the sole importer of `@/components/ui/combobox`: it re-exports\n * the Base UI combobox anatomy untouched so every other layer composes the\n * parts without reaching into `ui/`. The searchable recipe built on top of this\n * anatomy — `Combobox`, `MultiCombobox`, `AsyncResourceCombobox`, and the\n * headless hooks — lives in `features/combobox`.\n *\n * The compound root is exported as `ComboboxRoot` so the canonical `Combobox`\n * name stays with the opinionated feature component.\n */\nexport {\n\tCombobox as ComboboxRoot,\n\tComboboxInputTrigger,\n\tComboboxValue,\n\tComboboxClear,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxList,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxChips,\n\tComboboxChip,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n} from '../../ui/combobox';\n\n\nimport { createElement, type ComponentProps } from 'react';\nimport { ComboboxItem as Item, ComboboxPopup as Popup, ComboboxInput as Input, ComboboxTrigger as Trigger, ComboboxSeparator as Separator } from '../../ui/combobox';\nimport { cn } from '../../../lib/utils';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, surfaceInsetClasses, type CollectionDensity } from '../popover/popover.recipes';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { textSizes } from '../../typography/text.styles';\n\nexport function ComboboxPopup({ className, ...props }: ComponentProps<typeof Popup>) {\n // The list owns the collection inset so mixed search/status/footer regions stay flush.\n return createElement(Popup, { ...props, className: cn(popoverRecipes.surface, surfaceInsetClasses.flush, className) });\n}\nexport function ComboboxInput({ className, ...props }: ComponentProps<typeof Input>) {\n return createElement(Input, { ...props, className: cn('rounded-inner', className) });\n}\nexport function ComboboxTrigger({ className, ...props }: ComponentProps<typeof Trigger>) {\n return createElement(Trigger, { ...props, className: cn('rounded-inner', className) });\n}\n\nconst densityBySize = { sm: 'compact', md: 'default', lg: 'comfortable' } as const;\n\nexport function ComboboxItem({ className, size = 'md', density = densityBySize[size], children, ...props }: ComponentProps<typeof Item> & {\n /** Vertical option rhythm. Defaults to the owning control size's rhythm. */\n density?: CollectionDensity;\n}) {\n const { defaultTextSize } = useTypographyConfig();\n const content = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint' ? createElement(CollectionLabel, { children }) : children;\n return createElement(Item, { ...props, children: content, size, className: cn(collectionRowClasses(density), collectionRecipes.highlighted, collectionRecipes.disabled, textSizes[defaultTextSize ?? 'sm'], className) });\n}\n\n/** Shared collection divider, preserving Base UI separator semantics. */\nexport function ComboboxSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n return createElement(Separator, { ...props, className: cn(popoverRecipes.separator, className) });\n}\n"],"mappings":"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"}