@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/chunks/combobox-DqtzsAKG.js

@@ -0,0 +1,314 @@
+"use client";
+import { i as e, o as t, r as n } from "./styles-CVJU9t9v.js";
+import { t as r } from "./cn-DUDmdLpZ.js";
+import { i } from "./dev-CR1p7gCm.js";
+import { n as ee, r as te } from "./portal-context-BBbzDKmY.js";
+import { i as a } from "./context-BELWW79w.js";
+import { t as o } from "./icon-BqujXDUc.js";
+import { a as s, o as ne, s as re } from "./field-BZriODU7.js";
+import { i as c } from "./input-group-BQLw06B0.js";
+import { a as l } from "./tag-CwDKXVHj.js";
+import { n as ie, t as ae } from "./use-layout-width-CbSDbRb0.js";
+import { forwardRef as u, useEffect as d, 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" };
+function E({ text: e, query: t }) {
+	let n = t.trim().toLowerCase();
+	if (!n) return /* @__PURE__ */ g(h, { children: e });
+	let r = e.toLowerCase().indexOf(n);
+	return r < 0 ? /* @__PURE__ */ g("span", {
+		className: "text-fg-secondary group-data-disabled/item:text-fg-disabled",
+		children: e
+	}) : /* @__PURE__ */ _("span", {
+		className: "text-fg-secondary group-data-disabled/item:text-fg-disabled",
+		children: [
+			e.slice(0, r),
+			/* @__PURE__ */ g("span", {
+				className: "text-fg group-data-disabled/item:text-fg-disabled",
+				children: e.slice(r, r + n.length)
+			}),
+			e.slice(r + n.length)
+		]
+	});
+}
+function oe(e) {
+	e.key === "Escape" && e.currentTarget.getAttribute("aria-expanded") !== "true" && e.preventBaseUIHandler?.();
+}
+var D = /* @__PURE__ */ u(function(c, u) {
+	let { options: C, placeholder: T, size: D = "md", emptyText: O, loading: k, onInputValueChange: A, searchDelay: j = 0, onCreate: M, createLabel: N, disabled: P, invalid: F, id: I, name: L, label: R, description: z, error: B, optional: se, required: ce, layout: le, className: V, multiple: H, "aria-label": U, "data-force": W } = c;
+	i("Combobox", V);
+	let G = a(), ue = s(), K = ne(c), [q, de] = m(""), J = p(null), fe = ie(J), [pe, me] = m(() => c.defaultValue ?? (H ? [] : null)), Y = c.value === void 0 ? pe : c.value, X = (Array.isArray(Y) ? Y : Y == null ? [] : [Y]).join("\0"), he = p(/* @__PURE__ */ new Map()), Z = f(() => {
+		let e = new Set(X ? X.split("\0") : []), t = /* @__PURE__ */ new Map();
+		for (let [n, r] of he.current) e.has(n) && t.set(n, r);
+		for (let e of C) t.set(e.value, e);
+		return he.current = t, t;
+	}, [C, X]), { filtered: ge, hidden: _e } = f(() => {
+		let e = q.trim().toLowerCase(), t = e ? C.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : C, n = t.slice(0, 100);
+		return M && e && !C.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)
+		};
+	}, [
+		C,
+		q,
+		M
+	]), Q = p(A);
+	Q.current = A;
+	let $ = p(null);
+	d(() => {
+		let e = $;
+		return () => {
+			e.current && clearTimeout(e.current);
+		};
+	}, []);
+	let ve = (e) => {
+		if (j <= 0) return Q.current?.(e);
+		$.current && clearTimeout($.current), $.current = setTimeout(() => {
+			$.current = null, Q.current?.(e);
+		}, j);
+	}, ye = Array.isArray(Y) ? Y.flatMap((e) => Z.get(e) ?? []) : Y == null ? null : Z.get(Y) ?? null, be = (e) => {
+		let t = Array.isArray(e) ? e : null, n = (t ?? [e]).find((e) => e && "__create" in e);
+		if (n) {
+			M?.(n.label);
+			return;
+		}
+		let r = H ? (t ?? []).map((e) => e.value) : e?.value ?? null;
+		c.value === void 0 && me(r), c.onValueChange?.(r);
+	}, xe = /* @__PURE__ */ g(S.Input, {
+		ref: u,
+		placeholder: T,
+		...I ? { id: I } : {},
+		...K.controlProps,
+		...U ? { "aria-label": U } : {},
+		...F || B ? { "aria-invalid": !0 } : {},
+		onKeyDown: oe,
+		className: "min-w-80 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed"
+	}), Se = /* @__PURE__ */ _(S.Root, {
+		items: ge,
+		filteredItems: ge,
+		value: ye,
+		onValueChange: be,
+		onInputValueChange: (e) => {
+			de(e), ve(e);
+		},
+		autoHighlight: !0,
+		itemToStringLabel: (e) => e?.label ?? "",
+		isItemEqualToValue: (e, t) => e?.value === t?.value,
+		multiple: H === !0,
+		...P ? { disabled: P } : {},
+		...L ? { name: L } : {},
+		children: [H ? /* @__PURE__ */ g(S.Chips, {
+			ref: J,
+			...W ? { "data-force": W } : {},
+			className: r("flex min-h-36 w-full flex-wrap items-center gap-4 rounded-field p-4 material-field transition-control cursor-text", (F || B) && "ring-invalid", !(R || z || B) && V),
+			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: "pr-2",
+					children: [e.label, /* @__PURE__ */ g(S.ChipRemove, {
+						"aria-label": G("combobox.remove", "Remove {label}", { label: e.label }),
+						className: "ml-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 h-28 min-w-80 flex-1 items-center", e.length === 0 ? "px-12" : "px-8"),
+				children: xe
+			})] }) })
+		}) : /* @__PURE__ */ _(S.InputGroup, {
+			ref: J,
+			...W ? { "data-force": W } : {},
+			className: r("relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text", w.size[D].classes, "pr-4", (F || B) && "ring-invalid", !(R || z || B) && V),
+			children: [xe, /* @__PURE__ */ g(S.Trigger, {
+				"aria-label": G("combobox.showOptions", "Show options"),
+				className: "inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-1 hover:text-fg",
+				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(fe),
+					children: [
+						k && /* @__PURE__ */ g("span", {
+							"aria-hidden": !0,
+							className: "absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill",
+							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: k ? G("combobox.loadingResults", "Loading results") : ""
+						}),
+						/* @__PURE__ */ g(S.Empty, {
+							className: "flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden",
+							children: k ? G("combobox.loading", "Loading…") : O ?? G("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: N ? N(t.label) : G("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"
+									}),
+									/* @__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)
+						}),
+						_e > 0 && /* @__PURE__ */ g("div", {
+							className: "flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary",
+							children: G("combobox.more", "{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}", { count: _e })
+						})
+					]
+				})
+			})
+		})]
+	});
+	return ue ? Se : re({
+		label: R,
+		description: z,
+		error: B,
+		optional: se,
+		required: ce,
+		layout: le,
+		id: K.wrapId ?? I,
+		disabled: P,
+		className: V
+	}, Se);
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "Combobox");
+var O = /* @__PURE__ */ u(function(n, i) {
+	let { suggestions: a, value: c, defaultValue: l, onValueChange: u, placeholder: d, size: f = "md", disabled: h, id: v, name: y, leadingIcon: b, label: x, description: S, error: T, optional: D, required: O, layout: k, className: A, "aria-label": j, "data-force": M } = n, N = s(), P = ne(n), [F, I] = m(l ?? ""), L = p(null), R = ie(L), z = c ?? F, B = /* @__PURE__ */ _(C.Root, {
+		items: a,
+		...c === void 0 ? {} : { value: c },
+		...l === void 0 ? {} : { defaultValue: l },
+		onValueChange: (e) => {
+			I(e), u?.(e);
+		},
+		...h ? { disabled: h } : {},
+		...y ? { name: y } : {},
+		children: [/* @__PURE__ */ _(C.InputGroup, {
+			ref: L,
+			...M ? { "data-force": M } : {},
+			className: r("relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text", w.size[f].classes, b && "pl-14", n.error && "ring-invalid", !(x || S || T) && A),
+			children: [b && /* @__PURE__ */ g(o, {
+				icon: b,
+				size: "sm",
+				className: "text-fg-tertiary"
+			}), /* @__PURE__ */ g(C.Input, {
+				ref: i,
+				placeholder: d,
+				...v ? { id: v } : {},
+				...P.controlProps,
+				...j ? { "aria-label": j } : {},
+				onKeyDown: oe,
+				className: "min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary"
+			})]
+		}), /* @__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 N ? B : re({
+		label: x,
+		description: S,
+		error: T,
+		optional: D,
+		required: O,
+		layout: k,
+		id: P.wrapId ?? v,
+		disabled: h,
+		className: A
+	}, B);
+});
+process.env.NODE_ENV !== "production" && (O.displayName = "Autocomplete");
+//#endregion
+export { w as a, T as i, D as n, E as r, O as t };
+
+//# sourceMappingURL=combobox-DqtzsAKG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-DqtzsAKG.js","names":["_Fragment","Combobox","BaseCombobox","__icon_Cancel01Icon","__icon_ArrowDown01Icon","__icon_Add01Icon","__icon_Tick02Icon","Autocomplete","BaseAutocomplete","MENU_ITEM","MENU_POPUP","MENU_ICON","cn","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","KAESO_INPUT_GROUP_VARIANTS","Tag","useLayoutWidth","anchorWidthStyle","Fragment$1","KAESO_COMBOBOX_VARIANTS","KAESO_COMBOBOX_DEFAULT_VARIANTS","Highlight","q","query","text","i","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","label","description","value","Cancel01Icon","size","ArrowDown01Icon","loading","emptyText","Add01Icon","createLabel","Tick02Icon","hidden","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, 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 function Highlight({ text, query }: { text: string; query: string }) {\n  const q = query.trim().toLowerCase();\n  if (!q) return <>{text}</>;\n  const i = text.toLowerCase().indexOf(q);\n  if (i < 0) return <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">{text}</span>;\n  return (\n    <span 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}\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\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-80 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\"\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            \"flex min-h-36 w-full flex-wrap items-center gap-4 rounded-field p-4 material-field transition-control cursor-text\",\n            (invalid || error) && \"ring-invalid\",\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=\"pr-2\">\n                      {o.label}\n                      <BaseCombobox.ChipRemove\n                        aria-label={t(\"combobox.remove\", \"Remove {label}\", { label: o.label })}\n                        className=\"ml-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 h-28 min-w-80 flex-1 items-center\", value.length === 0 ? \"px-12\" : \"px-8\")}>{inputEl}</span>\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            \"pr-4\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          {inputEl}\n          <BaseCombobox.Trigger\n            aria-label={t(\"combobox.showOptions\", \"Show options\")}\n            className=\"inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-1 hover:text-fg\"\n          >\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\">\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 ? t(\"combobox.loading\", \"Loading…\") : (emptyText ?? 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 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_COMBOBOX_VARIANTS.size[size].classes,\n          leadingIcon && \"pl-14\",\n          props.error && \"ring-invalid\",\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\"\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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"}