@logicplanes/kaeso-ui 0.4.4 → 0.4.5

package/dist/chunks/combobox-DkcjkWc6.js

@@ -0,0 +1,352 @@
+"use client";
+import { i as e, o as t, r as n } from "./styles-hkFkoBbi.js";
+import { t as r } from "./cn-BjnOAUrA.js";
+import { i } from "./dev-CR1p7gCm.js";
+import { n as ee, r as te } from "./portal-context-CTatR2Z8.js";
+import { i as a } from "./context-BELWW79w.js";
+import { t as o } from "./icon-CBzOwqrX.js";
+import { a as ne, o as re, s as ie } from "./field-D7m-yl-D.js";
+import { a as s, i as c } from "./input-group-jPcK9T_a.js";
+import { a as l } from "./tag-BGr6lTSV.js";
+import { n as u, t as ae } from "./use-layout-width-CbSDbRb0.js";
+import { forwardRef as d, useEffect as oe, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Add01Icon as v, ArrowDown01Icon as y, Cancel01Icon as b, Tick02Icon as x } from "@hugeicons/core-free-icons";
+import { Combobox as S } from "@base-ui/react/combobox";
+import { Autocomplete as C } from "@base-ui/react/autocomplete";
+//#region src/components/combobox/combobox.tsx
+var w = { size: {
+	sm: { classes: c.size.sm.classes },
+	md: { classes: c.size.md.classes },
+	lg: { classes: c.size.lg.classes },
+	xl: { classes: c.size.xl.classes }
+} }, T = { size: "md" }, E = /* @__PURE__ */ d(function({ text: e, query: t }, n) {
+	let r = t.trim().toLowerCase();
+	if (!r) return /* @__PURE__ */ g("span", {
+		ref: n,
+		children: e
+	});
+	let i = e.toLowerCase().indexOf(r);
+	return i < 0 ? /* @__PURE__ */ g("span", {
+		ref: n,
+		className: "text-fg-secondary group-data-disabled/item:text-fg-disabled",
+		children: e
+	}) : /* @__PURE__ */ _("span", {
+		ref: n,
+		className: "text-fg-secondary group-data-disabled/item:text-fg-disabled",
+		children: [
+			e.slice(0, i),
+			/* @__PURE__ */ g("span", {
+				className: "text-fg group-data-disabled/item:text-fg-disabled",
+				children: e.slice(i, i + r.length)
+			}),
+			e.slice(i + r.length)
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "Highlight");
+var D = {
+	sm: {
+		field: "min-h-32 p-4 pe-32",
+		row: "h-24",
+		chevron: "end-2 top-2"
+	},
+	md: {
+		field: "min-h-36 p-4 pe-36",
+		row: "h-28",
+		chevron: "end-4 top-4"
+	},
+	lg: {
+		field: "min-h-40 p-6 pe-36",
+		row: "h-28",
+		chevron: "end-6 top-6"
+	},
+	xl: {
+		field: "min-h-48 p-8 pe-40 text-body-lg",
+		row: "h-32",
+		chevron: "end-10 top-10"
+	}
+}, O = "inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-raised-hover hover:text-fg";
+function k(e) {
+	e.key === "Escape" && e.currentTarget.getAttribute("aria-expanded") !== "true" && e.preventBaseUIHandler?.();
+}
+var A = /* @__PURE__ */ d(function(s, c) {
+	let { options: d, placeholder: C, size: T = "md", emptyText: A, loading: j, onInputValueChange: M, searchDelay: N = 0, onCreate: P, createLabel: F, disabled: I, invalid: se, id: L, name: R, label: z, description: B, error: V, optional: ce, required: le, layout: ue, className: H, multiple: U, "aria-label": W, "data-force": G } = s;
+	i("Combobox", H);
+	let K = a(), de = ne(), fe = re(s), [q, pe] = m(""), J = p(null), me = u(J), [he, ge] = m(() => s.defaultValue ?? (U ? [] : null)), Y = s.value === void 0 ? he : s.value, X = (Array.isArray(Y) ? Y : Y == null ? [] : [Y]).join("\0"), _e = p(/* @__PURE__ */ new Map()), ve = f(() => {
+		let e = new Set(X ? X.split("\0") : []), t = /* @__PURE__ */ new Map();
+		for (let [n, r] of _e.current) e.has(n) && t.set(n, r);
+		for (let e of d) t.set(e.value, e);
+		return _e.current = t, t;
+	}, [d, X]), { filtered: Z, hidden: ye } = f(() => {
+		let e = q.trim().toLowerCase(), t = e ? d.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : d, n = t.slice(0, 100);
+		return P && e && !d.some((t) => t.label.toLowerCase() === e) && n.push({
+			value: `__create__${q}`,
+			label: q.trim(),
+			__create: !0
+		}), {
+			filtered: n,
+			hidden: Math.max(0, t.length - 100)
+		};
+	}, [
+		d,
+		q,
+		P
+	]), Q = p(M);
+	Q.current = M;
+	let $ = p(null);
+	oe(() => {
+		let e = $;
+		return () => {
+			e.current && clearTimeout(e.current);
+		};
+	}, []);
+	let be = (e) => {
+		if (N <= 0) return Q.current?.(e);
+		$.current && clearTimeout($.current), $.current = setTimeout(() => {
+			$.current = null, Q.current?.(e);
+		}, N);
+	}, xe = Array.isArray(Y) ? Y.flatMap((e) => ve.get(e) ?? []) : Y == null ? null : ve.get(Y) ?? null, Se = (e) => {
+		let t = Array.isArray(e) ? e : null, n = (t ?? [e]).find((e) => e && "__create" in e);
+		if (n) {
+			P?.(n.label);
+			return;
+		}
+		let r = U ? (t ?? []).map((e) => e.value) : e?.value ?? null;
+		s.value === void 0 && ge(r), s.onValueChange?.(r);
+	}, Ce = /* @__PURE__ */ g(S.Input, {
+		ref: c,
+		placeholder: C,
+		...L ? { id: L } : {},
+		...fe.controlProps,
+		...W ? { "aria-label": W } : {},
+		...se || V ? { "aria-invalid": !0 } : {},
+		onKeyDown: k,
+		className: "min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed disabled:text-fg-disabled"
+	}), we = /* @__PURE__ */ _(S.Root, {
+		items: Z,
+		filteredItems: Z,
+		value: xe,
+		onValueChange: Se,
+		onInputValueChange: (e) => {
+			pe(e), be(e);
+		},
+		autoHighlight: !0,
+		itemToStringLabel: (e) => e?.label ?? "",
+		isItemEqualToValue: (e, t) => e?.value === t?.value,
+		multiple: U === !0,
+		...I ? { disabled: I } : {},
+		...R ? { name: R } : {},
+		children: [U ? /* @__PURE__ */ g(S.Chips, {
+			ref: J,
+			...G ? { "data-force": G } : {},
+			className: r("relative flex w-full flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", D[T].field, !(z || B || V) && H),
+			children: /* @__PURE__ */ g(S.Value, { children: (e) => /* @__PURE__ */ _(h, { children: [
+				e.map((e) => /* @__PURE__ */ g(S.Chip, {
+					"aria-label": e.label,
+					className: "outline-none",
+					children: /* @__PURE__ */ _(l, {
+						className: "pe-2",
+						children: [e.label, /* @__PURE__ */ g(S.ChipRemove, {
+							"aria-label": K("combobox.remove", "Remove {label}", { label: e.label }),
+							className: "ms-2 inline-flex size-24 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg",
+							children: /* @__PURE__ */ g(o, {
+								icon: b,
+								size: "xs"
+							})
+						})]
+					})
+				}, e.value)),
+				/* @__PURE__ */ g("span", {
+					className: r("flex min-w-64 flex-1 basis-64 items-center", D[T].row, e.length === 0 ? "px-12" : "px-8"),
+					children: Ce
+				}),
+				/* @__PURE__ */ g(S.Trigger, {
+					"aria-label": K("combobox.showOptions", "Show options"),
+					className: r(O, "absolute", D[T].chevron),
+					children: /* @__PURE__ */ g(o, {
+						icon: y,
+						size: "sm"
+					})
+				})
+			] }) })
+		}) : /* @__PURE__ */ _(S.InputGroup, {
+			ref: J,
+			...G ? { "data-force": G } : {},
+			className: r("relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text", w.size[T].classes, "pe-4", !(z || B || V) && H),
+			children: [Ce, /* @__PURE__ */ g(S.Trigger, {
+				"aria-label": K("combobox.showOptions", "Show options"),
+				className: O,
+				children: /* @__PURE__ */ g(o, {
+					icon: y,
+					size: "sm"
+				})
+			})]
+		}), /* @__PURE__ */ g(S.Portal, {
+			container: te(),
+			children: /* @__PURE__ */ g(S.Positioner, {
+				anchor: J,
+				positionMethod: "fixed",
+				collisionBoundary: ee(),
+				align: "start",
+				sideOffset: 6,
+				collisionPadding: 8,
+				className: "z-50 outline-none",
+				children: /* @__PURE__ */ _(S.Popup, {
+					className: r(t, "relative min-w-anchor overflow-hidden"),
+					style: ae(me),
+					children: [
+						j && /* @__PURE__ */ g("span", {
+							"aria-hidden": !0,
+							className: "absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill show-after-delay reduced:hidden",
+							children: /* @__PURE__ */ g("span", { className: "block h-full w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary" })
+						}),
+						/* @__PURE__ */ g(S.Status, {
+							className: "sr-only",
+							children: j ? K("combobox.loadingResults", "Loading results") : ""
+						}),
+						/* @__PURE__ */ g(S.Empty, {
+							className: "flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden",
+							children: j ? K("combobox.loading", "Loading…") : A ?? (q.trim() ? K("combobox.noMatch", "No matches for “{query}”", { query: q.trim() }) : K("combobox.noResults", "No results"))
+						}),
+						/* @__PURE__ */ g(S.List, {
+							className: "-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet",
+							children: (t) => /* @__PURE__ */ g(S.Item, {
+								value: t,
+								...t.disabled ? { disabled: !0 } : {},
+								className: e,
+								children: "__create" in t ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(o, {
+									icon: v,
+									size: "sm",
+									className: n
+								}), /* @__PURE__ */ g("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: F ? F(t.label) : K("combobox.add", "Add “{label}”", { label: t.label })
+								})] }) : /* @__PURE__ */ _(h, { children: [
+									t.leading,
+									t.icon && /* @__PURE__ */ g(o, {
+										icon: t.icon,
+										size: "sm",
+										className: "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled forced-colors:text-current"
+									}),
+									/* @__PURE__ */ _("span", {
+										className: r("flex min-w-0 flex-1 flex-col", t.description && "gap-2 py-8"),
+										children: [/* @__PURE__ */ g("span", {
+											className: "truncate",
+											children: /* @__PURE__ */ g(E, {
+												text: t.label,
+												query: q
+											})
+										}), t.description && /* @__PURE__ */ g("span", {
+											className: "text-small font-regular text-fg-secondary",
+											children: t.description
+										})]
+									}),
+									/* @__PURE__ */ g(S.ItemIndicator, {
+										keepMounted: !0,
+										className: "flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100",
+										children: /* @__PURE__ */ g(o, {
+											icon: x,
+											size: "sm"
+										})
+									})
+								] })
+							}, t.value)
+						}),
+						ye > 0 && /* @__PURE__ */ g("div", {
+							className: "flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary",
+							children: K("combobox.more", "{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}", { count: ye })
+						})
+					]
+				})
+			})
+		})]
+	});
+	return de ? we : ie({
+		label: z,
+		description: B,
+		error: V,
+		optional: ce,
+		required: le,
+		layout: ue,
+		id: fe.wrapId ?? L,
+		disabled: I,
+		className: H
+	}, we);
+});
+process.env.NODE_ENV !== "production" && (A.displayName = "Combobox");
+var j = { size: w.size }, M = { size: "md" }, N = /* @__PURE__ */ d(function(n, i) {
+	let { suggestions: a, value: c, defaultValue: l, onValueChange: d, placeholder: oe, size: f = "md", disabled: h, id: v, name: y, leadingIcon: b, label: x, description: S, error: w, optional: T, required: D, layout: O, className: A, "aria-label": M, "data-force": N } = n, P = ne(), F = re(n), [I, se] = m(l ?? ""), L = p(null), R = u(L), z = c ?? I, B = /* @__PURE__ */ _(C.Root, {
+		items: a,
+		...c === void 0 ? {} : { value: c },
+		...l === void 0 ? {} : { defaultValue: l },
+		onValueChange: (e) => {
+			se(e), d?.(e);
+		},
+		...h ? { disabled: h } : {},
+		...y ? { name: y } : {},
+		children: [/* @__PURE__ */ _(C.InputGroup, {
+			ref: L,
+			...N ? { "data-force": N } : {},
+			className: r("relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text", j.size[f].classes, b && s[f], !(x || S || w) && A),
+			children: [b && /* @__PURE__ */ g(o, {
+				icon: b,
+				size: "sm",
+				className: "text-fg-tertiary"
+			}), /* @__PURE__ */ g(C.Input, {
+				ref: i,
+				placeholder: oe,
+				...v ? { id: v } : {},
+				...F.controlProps,
+				...M ? { "aria-label": M } : {},
+				onKeyDown: k,
+				className: "min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:text-fg-disabled"
+			})]
+		}), /* @__PURE__ */ g(C.Portal, {
+			container: te(),
+			children: /* @__PURE__ */ g(C.Positioner, {
+				anchor: L,
+				positionMethod: "fixed",
+				collisionBoundary: ee(),
+				align: "start",
+				sideOffset: 6,
+				collisionPadding: 8,
+				className: "z-50 outline-none",
+				children: /* @__PURE__ */ g(C.Popup, {
+					className: r(t, "min-w-anchor overflow-hidden data-empty:hidden"),
+					style: ae(R),
+					children: /* @__PURE__ */ g(C.List, {
+						className: "-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet",
+						children: (t) => /* @__PURE__ */ g(C.Item, {
+							value: t,
+							className: e,
+							children: /* @__PURE__ */ g("span", {
+								className: "truncate",
+								children: /* @__PURE__ */ g(E, {
+									text: t,
+									query: z
+								})
+							})
+						}, t)
+					})
+				})
+			})
+		})]
+	});
+	return P ? B : ie({
+		label: x,
+		description: S,
+		error: w,
+		optional: T,
+		required: D,
+		layout: O,
+		id: F.wrapId ?? v,
+		disabled: h,
+		className: A
+	}, B);
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "Autocomplete");
+//#endregion
+export { j as a, M as i, A as n, T as o, E as r, w as s, N as t };
+
+//# sourceMappingURL=combobox-DkcjkWc6.js.map

package/dist/chunks/combobox-DkcjkWc6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-DkcjkWc6.js","names":["Combobox","BaseCombobox","_Fragment","__icon_Cancel01Icon","__icon_ArrowDown01Icon","__icon_Add01Icon","__icon_Tick02Icon","Autocomplete","BaseAutocomplete","MENU_ITEM","MENU_POPUP","MENU_ICON","cn","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","LEADING","KAESO_INPUT_GROUP_VARIANTS","Tag","useLayoutWidth","anchorWidthStyle","Fragment$1","KAESO_COMBOBOX_VARIANTS","KAESO_COMBOBOX_DEFAULT_VARIANTS","Highlight","q","query","text","CHIPS","CHEVRON","keepValueOnEscape","Combobox$1","ariaLabel","force","props","className","t","field","fc","setQuery","useState","fieldRef","useRef","fieldWidth","inner","setInner","multiple","current","chosenKey","seen","byValue","useMemo","chosen","next","v","o","options","matched","list","onCreate","report","onInputValueChange","pending","timer","reportInput","searchDelay","rootValue","handleChange","arr","created","x","inputEl","Combobox","id","invalid","error","control","filtered","a","b","disabled","name","size","label","description","value","Cancel01Icon","ArrowDown01Icon","loading","emptyText","Add01Icon","createLabel","Tick02Icon","hidden","KAESO_AUTOCOMPLETE_VARIANTS","KAESO_AUTOCOMPLETE_DEFAULT_VARIANTS","Autocomplete$1","defaultValue","Autocomplete","suggestions","onValueChange","leadingIcon","s"],"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon, Add01Icon as __icon_Add01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { KAESO_INPUT_GROUP_VARIANTS, LEADING, type InputSize } from \"../input/input-group.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { MENU_ICON, MENU_ITEM, MENU_POPUP } from \"../menu/styles.js\";\n\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_COMBOBOX_VARIANTS = {\n  size: {\n    sm: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.sm.classes,\n    },\n    md: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.md.classes,\n    },\n    lg: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.lg.classes,\n    },\n    xl: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.xl.classes,\n    },\n  },\n} as const;\nexport const KAESO_COMBOBOX_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface CreateItem extends ComboboxOption {\n  __create: true;\n}\n\nexport interface HighlightProps {\n  text: string;\n  query: string;\n}\n\nexport const Highlight = /* @__PURE__ */ forwardRef<HTMLSpanElement, HighlightProps>(function Highlight({ text, query }, ref) {\n  const q = query.trim().toLowerCase();\n  if (!q) return <span ref={ref}>{text}</span>;\n  const i = text.toLowerCase().indexOf(q);\n  if (i < 0)\n    return (\n      <span ref={ref} className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">\n        {text}\n      </span>\n    );\n  return (\n    <span ref={ref} className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">\n      {text.slice(0, i)}\n      <span className=\"text-fg group-data-disabled/item:text-fg-disabled\">{text.slice(i, i + q.length)}</span>\n      {text.slice(i + q.length)}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Highlight.displayName = \"Highlight\";\n\ninterface BaseProps extends FieldWrapProps {\n  options: ComboboxOption[];\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  emptyText?: ReactNode | undefined;\n  loading?: boolean | undefined;\n  onInputValueChange?: ((value: string) => void) | undefined;\n  searchDelay?: number | undefined;\n  onCreate?: ((label: string) => void) | undefined;\n  createLabel?: ((label: string) => string) | undefined;\n  disabled?: boolean | undefined;\n  invalid?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleComboboxProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string | null) => void) | undefined;\n}\nexport interface MultiComboboxProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type ComboboxProps = SingleComboboxProps | MultiComboboxProps;\n\nconst CHIPS: Record<InputSize, { field: string; row: string; chevron: string }> = {\n  sm: { field: \"min-h-32 p-4 pe-32\", row: \"h-24\", chevron: \"end-2 top-2\" },\n  md: { field: \"min-h-36 p-4 pe-36\", row: \"h-28\", chevron: \"end-4 top-4\" },\n  lg: { field: \"min-h-40 p-6 pe-36\", row: \"h-28\", chevron: \"end-6 top-6\" },\n  xl: { field: \"min-h-48 p-8 pe-40 text-body-lg\", row: \"h-32\", chevron: \"end-10 top-10\" },\n};\n\nconst CHEVRON = \"inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-raised-hover hover:text-fg\";\n\nfunction keepValueOnEscape(e: KeyboardEvent<HTMLInputElement> & { preventBaseUIHandler?: (() => void) | undefined }) {\n  if (e.key === \"Escape\" && e.currentTarget.getAttribute(\"aria-expanded\") !== \"true\") e.preventBaseUIHandler?.();\n}\n\nexport const Combobox = /* @__PURE__ */ forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(props, ref) {\n  const {\n    options,\n    placeholder,\n    size = \"md\",\n    emptyText,\n    loading,\n    onInputValueChange,\n    searchDelay = 0,\n    onCreate,\n    createLabel,\n    disabled,\n    invalid,\n    id,\n    name,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Combobox\", className);\n  const t = useUiText();\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(\"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const [inner, setInner] = useState<string | null | string[]>(() => props.defaultValue ?? (multiple ? [] : null));\n  const current = props.value !== undefined ? props.value : inner;\n  const chosenKey = (Array.isArray(current) ? current : current == null ? [] : [current]).join(\"\\u0000\");\n  const seen = useRef(new Map<string, ComboboxOption>());\n  const byValue = useMemo(() => {\n    const chosen = new Set(chosenKey ? chosenKey.split(\"\\u0000\") : []);\n    const next = new Map<string, ComboboxOption>();\n    for (const [v, o] of seen.current) if (chosen.has(v)) next.set(v, o);\n    for (const o of options) next.set(o.value, o);\n    seen.current = next;\n    return next;\n  }, [options, chosenKey]);\n  const { filtered, hidden } = useMemo(() => {\n    const SHOWN_AT_MOST = 100;\n    const q = query.trim().toLowerCase();\n    const matched = q ? options.filter((o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)) : options;\n    const list: (ComboboxOption | CreateItem)[] = matched.slice(0, SHOWN_AT_MOST);\n    if (onCreate && q && !options.some((o) => o.label.toLowerCase() === q))\n      list.push({\n        value: `__create__${query}`,\n        label: query.trim(),\n        __create: true,\n      });\n    return { filtered: list, hidden: Math.max(0, matched.length - SHOWN_AT_MOST) };\n  }, [options, query, onCreate]);\n  const report = useRef(onInputValueChange);\n  report.current = onInputValueChange;\n  const pending = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(() => {\n    const timer = pending;\n    return () => {\n      if (timer.current) clearTimeout(timer.current);\n    };\n  }, []);\n  const reportInput = (v: string) => {\n    if (searchDelay <= 0) return report.current?.(v);\n    if (pending.current) clearTimeout(pending.current);\n    pending.current = setTimeout(() => {\n      pending.current = null;\n      report.current?.(v);\n    }, searchDelay);\n  };\n  const rootValue = Array.isArray(current) ? current.flatMap((v) => byValue.get(v) ?? []) : current == null ? null : (byValue.get(current) ?? null);\n\n  const handleChange = (v: unknown) => {\n    const arr = Array.isArray(v) ? (v as (ComboboxOption | CreateItem)[]) : null;\n    const created = (arr ?? [v as ComboboxOption | CreateItem | null]).find((x) => x && \"__create\" in x) as CreateItem | undefined;\n    if (created) {\n      onCreate?.(created.label);\n      return;\n    }\n    const next = multiple ? (arr ?? []).map((x) => x.value) : ((v as ComboboxOption | null)?.value ?? null);\n    if (props.value === undefined) setInner(next);\n    if (multiple) (props.onValueChange as ((x: string[]) => void) | undefined)?.(next as string[]);\n    else (props.onValueChange as ((x: string | null) => void) | undefined)?.(next as string | null);\n  };\n\n  const inputEl = (\n    <BaseCombobox.Input\n      ref={ref}\n      placeholder={placeholder}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      onKeyDown={keepValueOnEscape}\n      className=\"min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed disabled:text-fg-disabled\"\n    />\n  );\n\n  const control = (\n    <BaseCombobox.Root\n      items={filtered}\n      filteredItems={filtered}\n      value={rootValue}\n      onValueChange={handleChange}\n      onInputValueChange={(v: string) => {\n        setQuery(v);\n        reportInput(v);\n      }}\n      autoHighlight\n      itemToStringLabel={(o: ComboboxOption) => o?.label ?? \"\"}\n      isItemEqualToValue={(a: ComboboxOption, b: ComboboxOption) => a?.value === b?.value}\n      multiple={multiple === true}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      {multiple ? (\n        <BaseCombobox.Chips\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"relative flex w-full flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n            CHIPS[size].field,\n            !(label || description || error) && className,\n          )}\n        >\n          <BaseCombobox.Value>\n            {(value: ComboboxOption[]) => (\n              <>\n                {value.map((o) => (\n                  <BaseCombobox.Chip key={o.value} aria-label={o.label} className=\"outline-none\">\n                    <Tag className=\"pe-2\">\n                      {o.label}\n                      <BaseCombobox.ChipRemove\n                        aria-label={t(\"combobox.remove\", \"Remove {label}\", { label: o.label })}\n                        className=\"ms-2 inline-flex size-24 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg\"\n                      >\n                        <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n                      </BaseCombobox.ChipRemove>\n                    </Tag>\n                  </BaseCombobox.Chip>\n                ))}\n                <span className={cn(\"flex min-w-64 flex-1 basis-64 items-center\", CHIPS[size].row, value.length === 0 ? \"px-12\" : \"px-8\")}>{inputEl}</span>\n                <BaseCombobox.Trigger aria-label={t(\"combobox.showOptions\", \"Show options\")} className={cn(CHEVRON, \"absolute\", CHIPS[size].chevron)}>\n                  <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n                </BaseCombobox.Trigger>\n              </>\n            )}\n          </BaseCombobox.Value>\n        </BaseCombobox.Chips>\n      ) : (\n        <BaseCombobox.InputGroup\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n            KAESO_COMBOBOX_VARIANTS.size[size].classes,\n            \"pe-4\",\n            !(label || description || error) && className,\n          )}\n        >\n          {inputEl}\n          <BaseCombobox.Trigger aria-label={t(\"combobox.showOptions\", \"Show options\")} className={CHEVRON}>\n            <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n          </BaseCombobox.Trigger>\n        </BaseCombobox.InputGroup>\n      )}\n      <BaseCombobox.Portal container={usePortalContainer()}>\n        <BaseCombobox.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseCombobox.Popup className={cn(MENU_POPUP, \"relative min-w-anchor overflow-hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            {loading && (\n              <span aria-hidden className=\"absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill show-after-delay reduced:hidden\">\n                <span className=\"block h-full w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary\" />\n              </span>\n            )}\n            <BaseCombobox.Status className=\"sr-only\">{loading ? t(\"combobox.loadingResults\", \"Loading results\") : \"\"}</BaseCombobox.Status>\n            <BaseCombobox.Empty className=\"flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden\">\n              {loading\n                ? t(\"combobox.loading\", \"Loading…\")\n                : (emptyText ??\n                  (query.trim() ? t(\"combobox.noMatch\", \"No matches for “{query}”\", { query: query.trim() }) : t(\"combobox.noResults\", \"No results\")))}\n            </BaseCombobox.Empty>\n            <BaseCombobox.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(o: ComboboxOption | CreateItem) => (\n                <BaseCombobox.Item key={o.value} value={o} {...(o.disabled ? { disabled: true } : {})} className={MENU_ITEM}>\n                  {\"__create\" in o ? (\n                    <>\n                      <Icon icon={__icon_Add01Icon} size=\"sm\" className={MENU_ICON} />\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {createLabel ? createLabel(o.label) : t(\"combobox.add\", \"Add “{label}”\", { label: o.label })}\n                      </span>\n                    </>\n                  ) : (\n                    <>\n                      {o.leading}\n                      {o.icon && <Icon icon={o.icon} size=\"sm\" className={MENU_ICON} />}\n                      <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                        <span className=\"truncate\">\n                          <Highlight text={o.label} query={query} />\n                        </span>\n                        {o.description && <span className=\"text-small font-regular text-fg-secondary\">{o.description}</span>}\n                      </span>\n                      <BaseCombobox.ItemIndicator\n                        keepMounted\n                        className=\"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\"\n                      >\n                        <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                      </BaseCombobox.ItemIndicator>\n                    </>\n                  )}\n                </BaseCombobox.Item>\n              )}\n            </BaseCombobox.List>\n            {hidden > 0 && (\n              <div className=\"flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary\">\n                {t(\"combobox.more\", \"{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}\", { count: hidden })}\n              </div>\n            )}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </BaseCombobox.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Combobox.displayName = \"Combobox\";\n\nexport const KAESO_AUTOCOMPLETE_VARIANTS = { size: KAESO_COMBOBOX_VARIANTS.size } as const;\nexport const KAESO_AUTOCOMPLETE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface AutocompleteProps extends FieldWrapProps {\n  suggestions: string[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  leadingIcon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Autocomplete = /* @__PURE__ */ forwardRef<HTMLInputElement, AutocompleteProps>(function Autocomplete(props, ref) {\n  const {\n    suggestions,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    size = \"md\",\n    disabled,\n    id,\n    name,\n    leadingIcon,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(defaultValue ?? \"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const current = value ?? query;\n  const control = (\n    <BaseAutocomplete.Root\n      items={suggestions}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      onValueChange={(v: string) => {\n        setQuery(v);\n        onValueChange?.(v);\n      }}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      <BaseAutocomplete.InputGroup\n        ref={fieldRef}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_AUTOCOMPLETE_VARIANTS.size[size].classes,\n          leadingIcon && LEADING[size],\n          !(label || description || error) && className,\n        )}\n      >\n        {leadingIcon && <Icon icon={leadingIcon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        <BaseAutocomplete.Input\n          ref={ref}\n          placeholder={placeholder}\n          {...(id ? { id } : {})}\n          {...fc.controlProps}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          onKeyDown={keepValueOnEscape}\n          className=\"min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:text-fg-disabled\"\n        />\n      </BaseAutocomplete.InputGroup>\n      <BaseAutocomplete.Portal container={usePortalContainer()}>\n        <BaseAutocomplete.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseAutocomplete.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden data-empty:hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            <BaseAutocomplete.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(s: string) => (\n                <BaseAutocomplete.Item key={s} value={s} className={MENU_ITEM}>\n                  <span className=\"truncate\">\n                    <Highlight text={s} query={current} />\n                  </span>\n                </BaseAutocomplete.Item>\n              )}\n            </BaseAutocomplete.List>\n          </BaseAutocomplete.Popup>\n        </BaseAutocomplete.Positioner>\n      </BaseAutocomplete.Portal>\n    </BaseAutocomplete.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Autocomplete.displayName = \"Autocomplete\";\n"],"mappings":"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"}