@mitcsutt/kiln-ui 0.1.0

package/dist/components/inputs/Combobox/Combobox.js

@@ -0,0 +1,394 @@
+import { cx as e } from "../../../utils/cx.js";
+import { CheckIcon as t, ChevronDownIcon as n, CloseIcon as r } from "../../../icons/icons.js";
+import { Spinner as i } from "../../feedback/Spinner/Spinner.js";
+import { useMergedRefs as a } from "../internal/refs.js";
+import { markFieldAware as o, useResolvedField as ee } from "../internal/FieldContext.js";
+import te from "../internal/messages.module.js";
+import ne from "../internal/control.module.js";
+import { Tag as re, TagList as ie } from "../../display/Tag/Tag.js";
+import { PortalAnchorContext as ae, usePortalTheme as oe } from "../../overlays/usePortalTheme.js";
+import { filterOptions as s, foldText as se } from "../internal/filterOptions.js";
+import { useControllableState as c } from "./useControllableState.js";
+import l from "./Combobox.module.js";
+import { forwardRef as u, useCallback as d, useEffect as f, useId as ce, useMemo as le, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Popover as _ } from "radix-ui";
+//#region src/components/inputs/Combobox/Combobox.tsx
+function ue(e, t, n) {
+	let r = n ? s(e, t) : [...e], i = [], a = /* @__PURE__ */ new Map();
+	for (let e of r) {
+		let t = e.group === void 0 ? "" : `g:${e.group}`, n = a.get(t);
+		n || (n = {
+			key: t,
+			label: e.group,
+			options: []
+		}, a.set(t, n), i.push(n)), n.options.push(e);
+	}
+	return {
+		sections: i,
+		ordered: i.flatMap((e) => e.options)
+	};
+}
+var v = (e) => `Remove ${e}`;
+function de(e) {
+	if (e.multiple === !0) {
+		let { multiple: t, value: n, defaultValue: r, onValueChange: i, maxSelected: a, removeLabel: o, ...ee } = e;
+		return [ee, {
+			multiple: t,
+			value: n,
+			defaultValue: r ?? [],
+			emit: (e) => i?.([...e]),
+			maxSelected: a,
+			removeLabel: o ?? v
+		}];
+	}
+	let { multiple: t, value: n, defaultValue: r, onValueChange: i, ...a } = e;
+	return [a, {
+		multiple: !!t,
+		value: n === void 0 ? void 0 : n === null ? [] : [n],
+		defaultValue: r == null ? [] : [r],
+		emit: (e) => i?.(e[0] ?? null),
+		maxSelected: void 0,
+		removeLabel: v
+	}];
+}
+function fe(e) {
+	let t = e?.closest("[data-theme]");
+	return t && t !== e?.ownerDocument.documentElement ? t : void 0;
+}
+function pe(e) {
+	return `${String(e)} ${e === 1 ? "option" : "options"} available`;
+}
+var me = u(function({ children: e, onInteractOutside: t }, n) {
+	let r = oe();
+	return /* @__PURE__ */ h(_.Content, {
+		ref: n,
+		className: l.popup,
+		role: void 0,
+		side: "bottom",
+		align: "start",
+		sideOffset: 6,
+		collisionPadding: 8,
+		onOpenAutoFocus: (e) => {
+			e.preventDefault();
+		},
+		onCloseAutoFocus: (e) => {
+			e.preventDefault();
+		},
+		onEscapeKeyDown: (e) => {
+			e.preventDefault();
+		},
+		onInteractOutside: t,
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		...r,
+		children: e
+	});
+}), he = o(u(function(o, oe) {
+	let [s, u] = de(o), { options: v, inputValue: he, defaultInputValue: ge, onInputValueChange: _e, filter: ve = "auto", loading: y = !1, loadingMessage: ye = "Loading…", emptyMessage: b = "No matches", open: be, defaultOpen: xe = !1, onOpenChange: Se, creatable: x = !1, clearable: Ce = !1, clearLabel: we = "Clear", size: Te = "md", invalid: Ee, id: De, disabled: Oe, required: ke, readOnly: Ae, name: S, form: je, placeholder: Me, className: Ne, style: Pe, onKeyDown: Fe, onBlur: Ie, onClick: Le, "aria-describedby": Re, "aria-invalid": ze, "aria-label": Be, "aria-labelledby": Ve, ...He } = s, { multiple: C, maxSelected: Ue, removeLabel: We } = u, w = ee({
+		id: De,
+		describedBy: Re,
+		invalid: Ee,
+		ariaInvalid: ze,
+		required: ke,
+		disabled: Oe,
+		readOnly: Ae
+	}), Ge = ce(), T = w.id ?? `${Ge}combobox`, Ke = `${T}-listbox`, qe = `${T}-status`, E = !w.disabled && !w.readOnly, D = p(null), O = p(null), Je = a(oe, D), k = p(/* @__PURE__ */ new Map());
+	for (let e of v) k.current.set(e.value, e.label);
+	let A = d((e) => v.find((t) => t.value === e)?.label ?? k.current.get(e) ?? e, [v]), [j, M] = c(u.value, u.defaultValue, u.emit), N = !C && j[0] !== void 0 ? A(j[0]) : "", [P, Ye] = c(he, ge ?? (C || u.defaultValue[0] === void 0 ? "" : A(u.defaultValue[0])), _e), Xe = p(P);
+	Xe.current = P;
+	let F = d((e) => {
+		e !== Xe.current && Ye(e);
+	}, [Ye]), [I, L] = m(!1), [R, Ze] = c(be, xe, Se), z = p(R);
+	z.current = R;
+	let B = d((e) => {
+		e !== z.current && Ze(e);
+	}, [Ze]), [Qe, V] = m(null);
+	f(() => {
+		!C && !I && F(N);
+	}, [
+		C,
+		I,
+		N,
+		F
+	]);
+	let $e = ve === "auto" && (C || I), { sections: H, ordered: U } = le(() => ue(v, P, $e), [
+		v,
+		P,
+		$e
+	]), et = le(() => new Map(v.map((e, t) => [e.value, t])), [v]), tt = (e) => `${T}-option-${String(et.get(e) ?? 0)}`, nt = C && Ue !== void 0 && j.length >= Ue, W = (e) => j.includes(e), G = (e) => !!e.disabled || nt && !W(e.value), K = U.filter((e) => !G(e)), q = P.trim(), rt = x && q !== "" && (C || I), it = !y && U.length === 0 && !rt, at = U.length > 0 || y || it, J = R && E && at, ot = J && !y && !x && q !== "" && (C || I), st = K.find((e) => e.value === Qe) ?? (ot ? K[0] : void 0), Y = J ? st : void 0, [ct, lt] = m(""), X = y ? "" : U.length === 0 ? typeof b == "string" ? b : "No matches" : pe(U.length);
+	f(() => {
+		if (!J || X === "") {
+			J || lt("");
+			return;
+		}
+		let e = setTimeout(() => {
+			lt(X);
+		}, 500);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [J, X]);
+	let Z = Y ? tt(Y.value) : void 0;
+	f(() => {
+		Z && (D.current?.ownerDocument.getElementById(Z))?.scrollIntoView({ block: "nearest" });
+	}, [Z]);
+	let ut = (e) => {
+		if (E && !G(e)) {
+			if (k.current.set(e.value, e.label), C) {
+				let t = W(e.value) ? j.filter((t) => t !== e.value) : [...j, e.value];
+				M(t), F(""), L(!1), V(e.value);
+			} else M([e.value]), F(e.label), L(!1), V(null), B(!1);
+		}
+	}, Q = () => {
+		if (!x || q === "") return !1;
+		let e = se(q), t = v.find((t) => !t.disabled && se(t.label) === e), n = t?.value ?? q, r = t?.label ?? q;
+		return k.current.set(n, r), C ? (F(""), L(!1), W(n) || nt ? !1 : (M([...j, n]), !0)) : (L(!1), F(r), j[0] !== n && (M([n]), !0));
+	}, dt = (e) => {
+		E && M(j.filter((t) => t !== e));
+	}, ft = () => {
+		E && (M([]), F(""), L(!1), V(null), D.current?.focus());
+	}, pt = (e) => K.find((e) => W(e.value)) ?? (e ? K[K.length - 1] : K[0]), mt = (e) => {
+		if (K.length === 0) return;
+		let t = Y ? K.indexOf(Y) : -1, n = t === -1 ? e === 1 ? K[0] : K[K.length - 1] : K[(t + e + K.length) % K.length];
+		V(n?.value ?? null);
+	}, $ = (e) => {
+		E && (B(!0), e !== "keep" && V(pt(e === "last")?.value ?? null));
+	}, ht = (e) => {
+		let t = e.target.value;
+		F(t), L(!0), V(null), E && B(!0);
+	}, gt = (e) => {
+		if (Fe?.(e), !e.nativeEvent.isComposing) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), e.altKey ? $("keep") : J ? mt(1) : $("first");
+				return;
+			case "ArrowUp":
+				e.preventDefault(), e.altKey ? B(!1) : J ? mt(-1) : $("last");
+				return;
+			case "Home":
+			case "End":
+				if (!J || K.length === 0) return;
+				e.preventDefault(), V((e.key === "Home" ? K[0] : K[K.length - 1])?.value ?? null);
+				return;
+			case "Enter":
+				J && Y ? (e.preventDefault(), ut(Y)) : rt ? (e.preventDefault(), Q(), C || B(!1)) : J && e.preventDefault();
+				return;
+			case "Escape":
+				J ? (e.preventDefault(), B(!1)) : P !== "" && E && (e.preventDefault(), F(""), L(!C));
+				return;
+			case "Tab":
+				B(!1);
+				return;
+			case "Backspace":
+				C && P === "" && E && j.length > 0 && (e.preventDefault(), M(j.slice(0, -1)));
+				return;
+		}
+	}, _t = (e) => {
+		let t = e.relatedTarget;
+		t && O.current?.contains(t) || (E && (C ? Q() || F("") : I && (x && q !== "" ? Q() : q === "" ? (j.length > 0 && M([]), F("")) : F(N)), L(!1)), B(!1), V(null), Ie?.(e));
+	}, vt = (e) => {
+		let t = e.target;
+		t === D.current || t.closest("button, a, input") || (e.preventDefault(), D.current?.focus(), z.current ? B(!1) : $("keep"));
+	}, yt = (e) => {
+		Le?.(e), z.current || $("keep");
+	}, bt = (e) => {
+		let t = e.target;
+		t && O.current?.contains(t) && e.preventDefault();
+	}, xt = Ve ?? w.labelId, St = !C || j.length === 0, Ct = Ce && E && (j.length > 0 || P !== ""), wt = (e) => {
+		let n = W(e.value), r = G(e);
+		return /* @__PURE__ */ g("div", {
+			id: tt(e.value),
+			role: "option",
+			"aria-selected": n,
+			"aria-disabled": r || void 0,
+			className: l.option,
+			"data-active": Y?.value === e.value || void 0,
+			"data-selected": n || void 0,
+			"data-disabled": r || void 0,
+			onMouseDown: (e) => {
+				e.preventDefault();
+			},
+			onPointerMove: () => {
+				!r && Qe !== e.value && V(e.value);
+			},
+			onClick: () => {
+				ut(e);
+			},
+			children: [
+				C ? /* @__PURE__ */ h("span", {
+					className: l.box,
+					"aria-hidden": "true",
+					children: n ? /* @__PURE__ */ h(t, {}) : null
+				}) : null,
+				/* @__PURE__ */ g("span", {
+					className: l.optionText,
+					children: [/* @__PURE__ */ h("span", {
+						className: l.optionLabel,
+						children: e.label
+					}), e.description ? /* @__PURE__ */ h("span", {
+						className: l.optionDescription,
+						children: e.description
+					}) : null]
+				}),
+				!C && n ? /* @__PURE__ */ h(t, { className: l.check }) : null
+			]
+		}, e.value);
+	};
+	return /* @__PURE__ */ h(_.Root, {
+		open: J,
+		onOpenChange: (e) => {
+			e || B(!1);
+		},
+		children: /* @__PURE__ */ g(ae.Provider, {
+			value: O,
+			children: [/* @__PURE__ */ h(_.Anchor, {
+				asChild: !0,
+				children: /* @__PURE__ */ g("div", {
+					ref: O,
+					className: e(ne.box, l.root, Ne),
+					style: Pe,
+					"data-size": Te,
+					"data-multiple": C || void 0,
+					"data-state": J ? "open" : "closed",
+					"data-invalid": w.invalid || void 0,
+					"data-disabled": w.disabled || void 0,
+					"data-readonly": w.readOnly || void 0,
+					onPointerDown: vt,
+					onBlur: _t,
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: l.values,
+							children: [C && j.length > 0 ? /* @__PURE__ */ h(ie, {
+								className: l.chips,
+								children: j.map((e) => {
+									let t = A(e);
+									return /* @__PURE__ */ h(re, {
+										className: l.chip,
+										onRemove: E ? () => {
+											dt(e), D.current?.focus();
+										} : void 0,
+										removeLabel: We(t),
+										children: t
+									}, e);
+								})
+							}) : null, /* @__PURE__ */ h("input", {
+								ref: Je,
+								id: T,
+								type: "text",
+								role: "combobox",
+								className: l.input,
+								value: P,
+								placeholder: St ? Me : void 0,
+								autoComplete: "off",
+								autoCapitalize: "off",
+								autoCorrect: "off",
+								spellCheck: !1,
+								disabled: w.disabled,
+								readOnly: w.readOnly,
+								"aria-autocomplete": "list",
+								"aria-haspopup": "listbox",
+								"aria-expanded": J,
+								"aria-controls": Ke,
+								"aria-activedescendant": Z,
+								"aria-label": Be,
+								"aria-labelledby": Ve,
+								"aria-describedby": w.describedBy,
+								"aria-invalid": w.invalid || void 0,
+								"aria-required": w.required || void 0,
+								"aria-busy": w.busy || void 0,
+								...He,
+								onChange: ht,
+								onKeyDown: gt,
+								onClick: yt
+							})]
+						}),
+						/* @__PURE__ */ g("span", {
+							className: l.trailing,
+							children: [
+								y ? /* @__PURE__ */ h(i, {
+									size: "sm",
+									label: null,
+									className: l.spinner
+								}) : null,
+								Ct ? /* @__PURE__ */ h("button", {
+									type: "button",
+									className: l.clear,
+									"aria-label": we,
+									onMouseDown: (e) => {
+										e.preventDefault();
+									},
+									onClick: ft,
+									children: /* @__PURE__ */ h(r, {})
+								}) : null,
+								/* @__PURE__ */ h(n, { className: l.chevron })
+							]
+						}),
+						S === void 0 ? null : C ? j.map((e) => /* @__PURE__ */ h("input", {
+							type: "hidden",
+							name: S,
+							value: e,
+							form: je,
+							disabled: w.disabled || void 0
+						}, e)) : /* @__PURE__ */ h("input", {
+							type: "hidden",
+							name: S,
+							value: j[0] ?? "",
+							form: je,
+							disabled: w.disabled || void 0
+						}),
+						/* @__PURE__ */ h("div", {
+							id: qe,
+							role: "status",
+							"aria-live": "polite",
+							className: te.visuallyHidden,
+							children: ct
+						})
+					]
+				})
+			}), /* @__PURE__ */ h(_.Portal, {
+				container: J ? fe(O.current) : void 0,
+				children: /* @__PURE__ */ g(me, {
+					onInteractOutside: bt,
+					children: [
+						/* @__PURE__ */ h("div", {
+							id: Ke,
+							role: "listbox",
+							"aria-labelledby": xt,
+							"aria-label": xt ? void 0 : Be,
+							"aria-multiselectable": C || void 0,
+							"aria-busy": y || void 0,
+							className: l.listbox,
+							children: H.map((e) => e.label === void 0 ? e.options.map(wt) : /* @__PURE__ */ g("div", {
+								role: "group",
+								"aria-labelledby": `${T}-group-${String(H.indexOf(e))}`,
+								className: l.group,
+								children: [/* @__PURE__ */ h("div", {
+									id: `${T}-group-${String(H.indexOf(e))}`,
+									role: "presentation",
+									className: l.groupLabel,
+									children: e.label
+								}), e.options.map(wt)]
+							}, e.key))
+						}),
+						y && U.length === 0 ? /* @__PURE__ */ g("div", {
+							className: l.message,
+							children: [/* @__PURE__ */ h(i, {
+								size: "sm",
+								label: null
+							}), /* @__PURE__ */ h("span", { children: ye })]
+						}) : null,
+						it ? /* @__PURE__ */ h("div", {
+							className: l.message,
+							children: b
+						}) : null
+					]
+				})
+			})]
+		})
+	});
+}));
+//#endregion
+export { he as Combobox };
+
+//# sourceMappingURL=Combobox.js.map

package/dist/components/inputs/Combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["PopoverPrimitive","styles","control","messageStyles","messages_module_default","control_module_default","Combobox_module_default","buildView","matched","shouldFilter","filterOptions","options","query","sections","byKey","option","key","section","defaultRemoveLabel","label","splitMode","props","base","defaultValue","onValueChange","next","removeLabel","multiple","value","themeScopeOf","scope","node","countMessage","count","ComboboxPopup","forwardRef","theme","usePortalTheme","Popover","Combobox","markFieldAware","mode","inputValueProp","openProp","invalidProp","idProp","disabledProp","requiredProp","readOnlyProp","describedByProp","ariaInvalid","ariaLabel","ariaLabelledBy","rest","field","useResolvedField","autoId","useId","inputId","listboxId","statusId","interactive","inputRef","useRef","boxRef","composedInputRef","useMergedRefs","ref","labelCache","labelOf","useCallback","values","setValues","useControllableState","selectedLabel","setQueryState","defaultInputValue","onInputValueChange","queryRef","setQuery","dirty","setDirty","useState","openState","setOpenState","defaultOpen","onOpenChange","openRef","setOpen","activeValue","setActiveValue","filter","useMemo","indexOf","index","optionId","atMax","maxSelected","isSelected","isDisabled","enabled","ordered","trimmedQuery","freeText","creatable","showEmpty","loading","hasPopupContent","expanded","autoHighlight","activeOption","active","announcement","setAnnouncement","countText","emptyMessage","timer","activeId","selectOption","commitText","folded","foldText","match","removeValue","v","clear","initialActive","fromEnd","move","delta","openList","highlight","handleChange","text","event","handleKeyDown","onKeyDown","handleBlur","onBlur","handleBoxPointerDown","target","handleInputClick","onClick","handleInteractOutside","listLabelledBy","showPlaceholder","canClear","clearable","renderOption","selected","disabled","CheckIcon","PortalAnchorContext","cx","className","size","TagList","Tag","placeholder","Spinner","clearLabel","CloseIcon","ChevronDownIcon","name","loadingMessage"],"sources":["../../../../src/components/inputs/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type FocusEventHandler,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type PointerEvent,\n  type ReactNode,\n} from 'react'\nimport { Popover as PopoverPrimitive } from 'radix-ui'\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from '#icons'\nimport { cx } from '#utils/cx'\nimport type { Size } from '#utils/tokens'\nimport { Spinner } from '#components/feedback/Spinner'\nimport { Tag, TagList } from '#components/display/Tag'\nimport { PortalAnchorContext, usePortalTheme } from '#components/overlays/usePortalTheme'\nimport { markFieldAware, useResolvedField } from '#components/inputs/internal/FieldContext'\nimport { filterOptions, foldText } from '#components/inputs/internal/filterOptions'\nimport { useMergedRefs } from '#components/inputs/internal/refs'\nimport control from '#components/inputs/internal/control.module.css'\nimport messageStyles from '#components/inputs/internal/messages.module.css'\nimport { useControllableState } from './useControllableState'\nimport styles from './Combobox.module.css'\n\nexport interface ComboboxOption {\n  value: string\n  label: string\n  /** A second, quieter line under the label. Also searched. */\n  description?: string\n  /** Extra search terms that aren't shown (\"USA\", \"Holland\"). An exact keyword ranks first. */\n  keywords?: readonly string[]\n  /** Heading the option is listed under. Groups appear in order of their first option. */\n  group?: string\n  disabled?: boolean\n}\n\nexport interface ComboboxBase extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'multiple' | 'onBlur'\n> {\n  options: readonly ComboboxOption[]\n  /** The text in the box (the query). Controlled. */\n  inputValue?: string\n  defaultInputValue?: string\n  onInputValueChange?: (query: string) => void\n  /**\n   * `auto` (default) filters and ranks `options` by the query. `none` shows `options` as\n   * given — for async search, where the loader has already filtered.\n   */\n  filter?: 'auto' | 'none'\n  /** Options are being fetched: a spinner in the box and `loadingMessage` in an empty list. */\n  loading?: boolean\n  loadingMessage?: ReactNode\n  /** Shown in the list when nothing matches. Default \"No matches\". */\n  emptyMessage?: ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Free text is allowed: whatever is typed becomes the value when committed (Enter, or\n   * leaving the field). A typed label that matches an option picks that option instead.\n   */\n  creatable?: boolean\n  /** Shows a clear button while there's a value. */\n  clearable?: boolean\n  /** Accessible name of the clear button. Default \"Clear\". */\n  clearLabel?: string\n  size?: Size\n  /** Critical border + `aria-invalid`. Inside a `<Field error>` this is set for you. */\n  invalid?: boolean\n  /** Fires once focus leaves the whole control (input, chips, clear button, list). */\n  onBlur?: FocusEventHandler<HTMLElement>\n}\n\nexport interface ComboboxSingleProps extends ComboboxBase {\n  multiple?: false\n  value?: string | null\n  defaultValue?: string | null\n  onValueChange?: (value: string | null) => void\n}\n\nexport interface ComboboxMultipleProps extends ComboboxBase {\n  multiple: true\n  value?: readonly string[]\n  defaultValue?: readonly string[]\n  onValueChange?: (value: string[]) => void\n  /** Once this many are chosen, the rest of the list is disabled. */\n  maxSelected?: number\n  /** Accessible name of a chip's remove button. Default `Remove <label>`. */\n  removeLabel?: (label: string) => string\n}\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps\n\n/* ─── Pure helpers ────────────────────────────────────────────────────────── */\n\ninterface Section {\n  key: string\n  label?: string\n  options: ComboboxOption[]\n}\n\n/** Visible options, in groups (ordered by each group's first/best option), and flattened. */\nfunction buildView(options: readonly ComboboxOption[], query: string, shouldFilter: boolean) {\n  const matched = shouldFilter ? filterOptions(options, query) : [...options]\n  const sections: Section[] = []\n  const byKey = new Map<string, Section>()\n  for (const option of matched) {\n    const key = option.group === undefined ? '' : `g:${option.group}`\n    let section = byKey.get(key)\n    if (!section) {\n      section = { key, label: option.group, options: [] }\n      byKey.set(key, section)\n      sections.push(section)\n    }\n    section.options.push(option)\n  }\n  return { sections, ordered: sections.flatMap((section) => section.options) }\n}\n\ninterface ModeProps {\n  multiple: boolean\n  value: readonly string[] | undefined\n  defaultValue: readonly string[]\n  emit: (next: readonly string[]) => void\n  maxSelected: number | undefined\n  removeLabel: (label: string) => string\n}\n\nconst defaultRemoveLabel = (label: string) => `Remove ${label}`\n\n/** Splits the single/multiple union into one normalised shape (values are always arrays). */\nfunction splitMode(props: ComboboxProps): [ComboboxBase, ModeProps] {\n  if (props.multiple === true) {\n    const { multiple, value, defaultValue, onValueChange, maxSelected, removeLabel, ...base } =\n      props\n    return [\n      base,\n      {\n        multiple,\n        value,\n        defaultValue: defaultValue ?? [],\n        emit: (next) => onValueChange?.([...next]),\n        maxSelected,\n        removeLabel: removeLabel ?? defaultRemoveLabel,\n      },\n    ]\n  }\n  const { multiple, value, defaultValue, onValueChange, ...base } = props\n  return [\n    base,\n    {\n      multiple: Boolean(multiple),\n      value: value === undefined ? undefined : value === null ? [] : [value],\n      defaultValue: defaultValue == null ? [] : [defaultValue],\n      emit: (next) => onValueChange?.(next[0] ?? null),\n      maxSelected: undefined,\n      removeLabel: defaultRemoveLabel,\n    },\n  ]\n}\n\n/** The nearest theme scope below `<html>` — the portal target, so the list opens in that theme. */\nfunction themeScopeOf(node: HTMLElement | null): HTMLElement | undefined {\n  const scope = node?.closest<HTMLElement>('[data-theme]')\n  return scope && scope !== node?.ownerDocument.documentElement ? scope : undefined\n}\n\nfunction countMessage(count: number): string {\n  return `${String(count)} ${count === 1 ? 'option' : 'options'} available`\n}\n\n/* ─── Popup (mounts on open, so it reads the theme at open time) ─────────── */\n\ninterface PopupProps {\n  children: ReactNode\n  onInteractOutside: (event: Event) => void\n}\n\n// forwardRef: Radix Presence hands the popup a ref (React 18 warns without it).\nconst ComboboxPopup = forwardRef<HTMLDivElement, PopupProps>(function ComboboxPopup(\n  { children, onInteractOutside },\n  ref,\n) {\n  const theme = usePortalTheme()\n  return (\n    <PopoverPrimitive.Content\n      ref={ref}\n      className={styles.popup}\n      // A wrapper, not a dialog: the listbox inside carries the semantics.\n      role={undefined}\n      side=\"bottom\"\n      align=\"start\"\n      sideOffset={6}\n      collisionPadding={8}\n      // Focus never leaves the input (ARIA combobox): no auto-focus in or back.\n      onOpenAutoFocus={(event) => {\n        event.preventDefault()\n      }}\n      onCloseAutoFocus={(event) => {\n        event.preventDefault()\n      }}\n      // The input's own keydown handles Escape (close, then clear).\n      onEscapeKeyDown={(event) => {\n        event.preventDefault()\n      }}\n      onInteractOutside={onInteractOutside}\n      // Clicks on padding / messages must not take focus from the input.\n      onMouseDown={(event) => {\n        event.preventDefault()\n      }}\n      {...theme}\n    >\n      {children}\n    </PopoverPrimitive.Content>\n  )\n})\n\n/* ─── Combobox ────────────────────────────────────────────────────────────── */\n\n/**\n * Type to filter, pick from a list (ARIA 1.2 combobox with a listbox popup). Single or\n * `multiple` (chosen values become removable chips), `creatable` for free text, and\n * async-ready: pass `filter=\"none\"`, `loading` and the loader's results as `options`.\n * The ref and native input props go to the text input; `className`/`style` go to the box.\n *\n * <Combobox options={projects} placeholder=\"Search projects\" onValueChange={setProject} />\n * <Combobox multiple options={labels} maxSelected={3} />\n */\nexport const Combobox = markFieldAware(\n  forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(props, ref) {\n    const [base, mode] = splitMode(props)\n    const {\n      options,\n      inputValue: inputValueProp,\n      defaultInputValue,\n      onInputValueChange,\n      filter = 'auto',\n      loading = false,\n      loadingMessage = 'Loading…',\n      emptyMessage = 'No matches',\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      creatable = false,\n      clearable = false,\n      clearLabel = 'Clear',\n      size = 'md',\n      invalid: invalidProp,\n      id: idProp,\n      disabled: disabledProp,\n      required: requiredProp,\n      readOnly: readOnlyProp,\n      name,\n      form,\n      placeholder,\n      className,\n      style,\n      onKeyDown,\n      onBlur,\n      onClick,\n      'aria-describedby': describedByProp,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...rest\n    } = base\n    const { multiple, maxSelected, removeLabel } = mode\n\n    const field = useResolvedField({\n      id: idProp,\n      describedBy: describedByProp,\n      invalid: invalidProp,\n      ariaInvalid,\n      required: requiredProp,\n      disabled: disabledProp,\n      readOnly: readOnlyProp,\n    })\n    const autoId = useId()\n    const inputId = field.id ?? `${autoId}combobox`\n    const listboxId = `${inputId}-listbox`\n    const statusId = `${inputId}-status`\n    const interactive = !field.disabled && !field.readOnly\n\n    const inputRef = useRef<HTMLInputElement>(null)\n    const boxRef = useRef<HTMLDivElement>(null)\n    const composedInputRef = useMergedRefs(ref, inputRef)\n\n    /* Labels of chosen values survive the options changing (async results, creatable). */\n    const labelCache = useRef(new Map<string, string>())\n    for (const option of options) labelCache.current.set(option.value, option.label)\n    const labelOf = useCallback(\n      (value: string) =>\n        options.find((option) => option.value === value)?.label ??\n        labelCache.current.get(value) ??\n        value,\n      [options],\n    )\n\n    const [values, setValues] = useControllableState<readonly string[]>(\n      mode.value,\n      mode.defaultValue,\n      mode.emit,\n    )\n    const selectedLabel = !multiple && values[0] !== undefined ? labelOf(values[0]) : ''\n\n    const [query, setQueryState] = useControllableState<string>(\n      inputValueProp,\n      defaultInputValue ??\n        (multiple || mode.defaultValue[0] === undefined ? '' : labelOf(mode.defaultValue[0])),\n      onInputValueChange,\n    )\n    const queryRef = useRef(query)\n    queryRef.current = query\n    const setQuery = useCallback(\n      (next: string) => {\n        if (next !== queryRef.current) setQueryState(next)\n      },\n      [setQueryState],\n    )\n    /** The user has typed since the last pick (single: the text is a query, not the label). */\n    const [dirty, setDirty] = useState(false)\n\n    const [openState, setOpenState] = useControllableState<boolean>(\n      openProp,\n      defaultOpen,\n      onOpenChange,\n    )\n    const openRef = useRef(openState)\n    openRef.current = openState\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (next !== openRef.current) setOpenState(next)\n      },\n      [setOpenState],\n    )\n\n    const [activeValue, setActiveValue] = useState<string | null>(null)\n\n    // Single: show the chosen option's label whenever the user isn't mid-edit (covers\n    // external value changes such as a form reset).\n    useEffect(() => {\n      if (!multiple && !dirty) setQuery(selectedLabel)\n    }, [multiple, dirty, selectedLabel, setQuery])\n\n    /* ─── Derived view ─── */\n    const shouldFilter = filter === 'auto' && (multiple || dirty)\n    const { sections, ordered } = useMemo(\n      () => buildView(options, query, shouldFilter),\n      [options, query, shouldFilter],\n    )\n    const indexOf = useMemo(\n      () => new Map(options.map((option, index) => [option.value, index])),\n      [options],\n    )\n    const optionId = (value: string) => `${inputId}-option-${String(indexOf.get(value) ?? 0)}`\n\n    const atMax = multiple && maxSelected !== undefined && values.length >= maxSelected\n    const isSelected = (value: string) => values.includes(value)\n    const isDisabled = (option: ComboboxOption) =>\n      Boolean(option.disabled) || (atMax && !isSelected(option.value))\n    const enabled = ordered.filter((option) => !isDisabled(option))\n\n    const trimmedQuery = query.trim()\n    const freeText = creatable && trimmedQuery !== '' && (multiple || dirty)\n    const showEmpty = !loading && ordered.length === 0 && !freeText\n    const hasPopupContent = ordered.length > 0 || loading || showEmpty\n    const expanded = openState && interactive && hasPopupContent\n\n    // Non-creatable: typing highlights the best match, so Enter picks it. Not while loading:\n    // the list still shows the previous query's results, and Enter must not commit one of them.\n    const autoHighlight =\n      expanded && !loading && !creatable && trimmedQuery !== '' && (multiple || dirty)\n    const activeOption =\n      enabled.find((option) => option.value === activeValue) ??\n      (autoHighlight ? enabled[0] : undefined)\n    const active = expanded ? activeOption : undefined\n\n    /* ─── Live region: result count, debounced ─── */\n    const [announcement, setAnnouncement] = useState('')\n    const countText = loading\n      ? ''\n      : ordered.length === 0\n        ? typeof emptyMessage === 'string'\n          ? emptyMessage\n          : 'No matches'\n        : countMessage(ordered.length)\n    useEffect(() => {\n      if (!expanded || countText === '') {\n        if (!expanded) setAnnouncement('')\n        return\n      }\n      const timer = setTimeout(() => {\n        setAnnouncement(countText)\n      }, 500)\n      return () => {\n        clearTimeout(timer)\n      }\n    }, [expanded, countText])\n\n    /* Keep the highlighted row in view. */\n    const activeId = active ? optionId(active.value) : undefined\n    useEffect(() => {\n      if (!activeId) return\n      const node = inputRef.current?.ownerDocument.getElementById(activeId)\n      node?.scrollIntoView({ block: 'nearest' })\n    }, [activeId])\n\n    /* ─── Actions ─── */\n    const selectOption = (option: ComboboxOption) => {\n      if (!interactive || isDisabled(option)) return\n      labelCache.current.set(option.value, option.label)\n      if (multiple) {\n        const next = isSelected(option.value)\n          ? values.filter((value) => value !== option.value)\n          : [...values, option.value]\n        setValues(next)\n        setQuery('')\n        setDirty(false)\n        setActiveValue(option.value)\n      } else {\n        setValues([option.value])\n        setQuery(option.label)\n        setDirty(false)\n        setActiveValue(null)\n        setOpen(false)\n      }\n    }\n\n    /** Creatable: turn the typed text into a value. Returns whether anything changed. */\n    const commitText = (): boolean => {\n      if (!creatable || trimmedQuery === '') return false\n      const folded = foldText(trimmedQuery)\n      const match = options.find((option) => !option.disabled && foldText(option.label) === folded)\n      const value = match?.value ?? trimmedQuery\n      const label = match?.label ?? trimmedQuery\n      labelCache.current.set(value, label)\n      if (multiple) {\n        setQuery('')\n        setDirty(false)\n        if (isSelected(value) || atMax) return false\n        setValues([...values, value])\n        return true\n      }\n      setDirty(false)\n      setQuery(label)\n      if (values[0] === value) return false\n      setValues([value])\n      return true\n    }\n\n    const removeValue = (value: string) => {\n      if (!interactive) return\n      setValues(values.filter((v) => v !== value))\n    }\n\n    const clear = () => {\n      if (!interactive) return\n      setValues([])\n      setQuery('')\n      setDirty(false)\n      setActiveValue(null)\n      inputRef.current?.focus()\n    }\n\n    /** First visible selected option, else the first/last enabled one. */\n    const initialActive = (fromEnd: boolean) =>\n      enabled.find((option) => isSelected(option.value)) ??\n      (fromEnd ? enabled[enabled.length - 1] : enabled[0])\n\n    const move = (delta: 1 | -1) => {\n      if (enabled.length === 0) return\n      const index = active ? enabled.indexOf(active) : -1\n      const next =\n        index === -1\n          ? delta === 1\n            ? enabled[0]\n            : enabled[enabled.length - 1]\n          : enabled[(index + delta + enabled.length) % enabled.length]\n      setActiveValue(next?.value ?? null)\n    }\n\n    const openList = (highlight: 'first' | 'last' | 'keep') => {\n      if (!interactive) return\n      setOpen(true)\n      if (highlight !== 'keep') setActiveValue(initialActive(highlight === 'last')?.value ?? null)\n    }\n\n    /* ─── Events ─── */\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value\n      setQuery(text)\n      setDirty(true)\n      setActiveValue(null)\n      if (interactive) setOpen(true)\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event)\n      if (event.nativeEvent.isComposing) return\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          if (event.altKey) openList('keep')\n          else if (expanded) move(1)\n          else openList('first')\n          return\n        case 'ArrowUp':\n          event.preventDefault()\n          if (event.altKey) setOpen(false)\n          else if (expanded) move(-1)\n          else openList('last')\n          return\n        case 'Home':\n        case 'End':\n          if (!expanded || enabled.length === 0) return\n          event.preventDefault()\n          setActiveValue(\n            (event.key === 'Home' ? enabled[0] : enabled[enabled.length - 1])?.value ?? null,\n          )\n          return\n        case 'Enter':\n          if (expanded && active) {\n            event.preventDefault()\n            selectOption(active)\n          } else if (freeText) {\n            event.preventDefault()\n            commitText()\n            if (!multiple) setOpen(false)\n          } else if (expanded) {\n            event.preventDefault()\n          }\n          return\n        case 'Escape':\n          if (expanded) {\n            event.preventDefault()\n            setOpen(false)\n          } else if (query !== '' && interactive) {\n            event.preventDefault()\n            setQuery('')\n            setDirty(!multiple)\n          }\n          return\n        case 'Tab':\n          setOpen(false)\n          return\n        case 'Backspace':\n          if (multiple && query === '' && interactive && values.length > 0) {\n            event.preventDefault()\n            setValues(values.slice(0, -1))\n          }\n          return\n      }\n    }\n\n    /** Focus left the whole control: settle the text, close, then tell the consumer. */\n    const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n      const next = event.relatedTarget as Node | null\n      if (next && boxRef.current?.contains(next)) return\n      if (interactive) {\n        if (multiple) {\n          if (!commitText()) setQuery('')\n        } else if (dirty) {\n          if (creatable && trimmedQuery !== '') commitText()\n          else if (trimmedQuery === '') {\n            if (values.length > 0) setValues([])\n            setQuery('')\n          } else setQuery(selectedLabel)\n        }\n        setDirty(false)\n      }\n      setOpen(false)\n      setActiveValue(null)\n      onBlur?.(event)\n    }\n\n    // Clicking the box's padding or chevron focuses the input and toggles the list.\n    const handleBoxPointerDown = (event: PointerEvent<HTMLDivElement>) => {\n      const target = event.target as HTMLElement\n      if (target === inputRef.current || target.closest('button, a, input')) return\n      event.preventDefault()\n      inputRef.current?.focus()\n      if (openRef.current) setOpen(false)\n      else openList('keep')\n    }\n\n    const handleInputClick = (event: MouseEvent<HTMLInputElement>) => {\n      onClick?.(event)\n      if (!openRef.current) openList('keep')\n    }\n\n    const handleInteractOutside = (event: Event) => {\n      const target = event.target as Node | null\n      if (target && boxRef.current?.contains(target)) event.preventDefault()\n    }\n\n    /* ─── Render ─── */\n    const listLabelledBy = ariaLabelledBy ?? field.labelId\n    const showPlaceholder = !multiple || values.length === 0\n    const canClear = clearable && interactive && (values.length > 0 || query !== '')\n\n    const renderOption = (option: ComboboxOption) => {\n      const selected = isSelected(option.value)\n      const disabled = isDisabled(option)\n      return (\n        // The input owns focus and the keyboard (aria-activedescendant points here), so an\n        // option is never focused itself and its click is the pointer path only.\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/interactive-supports-focus\n        <div\n          key={option.value}\n          id={optionId(option.value)}\n          role=\"option\"\n          aria-selected={selected}\n          aria-disabled={disabled || undefined}\n          className={styles.option}\n          data-active={active?.value === option.value || undefined}\n          data-selected={selected || undefined}\n          data-disabled={disabled || undefined}\n          onMouseDown={(event) => {\n            event.preventDefault()\n          }}\n          onPointerMove={() => {\n            if (!disabled && activeValue !== option.value) setActiveValue(option.value)\n          }}\n          onClick={() => {\n            selectOption(option)\n          }}\n        >\n          {multiple ? (\n            <span className={styles.box} aria-hidden=\"true\">\n              {selected ? <CheckIcon /> : null}\n            </span>\n          ) : null}\n          <span className={styles.optionText}>\n            <span className={styles.optionLabel}>{option.label}</span>\n            {option.description ? (\n              <span className={styles.optionDescription}>{option.description}</span>\n            ) : null}\n          </span>\n          {!multiple && selected ? <CheckIcon className={styles.check} /> : null}\n        </div>\n      )\n    }\n\n    return (\n      <PopoverPrimitive.Root\n        open={expanded}\n        onOpenChange={(next) => {\n          if (!next) setOpen(false)\n        }}\n      >\n        <PortalAnchorContext.Provider value={boxRef}>\n          <PopoverPrimitive.Anchor asChild>\n            <div\n              ref={boxRef}\n              className={cx(control.box, styles.root, className)}\n              style={style}\n              data-size={size}\n              data-multiple={multiple || undefined}\n              data-state={expanded ? 'open' : 'closed'}\n              data-invalid={field.invalid || undefined}\n              data-disabled={field.disabled || undefined}\n              data-readonly={field.readOnly || undefined}\n              onPointerDown={handleBoxPointerDown}\n              onBlur={handleBlur}\n            >\n              <div className={styles.values}>\n                {multiple && values.length > 0 ? (\n                  <TagList className={styles.chips}>\n                    {values.map((value) => {\n                      const label = labelOf(value)\n                      return (\n                        <Tag\n                          key={value}\n                          className={styles.chip}\n                          onRemove={\n                            interactive\n                              ? () => {\n                                  removeValue(value)\n                                  inputRef.current?.focus()\n                                }\n                              : undefined\n                          }\n                          removeLabel={removeLabel(label)}\n                        >\n                          {label}\n                        </Tag>\n                      )\n                    })}\n                  </TagList>\n                ) : null}\n                <input\n                  ref={composedInputRef}\n                  id={inputId}\n                  type=\"text\"\n                  role=\"combobox\"\n                  className={styles.input}\n                  value={query}\n                  placeholder={showPlaceholder ? placeholder : undefined}\n                  autoComplete=\"off\"\n                  autoCapitalize=\"off\"\n                  autoCorrect=\"off\"\n                  spellCheck={false}\n                  disabled={field.disabled}\n                  readOnly={field.readOnly}\n                  aria-autocomplete=\"list\"\n                  aria-haspopup=\"listbox\"\n                  aria-expanded={expanded}\n                  aria-controls={listboxId}\n                  aria-activedescendant={activeId}\n                  aria-label={ariaLabel}\n                  aria-labelledby={ariaLabelledBy}\n                  aria-describedby={field.describedBy}\n                  aria-invalid={field.invalid || undefined}\n                  aria-required={field.required || undefined}\n                  aria-busy={field.busy || undefined}\n                  {...rest}\n                  onChange={handleChange}\n                  onKeyDown={handleKeyDown}\n                  onClick={handleInputClick}\n                />\n              </div>\n              <span className={styles.trailing}>\n                {loading ? <Spinner size=\"sm\" label={null} className={styles.spinner} /> : null}\n                {canClear ? (\n                  <button\n                    type=\"button\"\n                    className={styles.clear}\n                    aria-label={clearLabel}\n                    onMouseDown={(event) => {\n                      event.preventDefault()\n                    }}\n                    onClick={clear}\n                  >\n                    <CloseIcon />\n                  </button>\n                ) : null}\n                <ChevronDownIcon className={styles.chevron} />\n              </span>\n              {name !== undefined ? (\n                multiple ? (\n                  values.map((value) => (\n                    <input\n                      key={value}\n                      type=\"hidden\"\n                      name={name}\n                      value={value}\n                      form={form}\n                      disabled={field.disabled || undefined}\n                    />\n                  ))\n                ) : (\n                  <input\n                    type=\"hidden\"\n                    name={name}\n                    value={values[0] ?? ''}\n                    form={form}\n                    disabled={field.disabled || undefined}\n                  />\n                )\n              ) : null}\n              <div\n                id={statusId}\n                role=\"status\"\n                aria-live=\"polite\"\n                className={messageStyles.visuallyHidden}\n              >\n                {announcement}\n              </div>\n            </div>\n          </PopoverPrimitive.Anchor>\n          <PopoverPrimitive.Portal container={expanded ? themeScopeOf(boxRef.current) : undefined}>\n            <ComboboxPopup onInteractOutside={handleInteractOutside}>\n              <div\n                id={listboxId}\n                role=\"listbox\"\n                aria-labelledby={listLabelledBy}\n                aria-label={listLabelledBy ? undefined : ariaLabel}\n                aria-multiselectable={multiple || undefined}\n                aria-busy={loading || undefined}\n                className={styles.listbox}\n              >\n                {sections.map((section) =>\n                  section.label === undefined ? (\n                    section.options.map(renderOption)\n                  ) : (\n                    <div\n                      key={section.key}\n                      role=\"group\"\n                      aria-labelledby={`${inputId}-group-${String(sections.indexOf(section))}`}\n                      className={styles.group}\n                    >\n                      <div\n                        id={`${inputId}-group-${String(sections.indexOf(section))}`}\n                        role=\"presentation\"\n                        className={styles.groupLabel}\n                      >\n                        {section.label}\n                      </div>\n                      {section.options.map(renderOption)}\n                    </div>\n                  ),\n                )}\n              </div>\n              {loading && ordered.length === 0 ? (\n                <div className={styles.message}>\n                  <Spinner size=\"sm\" label={null} />\n                  <span>{loadingMessage}</span>\n                </div>\n              ) : null}\n              {showEmpty ? <div className={styles.message}>{emptyMessage}</div> : null}\n            </ComboboxPopup>\n          </PopoverPrimitive.Portal>\n        </PortalAnchorContext.Provider>\n      </PopoverPrimitive.Root>\n    )\n  }),\n)\n"],"mappings":"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"}

package/dist/components/inputs/Combobox/Combobox.module.js

@@ -0,0 +1,28 @@
+//#region src/components/inputs/Combobox/Combobox.module.css
+var e = "kiln-Combobox__root", t = "kiln-Combobox__values", n = "kiln-Combobox__chips", r = "kiln-Combobox__chip", i = "kiln-Combobox__input", a = "kiln-Combobox__trailing", o = "kiln-Combobox__spinner", s = "kiln-Combobox__clear", c = "kiln-Combobox__chevron", l = "kiln-Combobox__popup", u = "kiln-Combobox__listbox", d = "kiln-Combobox__group", f = "kiln-Combobox__option", p = "kiln-Combobox__groupLabel", m = "kiln-Combobox__optionText", h = "kiln-Combobox__optionLabel", g = "kiln-Combobox__optionDescription", _ = "kiln-Combobox__box", v = "kiln-Combobox__check", y = "kiln-Combobox__message", b = {
+	root: e,
+	values: t,
+	chips: n,
+	chip: r,
+	input: i,
+	trailing: a,
+	spinner: o,
+	clear: s,
+	chevron: c,
+	popup: l,
+	"combobox-in": "kiln-Combobox__combobox-in",
+	listbox: u,
+	group: d,
+	option: f,
+	groupLabel: p,
+	optionText: m,
+	optionLabel: h,
+	optionDescription: g,
+	box: _,
+	check: v,
+	message: y
+};
+//#endregion
+export { _ as box, v as check, c as chevron, r as chip, n as chips, s as clear, b as default, d as group, p as groupLabel, i as input, u as listbox, y as message, f as option, g as optionDescription, h as optionLabel, m as optionText, l as popup, e as root, o as spinner, a as trailing, t as values };
+
+//# sourceMappingURL=Combobox.module.js.map

package/dist/components/inputs/Combobox/Combobox.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.module.js","names":["root","values","chips","chip","input","trailing","spinner","clear","chevron","popup","listbox","group","option","groupLabel","optionText","optionLabel","optionDescription","box","check","message","Combobox_module_default"],"sources":["../../../../src/components/inputs/Combobox/Combobox.module.css"],"sourcesContent":["/*\n * The box (border, radius, sizes, states) comes from inputs/internal/control.module.css;\n * this file lays out the chips, the input and the trailing controls inside it, and the\n * floating list.\n *\n * Component tokens (themes may set any of these on [data-theme]):\n *   --combobox-list-border       default var(--color-line-strong)\n *   --combobox-option-highlight  default var(--color-surface-sunken) — keyboard/hover row\n *   --combobox-option-check      default var(--color-accent-text)\n */\n\n/* ── Box ── */\n.root {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  inline-size: 100%;\n  padding-inline: var(--_px) calc(var(--_px) * 0.75);\n  cursor: text;\n}\n.root[data-multiple] {\n  padding-block: calc(var(--space-1) * 0.75);\n}\n.root:focus-within {\n  outline: 2px solid var(--color-focus);\n  outline-offset: 2px;\n}\n.root[data-disabled] {\n  cursor: not-allowed;\n}\n\n.values {\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-1);\n  min-inline-size: 0;\n}\n\n.chips {\n  display: contents;\n}\n\n.chip {\n  max-inline-size: 100%;\n}\n\n.input {\n  flex: 1;\n  align-self: stretch;\n  min-inline-size: 6ch;\n  min-block-size: calc(var(--_h) - 2 * var(--border-width));\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  letter-spacing: inherit;\n  text-overflow: ellipsis;\n  outline: none;\n}\n.root[data-multiple] .input {\n  min-block-size: calc(var(--space-5) * 0.9);\n}\n.input:focus-visible {\n  outline: none;\n}\n.input:disabled {\n  cursor: not-allowed;\n}\n.input::placeholder {\n  color: var(--color-ink-subtle);\n  opacity: 1;\n}\n\n.trailing {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  gap: var(--space-1);\n  color: var(--color-ink-muted);\n}\n\n.spinner {\n  color: var(--color-ink-subtle);\n}\n\n.clear {\n  position: relative;\n  display: inline-grid;\n  place-items: center;\n  inline-size: 1.5em;\n  block-size: 1.5em;\n  padding: 0;\n  border: 0;\n  border-radius: var(--radius-chip);\n  background: transparent;\n  color: inherit;\n  font-size: inherit;\n  cursor: pointer;\n}\n.clear::after {\n  content: '';\n  position: absolute;\n  inset: -0.25em;\n}\n.clear > svg {\n  inline-size: 1.1em;\n  block-size: 1.1em;\n}\n@media (hover: hover) {\n  .clear:hover {\n    color: var(--color-ink);\n    background: var(--color-surface-sunken);\n  }\n}\n.clear:focus-visible {\n  outline: 2px solid var(--color-focus);\n  outline-offset: 1px;\n}\n\n.chevron {\n  inline-size: 1.15em;\n  block-size: 1.15em;\n  transition: rotate var(--dur-2) var(--ease-spring);\n}\n.root[data-state='open'] .chevron {\n  rotate: 180deg;\n}\n.root[data-disabled] .trailing {\n  color: var(--color-ink-subtle);\n}\n\n/* ── Floating list ── */\n.popup {\n  --_pad: var(--space-1);\n  --_radius: var(--radius-surface);\n\n  z-index: var(--z-popover);\n  box-sizing: border-box;\n  min-inline-size: var(--radix-popover-trigger-width);\n  max-inline-size: min(28rem, calc(100vw - 2 * var(--space-4)));\n  max-block-size: min(22rem, var(--radix-popover-content-available-height));\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: var(--_pad);\n  border: var(--border-width) solid var(--combobox-list-border, var(--color-line-strong));\n  border-radius: var(--_radius);\n  background-color: var(--color-surface-raised);\n  color: var(--color-ink);\n  box-shadow: var(--shadow-float);\n  font-family: var(--font-text);\n  font-size: var(--text-md);\n  line-height: var(--leading-snug);\n  scroll-padding-block: var(--_pad);\n  transform-origin: var(--radix-popover-content-transform-origin);\n}\n.popup:focus {\n  outline: none;\n}\n.popup[data-state='open'] {\n  animation: combobox-in var(--dur-2) var(--ease-spring);\n}\n\n@keyframes combobox-in {\n  from {\n    opacity: 0;\n    scale: 0.97;\n    translate: 0 calc(var(--space-1) * -1);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .popup[data-state='open'] {\n    animation: none;\n  }\n  .chevron {\n    transition: none;\n  }\n}\n\n.listbox:empty {\n  display: none;\n}\n\n.group {\n  display: block;\n}\n.group + .group,\n.option + .group {\n  margin-block-start: var(--_pad);\n  padding-block-start: var(--_pad);\n  border-block-start: var(--border-width) solid var(--color-line);\n}\n\n.groupLabel {\n  padding: var(--space-2) var(--space-3) var(--space-1);\n  color: var(--color-ink-subtle);\n  font-size: var(--text-xs);\n  font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking);\n  text-transform: var(--label-transform);\n}\n\n/* Nested radius: the row sits inside the list's padding, so it's that much smaller. */\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  min-block-size: var(--control-sm);\n  padding-block: var(--space-1);\n  padding-inline: var(--space-3) var(--space-2);\n  border-radius: max(2px, calc(var(--_radius) - var(--_pad)));\n  cursor: default;\n  user-select: none;\n}\n.option[data-active] {\n  background-color: var(--combobox-option-highlight, var(--color-surface-sunken));\n}\n.option[data-selected] {\n  font-weight: var(--label-weight);\n}\n.option[data-disabled] {\n  color: var(--color-ink-subtle);\n  opacity: 0.6;\n}\n\n.optionText {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-inline-size: 0;\n}\n\n.optionLabel {\n  overflow-wrap: anywhere;\n}\n\n.optionDescription {\n  color: var(--color-ink-muted);\n  font-size: var(--text-sm);\n  font-weight: normal;\n}\n\n/* Multiple: a checkbox-like square, filled when chosen. */\n.box {\n  display: inline-grid;\n  flex: none;\n  place-items: center;\n  inline-size: 1.1em;\n  block-size: 1.1em;\n  border: var(--border-width) solid var(--color-line-control);\n  border-radius: var(--radius-chip);\n  color: var(--color-accent-ink);\n}\n.option[data-selected] .box {\n  border-color: var(--color-accent);\n  background-color: var(--color-accent);\n}\n.box > svg {\n  inline-size: 0.9em;\n  block-size: 0.9em;\n}\n\n.check {\n  flex: none;\n  inline-size: 1.1em;\n  block-size: 1.1em;\n  color: var(--combobox-option-check, var(--color-accent-text));\n}\n\n.message {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-3);\n  color: var(--color-ink-muted);\n  font-size: var(--text-sm);\n}\n"],"mappings":""}

package/dist/components/inputs/Combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox } from './Combobox.js';
+export type { ComboboxBase, ComboboxMultipleProps, ComboboxOption, ComboboxProps, ComboboxSingleProps, } from './Combobox.js';

package/dist/components/inputs/Combobox/storyData.d.ts

@@ -0,0 +1,7 @@
+import type { ComboboxOption } from './Combobox.js';
+/** Countries grouped by region (ISO 3166 alpha-3 values); keywords catch other names for the same country. */
+export declare const countries: readonly ComboboxOption[];
+/** Clients for the async story: the companies a small studio bills. */
+export declare const clients: readonly ComboboxOption[];
+/** Project labels for the multiple/creatable and Tags stories. */
+export declare const projectLabels: readonly ComboboxOption[];

package/dist/components/inputs/Combobox/useControllableState.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Controlled/uncontrolled state in one hook (Radix naming): when `value` is defined the
+ * caller owns it; otherwise it lives here, seeded from `defaultValue`. `setValue` always
+ * calls `onChange`, and only updates local state when uncontrolled.
+ *
+ * Shared by Combobox, TagsInput and FileDrop (internal — not exported from the package).
+ */
+export declare function useControllableState<T>(value: T | undefined, defaultValue: T, onChange?: (next: T) => void): [T, (next: T) => void];

package/dist/components/inputs/Combobox/useControllableState.js

@@ -0,0 +1,13 @@
+import { useLatest as e } from "../internal/useLatest.js";
+import { useCallback as t, useState as n } from "react";
+//#region src/components/inputs/Combobox/useControllableState.ts
+function r(r, i, a) {
+	let [o, s] = n(i), c = r !== void 0, l = c ? r : o, u = e(a);
+	return [l, t((e) => {
+		c || s(e), u.current?.(e);
+	}, [c, u])];
+}
+//#endregion
+export { r as useControllableState };
+
+//# sourceMappingURL=useControllableState.js.map

package/dist/components/inputs/Combobox/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","names":["useControllableState","internal","setInternal","useState","defaultValue","controlled","value","current","onChangeRef","useLatest","onChange","useCallback","next"],"sources":["../../../../src/components/inputs/Combobox/useControllableState.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useLatest } from '#components/inputs/internal/useLatest'\n\n/**\n * Controlled/uncontrolled state in one hook (Radix naming): when `value` is defined the\n * caller owns it; otherwise it lives here, seeded from `defaultValue`. `setValue` always\n * calls `onChange`, and only updates local state when uncontrolled.\n *\n * Shared by Combobox, TagsInput and FileDrop (internal — not exported from the package).\n */\nexport function useControllableState<T>(\n  value: T | undefined,\n  defaultValue: T,\n  onChange?: (next: T) => void,\n): [T, (next: T) => void] {\n  const [internal, setInternal] = useState<T>(defaultValue)\n  const controlled = value !== undefined\n  const current = controlled ? value : internal\n\n  // Keep the latest callback without re-creating the setter each render.\n  const onChangeRef = useLatest(onChange)\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!controlled) setInternal(next)\n      onChangeRef.current?.(next)\n    },\n    [controlled, onChangeRef],\n  )\n\n  return [current, setValue]\n}\n"],"mappings":";;;AAUA,SAAgBA,EACd,GACA,GACA,GACwB;CACxB,IAAM,CAACC,GAAUC,KAAeC,EAAYC,CAAY,GAClDC,IAAaC,MAAU,KAAA,GACvBC,IAAUF,IAAaC,IAAQL,GAG/BO,IAAcC,EAAUC,CAAQ;CAUtC,OAAO,CAACH,GARSI,GACd,MAAY;EAEX,AADKN,KAAYH,EAAYU,CAAI,GACjCJ,EAAY,UAAUI,CAAI;CAC5B,GACA,CAACP,GAAYG,CAAW,CAGT,CAAQ;AAC3B"}

package/dist/components/inputs/ComboboxField/ComboboxField.d.ts

@@ -0,0 +1,17 @@
+import { type FieldLabelProps } from '../Field/index.js';
+import { type ComboboxMultipleProps, type ComboboxSingleProps } from '../Combobox/index.js';
+type OwnProps<P> = Omit<P, 'invalid' | keyof FieldLabelProps>;
+export type ComboboxFieldSingleProps = FieldLabelProps & OwnProps<ComboboxSingleProps>;
+export type ComboboxFieldMultipleProps = FieldLabelProps & OwnProps<ComboboxMultipleProps>;
+/** Single (`value: string | null`) or `multiple` (`value: readonly string[]`). */
+export type ComboboxFieldProps = ComboboxFieldSingleProps | ComboboxFieldMultipleProps;
+/**
+ * Label + Combobox + description + warning + error. Combobox props (`options`, `value`,
+ * `multiple`, `creatable`…) and the ref go to the text input; `className`/`style` go to
+ * the field wrapper. `onBlur` fires once focus leaves the whole control.
+ *
+ * <ComboboxField label="Country" options={countries} placeholder="Search countries" />
+ * <ComboboxField label="Labels" multiple creatable options={labels} maxSelected={5} />
+ */
+export declare const ComboboxField: import("react").ForwardRefExoticComponent<ComboboxFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/inputs/ComboboxField/ComboboxField.js

@@ -0,0 +1,26 @@
+import { Field as e } from "../Field/Field.js";
+import { splitFieldLabelProps as t } from "../internal/fieldProps.js";
+import { Combobox as n } from "../Combobox/Combobox.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/inputs/ComboboxField/ComboboxField.tsx
+var a = r(function(r, a) {
+	let [o, s] = t(r), { id: c, disabled: l, className: u, style: d, ...f } = s;
+	return /* @__PURE__ */ i(e, {
+		...o,
+		htmlFor: c,
+		disabled: l,
+		className: u,
+		style: d,
+		children: /* @__PURE__ */ i(n, {
+			ref: a,
+			id: c,
+			disabled: l,
+			...f
+		})
+	});
+});
+//#endregion
+export { a as ComboboxField };
+
+//# sourceMappingURL=ComboboxField.js.map

package/dist/components/inputs/ComboboxField/ComboboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxField.js","names":["ComboboxField","forwardRef","fieldProps","rest","splitFieldLabelProps","props","comboboxProps","Field","id","Combobox"],"sources":["../../../../src/components/inputs/ComboboxField/ComboboxField.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Field, type FieldLabelProps } from '#components/inputs/Field'\nimport {\n  Combobox,\n  type ComboboxMultipleProps,\n  type ComboboxProps,\n  type ComboboxSingleProps,\n} from '#components/inputs/Combobox'\nimport { splitFieldLabelProps } from '#components/inputs/internal/fieldProps'\n\ntype OwnProps<P> = Omit<P, 'invalid' | keyof FieldLabelProps>\n\nexport type ComboboxFieldSingleProps = FieldLabelProps & OwnProps<ComboboxSingleProps>\nexport type ComboboxFieldMultipleProps = FieldLabelProps & OwnProps<ComboboxMultipleProps>\n\n/** Single (`value: string | null`) or `multiple` (`value: readonly string[]`). */\nexport type ComboboxFieldProps = ComboboxFieldSingleProps | ComboboxFieldMultipleProps\n\n/**\n * Label + Combobox + description + warning + error. Combobox props (`options`, `value`,\n * `multiple`, `creatable`…) and the ref go to the text input; `className`/`style` go to\n * the field wrapper. `onBlur` fires once focus leaves the whole control.\n *\n * <ComboboxField label=\"Country\" options={countries} placeholder=\"Search countries\" />\n * <ComboboxField label=\"Labels\" multiple creatable options={labels} maxSelected={5} />\n */\nexport const ComboboxField = forwardRef<HTMLInputElement, ComboboxFieldProps>(\n  function ComboboxField(props, ref) {\n    const [fieldProps, rest] = splitFieldLabelProps(props)\n    const { id, disabled, className, style, ...comboboxProps } = rest\n    return (\n      <Field {...fieldProps} htmlFor={id} disabled={disabled} className={className} style={style}>\n        <Combobox ref={ref} id={id} disabled={disabled} {...(comboboxProps as ComboboxProps)} />\n      </Field>\n    )\n  },\n)\n"],"mappings":";;;;;;AA0BA,IAAaA,IAAgBC,EAC3B,SAAuB,GAAO,GAAK;CACjC,IAAM,CAACC,GAAYC,KAAQC,EAAqBC,CAAK,GAC/C,EAAE,OAAI,aAAU,cAAW,UAAO,GAAGC,MAAkBH;CAC7D,OACE,kBAACI,GAAD;EAAO,GAAIL;EAAY,SAASM;EAAc;EAAqB;EAAkB;EACnF,UAAA,kBAACC,GAAD;GAAe;GAAS;GAAc;GAAU,GAAKH;EAAkC,CAAA;CAClF,CAAA;AAEX,CACF"}

package/dist/components/inputs/ComboboxField/index.d.ts

@@ -0,0 +1,2 @@
+export { ComboboxField } from './ComboboxField.js';
+export type { ComboboxFieldMultipleProps, ComboboxFieldProps, ComboboxFieldSingleProps, } from './ComboboxField.js';