themelia-react-ui 2.0.6 → 3.0.0

package/dist/{collection-content-CSnwtOTH.js → collection-content-D7SoDlYd.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-DhuoqFy4.js";
-import { c as t } from "./typography-C7-YMW1S.js";
+import { t as e } from "./utils-BVbAG2J6.js";
+import { c as t } from "./typography-C0dELqYV.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/base/popover/collection-content.tsx
 function i(e) {
@@ -50,4 +50,4 @@ function o({ label: i, description: o, leading: s, trailing: c, leadingDecorativ
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=collection-content-CSnwtOTH.js.map
+//# sourceMappingURL=collection-content-D7SoDlYd.js.map

package/dist/{collection-content-CSnwtOTH.js.map → collection-content-D7SoDlYd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"collection-content-CSnwtOTH.js","names":["cn","Text","isScalar","value","CollectionLabel","children","className","CollectionContent","copyFlow","wrap","leading","leadingDecorative","leadingClassName","bodyClassName","labelClassName","label","description","descriptionClassName","trailing"],"sources":["../src/components/base/popover/collection-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isScalar(value: ReactNode) {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Presentation only. Interactive primitives retain identity and behavior. */\nexport function CollectionLabel({ children, className }: { children: ReactNode; className?: string }) {\n\tif (typeof children === 'string' && !children.trim()) return children;\n\tif (!isScalar(children)) return className ? <span className={className}>{children}</span> : children;\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('text-inherit text-start', className)}>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\ninterface CollectionContentProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tleading?: ReactNode;\n\ttrailing?: ReactNode;\n\tleadingDecorative?: boolean;\n\twrap?: boolean;\n\tclassName?: string;\n\tleadingClassName?: string;\n\tbodyClassName?: string;\n\tlabelClassName?: string;\n\tdescriptionClassName?: string;\n}\n\n/** Private copy grammar shared by option/action owners; rich slots are not cloned. */\nexport function CollectionContent({\n\tlabel, description, leading, trailing, leadingDecorative = false, wrap = false,\n\tclassName, leadingClassName, bodyClassName, labelClassName, descriptionClassName,\n}: CollectionContentProps) {\n\tconst copyFlow = wrap ? 'whitespace-normal wrap-anywhere' : 'truncate';\n\treturn (\n\t\t<span className={cn('collection-content--component flex min-w-0 flex-1 items-center gap-space-sm', className)}>\n\t\t\t{leading != null && leading !== false && (\n\t\t\t\t<span aria-hidden={leadingDecorative || undefined} className={cn('inline-flex shrink-0 items-center justify-center text-muted-foreground', leadingClassName)}>\n\t\t\t\t\t{leading}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<span className={cn('collection-content--copy flex min-w-0 flex-1 flex-col gap-dense', bodyClassName)}>\n\t\t\t\t<CollectionLabel className={cn('min-w-0', copyFlow, labelClassName)}>{label}</CollectionLabel>\n\t\t\t\t{description != null && description !== false && description !== '' && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\" className={cn('text-start', copyFlow, descriptionClassName)}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{trailing}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAASE,EAAS,GAAkB;CACnC,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CAGrG,OAFI,OAAOC,KAAa,YAAY,CAACA,EAAS,KAAK,IAAUA,IACxDH,EAASG,CAAQ,IAErB,kBAACJ,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAWD,EAAG,2BAA2BM,CAAS;EACnH;CACI,CAAA,IAJyBA,IAAY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA,IAAID;AAM7F;AAiBA,SAAgBE,EAAkB,EACjC,UAAO,gBAAa,YAAS,aAAU,uBAAoB,IAAO,UAAO,IACzE,cAAW,qBAAkB,kBAAe,mBAAgB,2BAClC;CAC1B,IAAMC,IAAWC,IAAO,oCAAoC;CAC5D,OACC,kBAAC,QAAD;EAAM,WAAWT,EAAG,+EAA+EM,CAAS;EAA5G,UAAA;GACEI,KAAW,QAAQA,MAAY,MAC/B,kBAAC,QAAD;IAAM,eAAaC,KAAqB,KAAA;IAAW,WAAWX,EAAG,0EAA0EY,CAAgB;IACzJ,UAAAF;GACI,CAAA;GAEP,kBAAC,QAAD;IAAM,WAAWV,EAAG,mEAAmEa,CAAa;IAApG,UAAA,CACC,kBAACT,GAAD;KAAiB,WAAWJ,EAAG,WAAWQ,GAAUM,CAAc;KAAI,UAAAC;IAAuB,CAAA,GAC5FC,KAAe,QAAQA,MAAgB,MAASA,MAAgB,MAChE,kBAACf,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,YAAW;KAAQ,WAAWD,EAAG,cAAcQ,GAAUS,CAAoB;KACvH,UAAAD;IACI,CAAA,CAEF;;GACLE;EACI;;AAER"}
+{"version":3,"file":"collection-content-D7SoDlYd.js","names":["cn","Text","isScalar","value","CollectionLabel","children","className","CollectionContent","copyFlow","wrap","leading","leadingDecorative","leadingClassName","bodyClassName","labelClassName","label","description","descriptionClassName","trailing"],"sources":["../src/components/base/popover/collection-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isScalar(value: ReactNode) {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Presentation only. Interactive primitives retain identity and behavior. */\nexport function CollectionLabel({ children, className }: { children: ReactNode; className?: string }) {\n\tif (typeof children === 'string' && !children.trim()) return children;\n\tif (!isScalar(children)) return className ? <span className={className}>{children}</span> : children;\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('text-inherit text-start', className)}>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\ninterface CollectionContentProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tleading?: ReactNode;\n\ttrailing?: ReactNode;\n\tleadingDecorative?: boolean;\n\twrap?: boolean;\n\tclassName?: string;\n\tleadingClassName?: string;\n\tbodyClassName?: string;\n\tlabelClassName?: string;\n\tdescriptionClassName?: string;\n}\n\n/** Private copy grammar shared by option/action owners; rich slots are not cloned. */\nexport function CollectionContent({\n\tlabel, description, leading, trailing, leadingDecorative = false, wrap = false,\n\tclassName, leadingClassName, bodyClassName, labelClassName, descriptionClassName,\n}: CollectionContentProps) {\n\tconst copyFlow = wrap ? 'whitespace-normal wrap-anywhere' : 'truncate';\n\treturn (\n\t\t<span className={cn('collection-content--component flex min-w-0 flex-1 items-center gap-space-sm', className)}>\n\t\t\t{leading != null && leading !== false && (\n\t\t\t\t<span aria-hidden={leadingDecorative || undefined} className={cn('inline-flex shrink-0 items-center justify-center text-muted-foreground', leadingClassName)}>\n\t\t\t\t\t{leading}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<span className={cn('collection-content--copy flex min-w-0 flex-1 flex-col gap-dense', bodyClassName)}>\n\t\t\t\t<CollectionLabel className={cn('min-w-0', copyFlow, labelClassName)}>{label}</CollectionLabel>\n\t\t\t\t{description != null && description !== false && description !== '' && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\" className={cn('text-start', copyFlow, descriptionClassName)}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{trailing}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAASE,EAAS,GAAkB;CACnC,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CAGrG,OAFI,OAAOC,KAAa,YAAY,CAACA,EAAS,KAAK,IAAUA,IACxDH,EAASG,CAAQ,IAErB,kBAACJ,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAWD,EAAG,2BAA2BM,CAAS;EACnH;CACI,CAAA,IAJyBA,IAAY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA,IAAID;AAM7F;AAiBA,SAAgBE,EAAkB,EACjC,UAAO,gBAAa,YAAS,aAAU,uBAAoB,IAAO,UAAO,IACzE,cAAW,qBAAkB,kBAAe,mBAAgB,2BAClC;CAC1B,IAAMC,IAAWC,IAAO,oCAAoC;CAC5D,OACC,kBAAC,QAAD;EAAM,WAAWT,EAAG,+EAA+EM,CAAS;EAA5G,UAAA;GACEI,KAAW,QAAQA,MAAY,MAC/B,kBAAC,QAAD;IAAM,eAAaC,KAAqB,KAAA;IAAW,WAAWX,EAAG,0EAA0EY,CAAgB;IACzJ,UAAAF;GACI,CAAA;GAEP,kBAAC,QAAD;IAAM,WAAWV,EAAG,mEAAmEa,CAAa;IAApG,UAAA,CACC,kBAACT,GAAD;KAAiB,WAAWJ,EAAG,WAAWQ,GAAUM,CAAc;KAAI,UAAAC;IAAuB,CAAA,GAC5FC,KAAe,QAAQA,MAAgB,MAASA,MAAgB,MAChE,kBAACf,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,YAAW;KAAQ,WAAWD,EAAG,cAAcQ,GAAUS,CAAoB;KACvH,UAAAD;IACI,CAAA,CAEF;;GACLE;EACI;;AAER"}

package/dist/combobox-Dl6f6kHz.js

@@ -0,0 +1,362 @@
+"use client";
+import { a as e, y as t } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { t as i } from "./affordance-geometry.generated-P-aVJisu.js";
+import { s as a } from "./text.styles-B64My8RZ.js";
+import { n as o, t as s } from "./anchored-positioning-1U_eBFNx.js";
+import { t as c } from "./portal-recipes-BPeS4rGB.js";
+import { t as l } from "./motion-recipes-CUc_aHuG.js";
+import { s as u } from "./surface-recipes-DV6rrOFq.js";
+import { a as d, n as ee, r as f, t as p } from "./popover.recipes-BqkdvlZn.js";
+import { n as m } from "./collection-content-D7SoDlYd.js";
+import { t as te } from "./overlay.recipes-8GHqmlb4.js";
+import { t as h } from "./field-state-recipes-EtCxpEy3.js";
+import { i as g, n as _, r as v, t as y } from "./field-affordance-recipes-DfbMadot.js";
+import { t as b } from "./editable-text-recipe-Cn61kEcv.js";
+import * as x from "react";
+import { createElement as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { CheckIcon as E, ChevronDownIcon as D } from "lucide-react";
+import { useRender as O } from "@base-ui/react/use-render";
+import { Combobox as k } from "@base-ui/react/combobox";
+//#region src/components/ui/combobox-dismiss.tsx
+var A = x.createContext("Dismiss");
+function j({ elementProps: e, render: t, edge: n, defaultTagName: r }) {
+	let i = x.useContext(A), a = x.useRef(null);
+	x.useLayoutEffect(() => {
+		let e = a.current, t = n === "before" ? e?.previousElementSibling : e?.nextElementSibling;
+		t?.matches("span[role=\"button\"][aria-label]") && t.style.clipPath === "inset(50%)" && t.getAttribute("aria-label") !== i && t.setAttribute("aria-label", i);
+	});
+	let o = O({
+		defaultTagName: r,
+		render: t,
+		props: { ...e }
+	}), s = /* @__PURE__ */ w("template", {
+		ref: a,
+		"data-combobox-dismiss-edge": n
+	});
+	return n === "before" ? /* @__PURE__ */ T(C, { children: [s, o] }) : /* @__PURE__ */ T(C, { children: [o, s] });
+}
+//#endregion
+//#region src/components/ui/combobox.tsx
+function M({ dismissLabel: e = "Dismiss", ...t }) {
+	return /* @__PURE__ */ w(A.Provider, {
+		value: e,
+		children: /* @__PURE__ */ w(k.Root, { ...t })
+	});
+}
+function N({ render: e, ...t }) {
+	return /* @__PURE__ */ w(k.Input, {
+		...t,
+		render: (t, n) => /* @__PURE__ */ w(j, {
+			elementProps: t,
+			edge: "before",
+			defaultTagName: "input",
+			render: typeof e == "function" ? (t) => e(t, n) : e
+		})
+	});
+}
+function P({ className: e, render: t, ...n }) {
+	return /* @__PURE__ */ w(N, {
+		"data-slot": "combobox-input",
+		className: r("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-radius border bg-transparent px-control 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", i.controlTextMinHeight, i.controlBlockPadding.md, b.md, h.focus, h.invalid, e),
+		...n,
+		render: t
+	});
+}
+function F({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ T(k.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: r("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-radius border bg-transparent px-control shadow-none transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "text-sm", i.controlTextMinHeight, i.controlBlockPadding.md, h.focus, h.invalid, "[&>span]:line-clamp-1", e),
+		...n,
+		children: [t, /* @__PURE__ */ w(k.Icon, {
+			className: "flex",
+			children: /* @__PURE__ */ w(D, { className: r(v.icon.md, "text-muted-foreground") })
+		})]
+	});
+}
+function I({ placeholder: e, ...t }) {
+	return /* @__PURE__ */ w(k.Value, {
+		"data-slot": "combobox-value",
+		placeholder: !!e && /* @__PURE__ */ w("span", {
+			className: "text-muted-foreground",
+			children: e
+		}),
+		...t
+	});
+}
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.Clear, {
+		"data-slot": "combobox-clear",
+		className: r(_.target, _.focus, _.clear, _.centered, "end-control-icon", e),
+		...t,
+		children: /* @__PURE__ */ w(y, {
+			"aria-hidden": "true",
+			className: _.icon
+		})
+	});
+}
+var R = {
+	sm: "h-control-sm ps-control-sm",
+	md: "h-control ps-control",
+	lg: "h-control-lg ps-control"
+};
+function z({ className: e, render: t, showClear: n = !1, clearLabel: a, toggleLabel: o, size: s = "md", error: c, ...l }) {
+	return /* @__PURE__ */ T("div", {
+		className: "relative h-fit",
+		children: [/* @__PURE__ */ w(N, {
+			"data-slot": "combobox-input",
+			className: r("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-radius border bg-transparent 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", h.focus, h.invalid, R[s], i.controlTextMinHeight, i.controlBlockPadding[s], b[s], n ? v.clearPadding[s] : v.padding[s], e),
+			"aria-invalid": c || void 0,
+			...l,
+			render: t
+		}), /* @__PURE__ */ T("div", {
+			className: r("absolute top-1/2 -translate-y-1/2 flex items-center gap-space-xs text-muted-foreground", v.track[s]),
+			children: [!!n && /* @__PURE__ */ w(k.Clear, {
+				"aria-label": a,
+				"data-slot": "combobox-clear",
+				className: r(_.target, _.focus, _.clear),
+				children: /* @__PURE__ */ w(y, {
+					"aria-hidden": "true",
+					className: _.icon
+				})
+			}), /* @__PURE__ */ w(k.Trigger, {
+				"aria-label": o,
+				className: r(_.target, _.focus, _.toggle),
+				children: /* @__PURE__ */ w(D, {
+					"aria-hidden": "true",
+					className: r("shrink-0", v.icon[s])
+				})
+			})]
+		})]
+	});
+}
+function B({ container: t, className: n, ...r }) {
+	let i = e(t);
+	return /* @__PURE__ */ w(k.Portal, {
+		container: i,
+		className: c(n),
+		...r
+	});
+}
+function V({ className: e, positionMethod: t = o, sideOffset: n = 4, ...i }) {
+	return /* @__PURE__ */ w(k.Positioner, {
+		positionMethod: t,
+		"data-slot": "combobox-positioner",
+		sideOffset: n,
+		className: r("z-50 outline-none", e),
+		...i
+	});
+}
+function H({ className: e, render: t, ...n }) {
+	return /* @__PURE__ */ w(k.Popup, {
+		"data-slot": "combobox-popup",
+		className: r("w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)]", s.lg, "overflow-hidden rounded-surface bg-popover text-popover-foreground shadow-md", u.anchored.shell, "origin-[var(--transform-origin)]", l.popup, e),
+		...n,
+		render: (e, n) => /* @__PURE__ */ w(j, {
+			elementProps: e,
+			edge: "after",
+			defaultTagName: "div",
+			render: typeof t == "function" ? (e) => t(e, n) : t
+		})
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.List, {
+		"data-slot": "combobox-list",
+		className: r(s.lg, "overflow-y-auto overscroll-contain", "outline-none empty:hidden", e),
+		...t
+	});
+}
+var W = {
+	sm: "size-icon-sm",
+	md: "size-icon",
+	lg: "size-icon-lg"
+};
+function G({ className: e, children: t, size: n = "md", ...i }) {
+	return /* @__PURE__ */ T(k.Item, {
+		"data-slot": "combobox-item",
+		className: r("flex w-full cursor-default select-none items-center justify-between outline-none", e),
+		...i,
+		children: [/* @__PURE__ */ w("span", {
+			className: "flex min-w-0 flex-1 items-center gap-space-sm truncate",
+			children: t
+		}), /* @__PURE__ */ w(k.ItemIndicator, {
+			className: r("flex shrink-0 items-center justify-center", W[n]),
+			children: /* @__PURE__ */ w(E, { className: W[n] })
+		})]
+	});
+}
+function K({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ w(k.ItemIndicator, {
+		"data-slot": "combobox-item-indicator",
+		className: r(e),
+		...n,
+		children: t ?? /* @__PURE__ */ w(E, { className: "size-icon" })
+	});
+}
+function q({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ w(k.Empty, {
+		"data-slot": "combobox-empty",
+		className: r("px-row-x py-space-xl text-center text-sm text-muted-foreground empty:hidden", e),
+		...n,
+		children: t
+	});
+}
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.Status, {
+		"data-slot": "combobox-status",
+		className: r("flex items-center gap-space-sm px-row-x py-row-y text-sm text-muted-foreground empty:hidden", e),
+		...t
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.Group, {
+		"data-slot": "combobox-group",
+		className: r("overflow-hidden p-0", e),
+		...t
+	});
+}
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.GroupLabel, {
+		"data-slot": "combobox-group-label",
+		className: r("px-row-x py-row-y-sm text-xs font-medium text-muted-foreground", e),
+		...t
+	});
+}
+var X = k.Collection;
+function Z({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.Separator, {
+		"data-slot": "combobox-separator",
+		className: r("my-space-xs h-px", u.anchored.separator, e),
+		...t
+	});
+}
+var re = {
+	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 ie({ className: e, size: t = "md", error: n, ...i }) {
+	return /* @__PURE__ */ w(k.Chips, {
+		"data-slot": "combobox-chips",
+		className: r("font-sans text-foreground", "box-border flex flex-wrap items-center rounded-radius border border-input bg-transparent shadow-none transition-[color,box-shadow] outline-none", "has-[[data-slot=combobox-chips-input]:disabled]:opacity-50 has-[[data-slot=combobox-chip][data-disabled]]:opacity-50", "has-[[data-slot=combobox-chips-input]:disabled]:[&_[data-slot=combobox-chip-remove]]:opacity-100 has-[[data-slot=combobox-chip][data-disabled]]:[&_[data-slot=combobox-chip-remove]]:opacity-100", h.withinFocus, h.invalid, h.withinInvalid, re[t], e),
+		"aria-invalid": n || void 0,
+		...i
+	});
+}
+function ae({ className: e, children: t, removeLabel: n, ...i }) {
+	return /* @__PURE__ */ T(k.Chip, {
+		"data-slot": "combobox-chip",
+		className: r(g.root, g.highlighted, e),
+		...i,
+		children: [t, /* @__PURE__ */ w(k.ChipRemove, {
+			"data-slot": "combobox-chip-remove",
+			"aria-label": n,
+			className: r(_.inline, _.focus, _.clear, "aria-disabled:opacity-50"),
+			children: /* @__PURE__ */ w(y, {
+				"aria-hidden": "true",
+				className: _.icon
+			})
+		})]
+	});
+}
+function oe({ className: e, render: t, ...n }) {
+	return /* @__PURE__ */ w(N, {
+		"data-slot": "combobox-chips-input",
+		className: r("box-border min-h-lh min-w-[80px] flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground", b.md, e),
+		...n,
+		render: t
+	});
+}
+function se({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.Backdrop, {
+		"data-slot": "combobox-backdrop",
+		className: r(te, l.backdrop, e),
+		...t
+	});
+}
+function ce({ className: e, ...t }) {
+	return /* @__PURE__ */ w(k.Arrow, {
+		"data-slot": "combobox-arrow",
+		className: r("fill-popover", e),
+		...t
+	});
+}
+var le = k.useFilter, Q = {
+	clear: "Clear selection",
+	toggle: "Open options",
+	remove: "Remove selection"
+};
+//#endregion
+//#region src/components/base/combobox/index.ts
+function ue({ strings: e, ...t }) {
+	let r = n(Q, e);
+	return S(z, {
+		...t,
+		clearLabel: r.clear,
+		toggleLabel: r.toggle
+	});
+}
+function de({ strings: e, ...t }) {
+	let r = n(Q, e);
+	return S(L, {
+		"aria-label": r.clear,
+		...t
+	});
+}
+function fe({ strings: e, ...t }) {
+	let r = n(Q, e);
+	return S(ae, {
+		...t,
+		removeLabel: r.remove
+	});
+}
+function pe({ className: e, ...t }) {
+	return S(H, {
+		...t,
+		className: r(f.surface, d.flush, e)
+	});
+}
+function $({ className: e, ...t }) {
+	return S(U, {
+		...t,
+		className: r(d.compact, e)
+	});
+}
+function me({ className: e, ...t }) {
+	return S(P, {
+		...t,
+		className: r("rounded-radius", e)
+	});
+}
+function he({ className: e, ...t }) {
+	return S(F, {
+		...t,
+		className: r("rounded-radius", e)
+	});
+}
+var ge = {
+	sm: "compact",
+	md: "default",
+	lg: "comfortable"
+};
+function _e({ className: e, size: n = "md", density: i = ge[n], children: o, ...s }) {
+	let { defaultTextSize: c } = t(), l = typeof o == "string" || typeof o == "number" || typeof o == "bigint" ? S(m, null, o) : o;
+	return S(G, {
+		...s,
+		size: n,
+		className: r(ee(i), p.highlighted, p.disabled, a[c ?? "sm"], e)
+	}, l);
+}
+function ve({ className: e, ...t }) {
+	return S(Z, {
+		...t,
+		className: r(f.separator, e)
+	});
+}
+//#endregion
+export { V as C, le as E, B as S, I as T, q as _, _e as a, K as b, ve as c, M as d, ce as f, X as g, oe as h, ue as i, he as l, ie as m, de as n, $ as o, se as p, me as r, pe as s, fe as t, Q as u, J as v, ne as w, N as x, Y as y };
+
+//# sourceMappingURL=combobox-Dl6f6kHz.js.map

package/dist/combobox-Dl6f6kHz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-Dl6f6kHz.js","names":["React","_Fragment","Combobox","ComboboxPrimitive","ComboboxInput","ComboboxTrigger","ComboboxClear","ComboboxInputTrigger","ComboboxPopup","ComboboxList","ComboboxItem","ComboboxSeparator","ComboboxChip","InputTrigger","Clear","Chip","Popup","List","Input","Trigger","Item","Separator","useThemePortalContainer","useTypographyConfig","cn","affordanceGeometry","textSizes","anchoredPositionMethod","anchoredListHeightRecipes","portalClassName","motionRecipes","surfaceDividerRecipes","surfaceInsetClasses","collectionRowClasses","popoverRecipes","collectionRecipes","CollectionLabel","modalBackdropRecipe","fieldStateRecipes","valueChipRecipes","fieldAffordanceRecipes","selectToggleRecipes","FieldClearGlyph","editableTextSizeClasses","React$1","Fragment$1","ComboboxDismissLabel","ComboboxDismissElement","label","boundary","host","sibling","edge","element","useRender","elementProps","anchor","Combobox$1","props","dismissLabel","Combobox","ComboboxNativeInput","render","state","ComboboxInput$1","className","ComboboxTrigger$1","children","ChevronDownIcon","ComboboxValue","placeholder","ComboboxClear$1","inputSizeClasses","ComboboxInputTrigger$1","size","showClear","error","clearLabel","toggleLabel","ComboboxPortal","resolvedContainer","container","ComboboxPositioner","ComboboxPopup$1","ComboboxList$1","itemIndicatorSizeClasses","ComboboxItem$1","CheckIcon","ComboboxItemIndicator","ComboboxEmpty","ComboboxStatus","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxSeparator$1","chipsSizeClasses","ComboboxChips","ComboboxChip$1","removeLabel","ComboboxChipsInput","ComboboxBackdrop","ComboboxArrow","useComboboxFilter","defaultComboboxControlStrings","ComboboxInputTrigger","stringsProp","strings","useStrings","createElement","ComboboxClear","ComboboxChip","ComboboxPopup","ComboboxList","ComboboxInput","ComboboxTrigger","densityBySize","ComboboxItem","content","density","defaultTextSize","ComboboxSeparator"],"sources":["../src/components/ui/combobox-dismiss.tsx","../src/components/ui/combobox.tsx","../src/components/base/combobox/combobox.strings.ts","../src/components/base/combobox/index.ts"],"sourcesContent":["import * as React from 'react';\nimport { useRender, type HTMLProps } from '@base-ui/react/use-render';\n\nexport const ComboboxDismissLabel = React.createContext('Dismiss');\n\n/**\n * Base UI 1.9 owns both virtual-cursor dismissal buttons but hardcodes their\n * names. An inert template marks the public render boundary, even when a custom\n * component frames its native field. Label only the adjacent clipped button;\n * retain upstream handlers, refs, modality and focus semantics. Refresh on each\n * primitive commit so changing modality labels newly mounted controls too.\n */\nexport function ComboboxDismissElement({ elementProps, render, edge, defaultTagName }: {\n elementProps: HTMLProps;\n render?: useRender.RenderProp;\n edge: 'before' | 'after';\n defaultTagName: 'input' | 'div';\n}) {\n const label = React.useContext(ComboboxDismissLabel);\n const boundary = React.useRef<HTMLTemplateElement>(null);\n React.useLayoutEffect(() => {\n  const host = boundary.current;\n  const sibling = edge === 'before' ? host?.previousElementSibling : host?.nextElementSibling;\n  if (sibling?.matches('span[role=\"button\"][aria-label]') && (sibling as HTMLElement).style.clipPath === 'inset(50%)' && sibling.getAttribute('aria-label') !== label) {\n   sibling.setAttribute('aria-label', label);\n  }\n });\n const element = useRender({ defaultTagName, render, props: { ...elementProps } });\n const anchor = <template ref={boundary} data-combobox-dismiss-edge={edge} />;\n return edge === 'before' ? <>{anchor}{element}</> : <>{element}{anchor}</>;\n}\n","import { anchoredListHeightRecipes, anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { portalClassName } from '../../lib/portal-recipes';\nimport { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { FieldClearGlyph, fieldAffordanceRecipes, selectToggleRecipes, valueChipRecipes } from '../../lib/field-affordance-recipes';\nimport { editableTextSizeClasses } from '../../lib/editable-text-recipe';\nimport { affordanceGeometry } from '../../lib/affordance-geometry.generated';\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 } from 'lucide-react';\nimport * as React from 'react';\nimport { ComboboxDismissElement, ComboboxDismissLabel } from './combobox-dismiss';\nimport { cn } from '../../lib/utils';\n\nfunction Combobox<Value, Multiple extends boolean | undefined = false, Item = Value>({\n dismissLabel = 'Dismiss',\n ...props\n}: ComboboxPrimitive.Root.Props<Value, Multiple, Item> & {\n /** Accessible name of both screen-reader popup dismissal controls. */\n dismissLabel?: string | undefined;\n}) {\n return <ComboboxDismissLabel.Provider value={dismissLabel}><ComboboxPrimitive.Root {...props} /></ComboboxDismissLabel.Provider>;\n}\n\n/** Private primitive input; public and feature-owned frames share dismissal. */\nfunction ComboboxNativeInput({ render, ...props }: ComboboxPrimitive.Input.Props) {\n return <ComboboxPrimitive.Input {...props} render={(elementProps, state) => <ComboboxDismissElement elementProps={elementProps} edge=\"before\" defaultTagName=\"input\" render={typeof render === 'function' ? props => render(props, state) : render} />} />;\n}\n\nfunction ComboboxInput({\n\tclassName,\n\trender,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxNativeInput\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-radius border bg-transparent px-control 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\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\taffordanceGeometry.controlBlockPadding.md,\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\trender={render}\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-radius border bg-transparent px-control 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\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\taffordanceGeometry.controlBlockPadding.md,\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<FieldClearGlyph aria-hidden=\"true\" 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\tclearLabel?: string;\n\ttoggleLabel?: string;\n\tsize?: ComboboxSize;\n\terror?: boolean;\n};\n\nfunction ComboboxInputTrigger({\n\tclassName,\n\trender,\n\tshowClear = false,\n\tclearLabel,\n\ttoggleLabel,\n\tsize = 'md',\n\terror,\n\t...props\n}: ComboboxInputTriggerProps) {\n\treturn (\n\t\t<div className=\"relative h-fit\">\n\t\t\t<ComboboxNativeInput\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-radius border bg-transparent 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\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\t\taffordanceGeometry.controlBlockPadding[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\trender={render}\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\taria-label={clearLabel}\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<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t\t\t\t</ComboboxPrimitive.Clear>\n   )}\n\t\t\t\t<ComboboxPrimitive.Trigger aria-label={toggleLabel} 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, className, ...props }: ComboboxPrimitive.Portal.Props) {\n\tconst resolvedContainer = useThemePortalContainer(container);\n\treturn <ComboboxPrimitive.Portal container={resolvedContainer} className={portalClassName(className)} {...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\trender,\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)]', anchoredListHeightRecipes.lg,\n\t\t\t\t'overflow-hidden rounded-surface 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\trender={(elementProps, state) => <ComboboxDismissElement elementProps={elementProps} edge=\"after\" defaultTagName=\"div\" render={typeof render === 'function' ? props => render(props, state) : render} />}\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\tanchoredListHeightRecipes.lg, 'overflow-y-auto overscroll-contain',\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-radius border border-input bg-transparent shadow-none transition-[color,box-shadow] outline-none',\n\t\t\t\t// Chips has no disabled state of its own; the input and chips expose\n\t\t\t\t// the root's resolved state. Dim their shared frame once.\n\t\t\t\t'has-[[data-slot=combobox-chips-input]:disabled]:opacity-50 has-[[data-slot=combobox-chip][data-disabled]]:opacity-50',\n\t\t\t\t// Native fieldsets disable the removal button without Base UI's\n\t\t\t\t// data state. Reset only this affordance when its frame owns dimming;\n\t\t\t\t// read-only removal keeps its own treatment inside an undimmed frame.\n\t\t\t\t'has-[[data-slot=combobox-chips-input]:disabled]:[&_[data-slot=combobox-chip-remove]]:opacity-100 has-[[data-slot=combobox-chip][data-disabled]]:[&_[data-slot=combobox-chip-remove]]:opacity-100',\n\t\t\t\tfieldStateRecipes.withinFocus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\tfieldStateRecipes.withinInvalid,\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\tremoveLabel,\n\t...props\n}: ComboboxPrimitive.Chip.Props & { removeLabel?: string }) {\n\treturn (\n\t\t<ComboboxPrimitive.Chip\n\t\t\tdata-slot=\"combobox-chip\"\n\t\t\tclassName={cn(\n\t\t\t\tvalueChipRecipes.root,\n\t\t\t\tvalueChipRecipes.highlighted,\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 data-slot=\"combobox-chip-remove\" aria-label={removeLabel} className={cn(fieldAffordanceRecipes.inline, fieldAffordanceRecipes.focus, fieldAffordanceRecipes.clear, 'aria-disabled:opacity-50')}>\n\t\t\t\t<FieldClearGlyph 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\trender,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxNativeInput\n\t\t\tdata-slot=\"combobox-chips-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'box-border min-h-lh 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\trender={render}\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\tComboboxNativeInput,\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","/** Accessible labels owned by the base combobox's generated controls. */\nexport interface ComboboxControlStrings {\n\tclear: string;\n\ttoggle: string;\n\tremove: string;\n}\n\nexport const defaultComboboxControlStrings: ComboboxControlStrings = {\n\tclear: 'Clear selection',\n\ttoggle: 'Open options',\n\tremove: 'Remove selection',\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 with shared recipes and accessible control labels\n * so every other layer composes the 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\tComboboxValue,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxChips,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n} from '../../ui/combobox';\n\n\nimport { createElement, type ComponentProps } from 'react';\nimport { ComboboxList as List, ComboboxItem as Item, ComboboxPopup as Popup, ComboboxInput as Input, ComboboxInputTrigger as InputTrigger, ComboboxClear as Clear, ComboboxChip as Chip, 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';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { defaultComboboxControlStrings, type ComboboxControlStrings } from './combobox.strings';\n\nexport { defaultComboboxControlStrings, type ComboboxControlStrings } from './combobox.strings';\n\nexport type ComboboxInputTriggerProps = Omit<ComponentProps<typeof InputTrigger>, 'clearLabel' | 'toggleLabel'> & {\n /** Accessible labels for the generated clear and toggle buttons. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'clear' | 'toggle'>>;\n};\n\nexport function ComboboxInputTrigger({ strings: stringsProp, ...props }: ComboboxInputTriggerProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(InputTrigger, { ...props, clearLabel: strings.clear, toggleLabel: strings.toggle });\n}\n\nexport type ComboboxClearProps = ComponentProps<typeof Clear> & {\n /** Accessible label; an explicit aria-label takes precedence. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'clear'>>;\n};\n\nexport function ComboboxClear({ strings: stringsProp, ...props }: ComboboxClearProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(Clear, { 'aria-label': strings.clear, ...props });\n}\n\nexport type ComboboxChipProps = Omit<ComponentProps<typeof Chip>, 'removeLabel'> & {\n /** Accessible label for the generated removal button. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'remove'>>;\n};\n\nexport function ComboboxChip({ strings: stringsProp, ...props }: ComboboxChipProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(Chip, { ...props, removeLabel: strings.remove });\n}\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}\n/** The list owns one compact collection inset inside the flush popup. */\nexport function ComboboxList({ className, ...props }: ComponentProps<typeof List>) {\n return createElement(List, { ...props, className: cn(surfaceInsetClasses.compact, className) });\n}\nexport function ComboboxInput({ className, ...props }: ComponentProps<typeof Input>) {\n return createElement(Input, { ...props, className: cn('rounded-radius', className) });\n}\nexport function ComboboxTrigger({ className, ...props }: ComponentProps<typeof Trigger>) {\n return createElement(Trigger, { ...props, className: cn('rounded-radius', 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, null, children) : children;\n return createElement(Item, { ...props, size, className: cn(collectionRowClasses(density), collectionRecipes.highlighted, collectionRecipes.disabled, textSizes[defaultTextSize ?? 'sm'], className) }, content);\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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"}