@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/components/Combobox.cjs

@@ -2,17 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const reactDom = require("react-dom");
 const utils = require("../lib/utils.cjs");
-const FilterPill = require("../data/FilterPill.cjs");
 const Icon = require("../data/Icon.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const modalStack = require("../overlay/modalStack.cjs");
-const UiClose = require("../icons/components/UiClose.cjs");
-const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
-const UiCheck = require("../icons/components/UiCheck.cjs");
-const MENU_MAX_WIDTH_PX = 400;
-const MENU_MAX_HEIGHT_PX = 256;
+const ComboboxActions = require("./ComboboxActions.cjs");
+const ComboboxMenu = require("./ComboboxMenu.cjs");
+const comboboxUtils = require("./combobox-utils.cjs");
 function Combobox(props) {
   const {
     options,
@@ -23,6 +19,8 @@ function Combobox(props) {
     required,
     invalid,
     allowCustomValue = true,
+    onNew,
+    onCreate,
     id,
     size,
     className,
@@ -56,6 +54,12 @@ function Combobox(props) {
   const [highlighted, setHighlighted] = react.useState(-1);
   const [labelWidth, setLabelWidth] = react.useState(0);
   const isSelected = (optValue) => selectedValues.includes(optValue);
+  const selectedOption = react.useMemo(() => {
+    if (multiple) return void 0;
+    const selected = selectedValues[0];
+    if (!selected) return void 0;
+    return options.find((option) => option.value === selected) ?? (allowCustomValue ? (onNew == null ? void 0 : onNew(selected)) ?? void 0 : void 0);
+  }, [allowCustomValue, multiple, onNew, options, selectedValues]);
   const closedLabel = react.useMemo(() => {
     if (tristate) {
       const values = Object.values(modes);
@@ -70,14 +74,12 @@ function Combobox(props) {
       return `${labels.length} selected`;
     }
     const single = selectedValues[0] ?? "";
-    const selected = options.find((o) => o.value === single);
-    return (selected == null ? void 0 : selected.selectedLabel) ?? (selected == null ? void 0 : selected.label) ?? single;
-  }, [tristate, modes, multiple, options, selectedValues]);
-  const selectedOption = multiple ? void 0 : options.find((o) => o.value === selectedValues[0]);
+    return (selectedOption == null ? void 0 : selectedOption.selectedLabel) ?? (selectedOption == null ? void 0 : selectedOption.label) ?? single;
+  }, [tristate, modes, multiple, options, selectedOption, selectedValues]);
   const effectivePrefix = prefix ?? ((selectedOption == null ? void 0 : selectedOption.icon) != null ? /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: selectedOption.icon, className: "size-4" }) : null);
   const displayValue = open ? query : closedLabel;
   const filtered = react.useMemo(() => {
-    if (onSearch) return withSelectedOptions(options, selectedValues);
+    if (onSearch) return comboboxUtils.withSelectedComboboxOptions(options, selectedValues);
     const q = query.toLowerCase().trim();
     if (!q) return options;
     return options.filter(
@@ -91,10 +93,22 @@ function Combobox(props) {
   }, [onSearch, open, query]);
   const trimmedQuery = query.trim();
   const customEntry = react.useMemo(() => {
-    if (!tristate || !allowCustomValue || !trimmedQuery) return null;
-    const exists = filtered.some((o) => o.value === trimmedQuery);
-    return exists ? null : { value: trimmedQuery, label: trimmedQuery };
-  }, [tristate, allowCustomValue, trimmedQuery, filtered]);
+    if (!allowCustomValue || !trimmedQuery || !tristate && (multiple || !onNew) || options.some((option) => option.value === trimmedQuery)) {
+      return null;
+    }
+    if (onNew) return onNew(trimmedQuery);
+    return {
+      value: trimmedQuery,
+      label: `Add "${trimmedQuery}"`
+    };
+  }, [
+    allowCustomValue,
+    multiple,
+    onNew,
+    options,
+    trimmedQuery,
+    tristate
+  ]);
   const navOptions = react.useMemo(
     () => customEntry ? [...filtered, customEntry] : filtered,
     [filtered, customEntry]
@@ -139,11 +153,17 @@ function Combobox(props) {
       if (!anchor) return;
       const rect = anchor.getBoundingClientRect();
       const viewportCap = window.innerWidth - rect.left - 8;
-      const maxWidth = Math.max(rect.width, Math.min(MENU_MAX_WIDTH_PX, viewportCap));
+      const maxWidth = Math.max(
+        rect.width,
+        Math.min(comboboxUtils.COMBOBOX_MENU_MAX_WIDTH_PX, viewportCap)
+      );
       const spaceBelow = window.innerHeight - rect.bottom - 8;
       const spaceAbove = rect.top - 8;
-      const openUp = spaceBelow < MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;
-      const maxHeight = Math.min(MENU_MAX_HEIGHT_PX, openUp ? spaceAbove : spaceBelow);
+      const openUp = spaceBelow < comboboxUtils.COMBOBOX_MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;
+      const maxHeight = Math.min(
+        comboboxUtils.COMBOBOX_MENU_MAX_HEIGHT_PX,
+        openUp ? spaceAbove : spaceBelow
+      );
       setMenuPos({
         ...openUp ? { bottom: window.innerHeight - rect.top + 4 } : { top: rect.bottom + 4 },
         left: rect.left,
@@ -192,31 +212,51 @@ function Combobox(props) {
   function commitAndClose() {
     const trimmed = query.trim();
     if (!multiple && allowCustomValue && trimmed && trimmed !== selectedValues[0]) {
-      emit([trimmed]);
+      const existing = options.find((option) => option.value === trimmed);
+      const candidate = existing ?? (onNew ? onNew(trimmed) : {
+        value: trimmed,
+        label: trimmed
+      });
+      const created = candidate ? existing ? existing.value : onCreate ? onCreate(candidate) : candidate.value : null;
+      if (created !== null) emit([created]);
     }
     setQuery("");
     setOpen(false);
     setHighlighted(-1);
   }
   function selectOption(opt) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    if (opt === customEntry) {
+      const created = onCreate ? onCreate(opt) : opt.value;
+      if (created !== null) {
+        if (tristate) setMode(created, "include");
+        else emit([created]);
+      }
+      if (!tristate) {
+        setQuery("");
+        setOpen(false);
+        setHighlighted(-1);
+      }
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+      return;
+    }
     if (tristate) {
       cycleOption(opt.value);
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
+      (_b = inputRef.current) == null ? void 0 : _b.focus();
       return;
     }
     if (multiple) {
       const next = isSelected(opt.value) ? selectedValues.filter((v) => v !== opt.value) : [...selectedValues, opt.value];
       emit(next);
       setHighlighted(-1);
-      (_b = inputRef.current) == null ? void 0 : _b.focus();
+      (_c = inputRef.current) == null ? void 0 : _c.focus();
       return;
     }
     emit([opt.value]);
     setQuery("");
     setOpen(false);
     setHighlighted(-1);
-    (_c = inputRef.current) == null ? void 0 : _c.focus();
+    (_d = inputRef.current) == null ? void 0 : _d.focus();
   }
   function clear() {
     var _a;
@@ -299,6 +339,7 @@ function Combobox(props) {
           disabled,
           placeholder,
           value: displayValue,
+          ...!open && closedLabel ? { title: closedLabel } : {},
           onChange: (e) => {
             setQuery(e.target.value);
             if (!open) setOpen(true);
@@ -317,33 +358,18 @@ function Combobox(props) {
             "disabled:cursor-not-allowed disabled:opacity-50",
             invalid && "border-destructive focus-visible:ring-destructive"
           ),
-          style: label != null ? labelPadding(label, labelWidth) : void 0
+          style: label != null ? comboboxUtils.comboboxLabelPadding(label, labelWidth) : void 0
         }
       ),
       effectivePrefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-1.5 flex items-center", children: effectivePrefix }),
       suffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("absolute flex h-full items-center", showClear ? "right-[3.75rem]" : "right-7"), children: suffix }),
-      showClear && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": "Clear",
-          onClick: clear,
-          className: "absolute right-7 flex h-full items-center px-1 text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "text-xs" })
-        }
-      ),
-      loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-3.5 w-3.5 animate-spin text-muted-foreground", viewBox: "0 0 16 16", fill: "none", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "2", opacity: "0.25" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 8a6.5 6.5 0 0 0-6.5-6.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
-      ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ComboboxActions.ComboboxActions,
         {
-          type: "button",
-          tabIndex: -1,
           disabled,
-          "aria-label": "Toggle options",
-          onClick: () => {
+          loading,
+          onClear: clear,
+          onToggle: () => {
             var _a;
             if (open) {
               commitAndClose();
@@ -352,136 +378,32 @@ function Combobox(props) {
               (_a = inputRef.current) == null ? void 0 : _a.focus();
             }
           },
-          className: "pointer-events-auto absolute right-0 flex h-full items-center px-2 text-muted-foreground",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronDown.UiChevronDown, className: "text-xs" })
+          showClear
         }
       )
     ] }),
-    open && menuPos && typeof document !== "undefined" && reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          id: listId,
-          ref: listRef,
-          role: "listbox",
-          "aria-multiselectable": multiple || void 0,
-          style: {
-            position: "fixed",
-            ...menuPos.top != null ? { top: menuPos.top } : { bottom: menuPos.bottom },
-            left: menuPos.left,
-            // Grow to fit the widest option, but never narrower than the input
-            // nor wider than 400px (beyond which option labels truncate). The
-            // cap is also bounded by the viewport so the menu can't overflow.
-            minWidth: menuPos.width,
-            maxWidth: menuPos.maxWidth,
-            maxHeight: menuPos.maxHeight,
-            zIndex: floatingZ
-          },
-          className: "w-max overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5",
-          children: [
-            loading && filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "Loading…" }),
-            !loading && filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "No results" }),
-            filtered.map((opt, i) => {
-              var _a;
-              const selected = isSelected(opt.value);
-              const mode = tristate ? modes[opt.value] : void 0;
-              const showHeader = opt.group != null && opt.group !== ((_a = filtered[i - 1]) == null ? void 0 : _a.group);
-              return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-                showHeader && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    role: "presentation",
-                    className: "select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground",
-                    children: opt.group
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    id: listId ? `${listId}-${i}` : void 0,
-                    role: "option",
-                    "aria-selected": tristate ? mode != null : selected,
-                    "aria-disabled": opt.disabled,
-                    ...mode != null ? { "aria-label": `${opt.label}, ${mode === "include" ? "included" : "excluded"}` } : {},
-                    ...opt.title !== void 0 ? { title: opt.title } : {},
-                    ...tristate ? { "data-filter-option": opt.value } : {},
-                    onMouseDown: (e) => {
-                      e.preventDefault();
-                      if (!tristate && !opt.disabled) selectOption(opt);
-                    },
-                    ...tristate ? { onClick: () => {
-                      if (!opt.disabled) selectOption(opt);
-                    } } : {},
-                    onMouseEnter: () => setHighlighted(i),
-                    className: utils.cn(
-                      "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm",
-                      i === highlighted && "bg-accent",
-                      selected && !tristate && "font-medium",
-                      opt.disabled && "cursor-not-allowed opacity-50"
-                    ),
-                    children: tristate ? /* @__PURE__ */ jsxRuntime.jsx(
-                      FilterPill.FilterPill,
-                      {
-                        mode: mode ?? "neutral",
-                        togglePosition: "right",
-                        interactive: false,
-                        label: opt.label,
-                        onModeChange: (next) => setMode(opt.value, next),
-                        className: "w-full justify-between"
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        Icon.Icon,
-                        {
-                          icon: UiCheck.UiCheck,
-                          className: utils.cn("text-xs shrink-0", selected ? "opacity-100" : "opacity-0")
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: opt.icon, className: "text-sm text-muted-foreground" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: opt.label })
-                    ] })
-                  }
-                )
-              ] }, opt.value);
-            }),
-            customEntry && /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                id: listId ? `${listId}-${filtered.length}` : void 0,
-                role: "option",
-                "aria-selected": false,
-                "data-filter-add-custom": customEntry.value,
-                onMouseDown: (e) => e.preventDefault(),
-                onClick: () => selectOption(customEntry),
-                onMouseEnter: () => setHighlighted(filtered.length),
-                className: utils.cn(
-                  "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary",
-                  highlighted === filtered.length && "bg-accent"
-                ),
-                children: [
-                  'Add "',
-                  customEntry.value,
-                  '"'
-                ]
-              }
-            ),
-            footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "select-none px-2 py-1.5 text-[11px] text-muted-foreground", children: footer })
-          ]
-        }
-      ),
-      document.body
+    open && menuPos && typeof document !== "undefined" && /* @__PURE__ */ jsxRuntime.jsx(
+      ComboboxMenu.ComboboxMenu,
+      {
+        customEntry,
+        filtered,
+        floatingZ,
+        footer,
+        highlighted,
+        isSelected,
+        listId,
+        listRef,
+        loading,
+        menuPos,
+        modes,
+        multiple,
+        onHighlight: setHighlighted,
+        onSelect: selectOption,
+        onSetMode: setMode,
+        tristate
+      }
     )
   ] });
 }
-function labelPadding(label, measuredWidth) {
-  if (measuredWidth > 0) return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };
-  if (typeof label !== "string") return { paddingLeft: "1.75rem" };
-  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };
-}
-function withSelectedOptions(options, selectedValues) {
-  const present = new Set(options.map((o) => o.value));
-  const pinned = selectedValues.filter((v) => !present.has(v)).map((v) => ({ value: v, label: v }));
-  return pinned.length === 0 ? options : [...pinned, ...options];
-}
 exports.Combobox = Combobox;
 //# sourceMappingURL=Combobox.cjs.map

package/dist/components/Combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  Fragment,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiChevronDown, UiClose, UiCheck } from \"../icons\";\nimport { inputSizeClass, type FormSize } from \"./json-schema-form-size\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\n\n// Upper bound the open dropdown grows to in order to show full option labels\n// before they truncate. The menu's minimum is always the input's width.\nconst MENU_MAX_WIDTH_PX = 400;\n\n// Matches the menu's `max-h-64` (16rem) cap; also the threshold below which the\n// menu flips above the input instead of opening downward off-screen.\nconst MENU_MAX_HEIGHT_PX = 256;\n\nexport type ComboboxOption = {\n  value: string;\n  /** Full label used for searching and in the open option menu. */\n  label: string;\n  /** Optional compact label used only while this option is selected and closed. */\n  selectedLabel?: string;\n  disabled?: boolean;\n  /** Leading glyph for the option: a runtime icon name or a rendered node. */\n  icon?: LabelIconSpec;\n  /**\n   * Optional section label. A non-interactive header renders above the first\n   * option of each group (options are grouped by contiguous `group` value in\n   * the order provided). Options without a `group` render no header.\n   */\n  group?: string;\n  /** Browser tooltip on the option row (for truncated or explanatory labels). */\n  title?: string;\n};\n\ntype ComboboxBaseProps = {\n  /** Available options, rendered in the order provided. */\n  options: ComboboxOption[];\n  /** Ghost text when no value is set. */\n  placeholder?: string;\n  /** Optional label rendered inline inside the control, before the input. */\n  label?: ReactNode;\n  /**\n   * Accessible name for the input. Use when `label` is a non-string node (e.g.\n   * an icon) so the control still has a text name for screen readers; defaults\n   * to `label` when it is a string.\n   */\n  ariaLabel?: string;\n  /** Disables the input. */\n  disabled?: boolean;\n  /** When true, the value cannot be cleared (the clear button is hidden). */\n  required?: boolean;\n  /**\n   * Marks the control as invalid: renders a destructive border and sets\n   * aria-invalid. Purely presentational — the consumer decides what invalid\n   * means (e.g. a value absent from the options in a strict picker).\n   */\n  invalid?: boolean;\n  /**\n   * When false, the value is restricted to the provided options — typed text\n   * that does not match an option is discarded instead of committed. Defaults\n   * to true (freeform entry allowed).\n   */\n  allowCustomValue?: boolean;\n  /** HTML id for the input element. */\n  id?: string;\n  /**\n   * Overrides the input's height/padding/text size with an explicit size token\n   * (xs–xl). When unset, the input uses the global density tokens.\n   */\n  size?: FormSize;\n  /** Classes applied to the root wrapper. */\n  className?: string;\n  /** Shows a loading indicator when options are being fetched. */\n  loading?: boolean;\n  /**\n   * Optional async search invoked (debounced ~250ms) as the user types. The\n   * consumer fetches and feeds matching options back via the `options` prop\n   * (setting `loading` while in flight). When set, the component renders the\n   * provided `options` as-is instead of filtering them client-side — the\n   * server has already filtered. When absent, typing filters `options`\n   * client-side as before.\n   */\n  onSearch?: (query: string) => void;\n  /** Called when a key is pressed in the input. */\n  onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;\n  /** Trailing in-field adornment, rendered left of the clear/chevron controls. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n  /** Non-interactive content pinned below the option rows (e.g. \"… and N more\"). */\n  footer?: ReactNode;\n};\n\nexport type ComboboxSingleProps = ComboboxBaseProps & {\n  multiple?: false;\n  tristate?: false;\n  /** Controlled selected value. */\n  value: string;\n  /** Called when the selected value changes (from list or freeform input). */\n  onChange: (value: string) => void;\n};\n\nexport type ComboboxMultiProps = ComboboxBaseProps & {\n  multiple: true;\n  tristate?: false;\n  /** Controlled selected values. */\n  value: string[];\n  /** Called with the complete next value array after each toggle. */\n  onChange: (value: string[]) => void;\n};\n\nexport type ComboboxTriStateMode = \"include\" | \"exclude\";\n\nexport type ComboboxTriStateProps = ComboboxBaseProps & {\n  multiple: true;\n  /**\n   * Tri-state selection: each option cycles unset → include → exclude. Rows\n   * render the FilterPill switch; the option itself stays the only focusable\n   * surface (keyboard cycles via Enter on the highlighted row).\n   */\n  tristate: true;\n  /** Controlled option modes; unset options are absent from the record. */\n  value: Record<string, ComboboxTriStateMode>;\n  /** Called with the complete next record after each transition. */\n  onChange: (value: Record<string, ComboboxTriStateMode>) => void;\n};\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultiProps | ComboboxTriStateProps;\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder,\n    label,\n    ariaLabel: ariaLabelProp,\n    disabled,\n    required,\n    invalid,\n    allowCustomValue = true,\n    id,\n    size,\n    className,\n    loading,\n    onSearch,\n    onKeyDown: onKeyDownProp,\n    suffix,\n    prefix,\n    footer,\n  } = props;\n  const multiple = props.multiple === true;\n  const tristate = props.multiple === true && props.tristate === true;\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () => (props.multiple === true && props.tristate === true ? props.value : {}),\n    [props.multiple, props.tristate, props.value],\n  );\n  const selectedValues = useMemo<string[]>(() => {\n    if (props.multiple === true && props.tristate === true) return Object.keys(props.value);\n    if (props.multiple === true) return props.value;\n    return props.value ? [props.value] : [];\n  }, [props.multiple, props.tristate, props.value]);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [open, setOpen] = useState(false);\n  const floatingZ = useFloatingZIndex();\n  // Fixed-position coordinates for the portaled listbox, measured from the\n  // input row. `width` is the input width (the menu's minimum); `maxWidth` caps\n  // content growth at 400px, further bounded by the viewport. Null until first\n  // measured so we never render at (0,0).\n  // Either `top` (opening downward) or `bottom` (flipped upward when space below\n  // is tight, e.g. a control docked near the viewport bottom) is set, never both.\n  const [menuPos, setMenuPos] = useState<{\n    top?: number;\n    bottom?: number;\n    left: number;\n    width: number;\n    maxWidth: number;\n    maxHeight: number;\n  } | null>(null);\n  // `query` is the type-ahead filter text, kept separate from the committed\n  // value. It is empty unless the user is actively typing, so opening the\n  // dropdown shows every option rather than only the selected one.\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  // Measured pixel width of the rendered inline label. Drives the input's left\n  // padding so typed text clears the label exactly, for any glyph set (a linear\n  // per-character estimate undershoots wide uppercase letters like W/M). 0 until\n  // measured (initial paint / no-layout env like jsdom), where a per-character\n  // estimate stands in.\n  const [labelWidth, setLabelWidth] = useState(0);\n\n  const isSelected = (optValue: string) => selectedValues.includes(optValue);\n\n  // Closed-state input text. Single: the selected option's label (or its raw\n  // value as a fallback). Multi: a summary mirroring MultiSelect. Tristate:\n  // \"+N -M\" include/exclude counts (the field name lives in the inline label).\n  const closedLabel = useMemo(() => {\n    if (tristate) {\n      const values = Object.values(modes);\n      const includes = values.filter((mode) => mode === \"include\").length;\n      const excludes = values.length - includes;\n      return [includes > 0 && `+${includes}`, excludes > 0 && `-${excludes}`]\n        .filter(Boolean)\n        .join(\" \");\n    }\n    if (multiple) {\n      const labels = options\n        .filter((o) => selectedValues.includes(o.value))\n        .map((o) => o.selectedLabel ?? o.label);\n      if (labels.length === 0) return \"\";\n      if (labels.length <= 2) return labels.join(\", \");\n      return `${labels.length} selected`;\n    }\n    const single = selectedValues[0] ?? \"\";\n    const selected = options.find((o) => o.value === single);\n    return selected?.selectedLabel ?? selected?.label ?? single;\n  }, [tristate, modes, multiple, options, selectedValues]);\n\n  // Single-select: the currently-selected option, so the closed trigger can echo\n  // its icon (mirrors closedLabel's lookup above). An out-of-enum/custom value\n  // finds nothing → no icon. Multi/tristate skip it (one icon means nothing for\n  // several selections).\n  const selectedOption = multiple\n    ? undefined\n    : options.find((o) => o.value === selectedValues[0]);\n  // An explicit `prefix` wins; otherwise fall back to the selected option's icon\n  // so an icon'd picker reads the same open or closed. LabelIcon renders null for\n  // an absent spec, sizes a runtime-name string, and passes a node through as-is.\n  const effectivePrefix =\n    prefix ??\n    (selectedOption?.icon != null ? (\n      <LabelIcon icon={selectedOption.icon} className=\"size-4\" />\n    ) : null);\n\n  // While open the input mirrors the query; while closed it shows the\n  // committed selection's label/summary.\n  const displayValue = open ? query : closedLabel;\n\n  const filtered = useMemo(() => {\n    // With onSearch the server already filtered. The matches replace the list,\n    // but any already-selected value not in the matches is pinned so the user's\n    // selection stays visible and toggleable. Selected values carry no label\n    // object here, so synthesize {value, label: value} (the typeahead's value is\n    // its own human label).\n    if (onSearch) return withSelectedOptions(options, selectedValues);\n    const q = query.toLowerCase().trim();\n    if (!q) return options;\n    return options.filter(\n      (o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q),\n    );\n  }, [onSearch, options, query, selectedValues]);\n\n  // Debounced server-side search: fires onSearch ~250ms after the query settles\n  // while the menu is open. The empty-query call lets the consumer reset its\n  // result set. Only active when onSearch is provided.\n  useEffect(() => {\n    if (!onSearch || !open) return;\n    const handle = setTimeout(() => onSearch(query.trim()), 250);\n    return () => clearTimeout(handle);\n  }, [onSearch, open, query]);\n\n  const trimmedQuery = query.trim();\n  // Tristate freeform entry: a typed value matching no option gets an \"Add\"\n  // row appended to the keyboard-navigation universe (multi/tristate never\n  // commit freeform text through commitAndClose).\n  const customEntry = useMemo<ComboboxOption | null>(() => {\n    if (!tristate || !allowCustomValue || !trimmedQuery) return null;\n    const exists = filtered.some((o) => o.value === trimmedQuery);\n    return exists ? null : { value: trimmedQuery, label: trimmedQuery };\n  }, [tristate, allowCustomValue, trimmedQuery, filtered]);\n  const navOptions = useMemo(\n    () => (customEntry ? [...filtered, customEntry] : filtered),\n    [filtered, customEntry],\n  );\n\n  // Reset the highlight when the user types, but not when the option list\n  // merely re-arrives (e.g. a background server-search response) — that would\n  // yank the highlight mid-keyboard-navigation. A shrunken list clamps it.\n  useEffect(() => {\n    setHighlighted(-1);\n  }, [query]);\n  useEffect(() => {\n    if (highlighted >= navOptions.length) setHighlighted(-1);\n  }, [highlighted, navOptions.length]);\n\n  useEffect(() => {\n    if (!open) return;\n    // Dismiss when the pointer goes down, OR focus moves, anywhere outside the\n    // control and its portaled listbox — so clicking elsewhere in a dialog (the\n    // backdrop never intercepts a document-level listener) or tabbing to another\n    // field both close the menu. The listbox is portaled out of rootRef, so a\n    // click inside it would otherwise read as \"outside\" and close before select.\n    const onAway = (e: Event) => {\n      const target = e.target as Node;\n      if (!rootRef.current?.contains(target) && !listRef.current?.contains(target)) {\n        commitAndClose();\n      }\n    };\n    document.addEventListener(\"mousedown\", onAway);\n    document.addEventListener(\"focusin\", onAway);\n    return () => {\n      document.removeEventListener(\"mousedown\", onAway);\n      document.removeEventListener(\"focusin\", onAway);\n    };\n  });\n\n  // Measure the inline label so the input reserves exactly its width (see\n  // labelPadding). Re-runs whenever the label content changes.\n  useLayoutEffect(() => {\n    if (label == null) {\n      setLabelWidth(0);\n      return;\n    }\n    const el = labelRef.current;\n    if (el) setLabelWidth(el.offsetWidth);\n  }, [label]);\n\n  // Position the portaled listbox with fixed coordinates measured from the\n  // input row, so it escapes any overflow-hidden / scroll ancestor (e.g. a\n  // Modal body) that would otherwise clip it. Mirrors HoverCard's approach.\n  useLayoutEffect(() => {\n    if (!open) {\n      setMenuPos(null);\n      return;\n    }\n    const update = () => {\n      const anchor = anchorRef.current;\n      if (!anchor) return;\n      const rect = anchor.getBoundingClientRect();\n      // The menu may grow rightward up to 400px, but not past the viewport edge\n      // (leaving an 8px gutter). Never let the cap fall below the input width.\n      const viewportCap = window.innerWidth - rect.left - 8;\n      const maxWidth = Math.max(rect.width, Math.min(MENU_MAX_WIDTH_PX, viewportCap));\n      // Flip upward when there isn't room below for the menu but there is above\n      // (the input is docked near the viewport bottom). The available side bounds\n      // the menu height so it never runs off-screen.\n      const spaceBelow = window.innerHeight - rect.bottom - 8;\n      const spaceAbove = rect.top - 8;\n      const openUp = spaceBelow < MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;\n      const maxHeight = Math.min(MENU_MAX_HEIGHT_PX, openUp ? spaceAbove : spaceBelow);\n      setMenuPos({\n        ...(openUp\n          ? { bottom: window.innerHeight - rect.top + 4 }\n          : { top: rect.bottom + 4 }),\n        left: rect.left,\n        width: rect.width,\n        maxWidth,\n        maxHeight,\n      });\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open]);\n\n  function emit(next: string[]) {\n    if (props.multiple === true && props.tristate !== true) {\n      props.onChange(next);\n    } else if (props.multiple !== true) {\n      props.onChange(next[0] ?? \"\");\n    }\n  }\n\n  function emitModes(next: Record<string, ComboboxTriStateMode>) {\n    if (props.multiple === true && props.tristate === true) props.onChange(next);\n  }\n\n  function setMode(value: string, mode: string) {\n    const next = { ...modes };\n    if (mode === \"include\" || mode === \"exclude\") next[value] = mode;\n    else delete next[value];\n    emitModes(next);\n  }\n\n  function cycleOption(value: string) {\n    const current = modes[value];\n    setMode(\n      value,\n      current === undefined ? \"include\" : current === \"include\" ? \"exclude\" : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    // Only reset on the closed → open transition: a re-entrant focus while the\n    // menu is open (e.g. refocusing the input after a multi toggle) must not\n    // wipe the query the user is filtering with.\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n\n  function commitAndClose() {\n    // Freeform commit (single, allowCustomValue only): a non-empty query that\n    // doesn't match an option becomes the value. An empty query keeps the\n    // existing selection. Multi and strict modes never commit freeform text.\n    const trimmed = query.trim();\n    if (!multiple && allowCustomValue && trimmed && trimmed !== selectedValues[0]) {\n      emit([trimmed]);\n    }\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n  }\n\n  function selectOption(opt: ComboboxOption) {\n    // Multi and tristate keep the typed query so several matches from one\n    // search can be toggled without the result list resetting between clicks.\n    if (tristate) {\n      cycleOption(opt.value);\n      inputRef.current?.focus();\n      return;\n    }\n    if (multiple) {\n      const next = isSelected(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value];\n      emit(next);\n      setHighlighted(-1);\n      inputRef.current?.focus();\n      return;\n    }\n    emit([opt.value]);\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n    inputRef.current?.focus();\n  }\n\n  function clear() {\n    if (selectedValues.length > 0) {\n      if (tristate) emitModes({});\n      else emit([]);\n    }\n    setQuery(\"\");\n    setHighlighted(-1);\n    inputRef.current?.focus();\n  }\n\n  function scrollToHighlighted(index: number) {\n    const list = listRef.current;\n    if (!list) return;\n    // Query option rows by role rather than child index — interleaved group\n    // header rows are direct children too, so children[index] would be offset.\n    const item = list.querySelectorAll<HTMLElement>('[role=\"option\"]')[index];\n    item?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        openMenu();\n        return;\n      }\n      const next = highlighted < navOptions.length - 1 ? highlighted + 1 : 0;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (!open) return;\n      const next = highlighted > 0 ? highlighted - 1 : navOptions.length - 1;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"Enter\") {\n      if (\n        open &&\n        highlighted >= 0 &&\n        navOptions[highlighted] &&\n        !navOptions[highlighted].disabled\n      ) {\n        e.preventDefault();\n        selectOption(navOptions[highlighted]);\n        return;\n      }\n      commitAndClose();\n      onKeyDownProp?.(e);\n    } else if (e.key === \"Escape\") {\n      if (open) {\n        e.preventDefault();\n        setQuery(\"\");\n        setOpen(false);\n        setHighlighted(-1);\n      }\n    } else {\n      onKeyDownProp?.(e);\n    }\n  }\n\n  const listId = id ? `${id}-listbox` : undefined;\n  const ariaLabel = ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear = !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <div ref={anchorRef} data-jsf-control className=\"relative flex items-center\">\n        {label != null && (\n          <span\n            ref={labelRef}\n            className=\"pointer-events-none absolute left-2 z-10 whitespace-nowrap font-medium uppercase tracking-wide text-muted-foreground text-[10px]\"\n          >\n            {label}\n          </span>\n        )}\n        <input\n          ref={inputRef}\n          id={id}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-controls={listId}\n          aria-activedescendant={highlighted >= 0 ? `${listId}-${highlighted}` : undefined}\n          aria-label={ariaLabel}\n          aria-invalid={invalid || undefined}\n          autoComplete=\"off\"\n          disabled={disabled}\n          placeholder={placeholder}\n          value={displayValue}\n          onChange={(e) => {\n            setQuery(e.target.value);\n            if (!open) setOpen(true);\n          }}\n          onFocus={openMenu}\n          // Reopen on click too: focus only fires on the first focus, so a click\n          // on an already-focused-but-closed input (e.g. after selecting, or\n          // after Escape) would otherwise do nothing.\n          onClick={() => {\n            if (!open) openMenu();\n          }}\n          onKeyDown={onKeyDown}\n          className={cn(\n            \"w-full rounded-md border border-input bg-background text-foreground\",\n            size ? inputSizeClass[size] : \"h-control-h px-control-px text-sm\",\n            effectivePrefix && \"pl-8\",\n            suffix ? (showClear ? \"pr-[5.5rem]\" : \"pr-14\") : showClear ? \"pr-14\" : \"pr-8\",\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            invalid && \"border-destructive focus-visible:ring-destructive\",\n          )}\n          style={label != null ? labelPadding(label, labelWidth) : undefined}\n        />\n        {effectivePrefix && (\n          <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{effectivePrefix}</div>\n        )}\n        {suffix && (\n          <div className={cn(\"absolute flex h-full items-center\", showClear ? \"right-[3.75rem]\" : \"right-7\")}>\n            {suffix}\n          </div>\n        )}\n        {showClear && (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-label=\"Clear\"\n            onClick={clear}\n            className=\"absolute right-7 flex h-full items-center px-1 text-muted-foreground hover:text-foreground\"\n          >\n            <Icon icon={UiClose} className=\"text-xs\" />\n          </button>\n        )}\n        {loading ? (\n          <span className=\"pointer-events-none absolute right-2 top-1/2 -translate-y-1/2\">\n            <svg className=\"h-3.5 w-3.5 animate-spin text-muted-foreground\" viewBox=\"0 0 16 16\" fill=\"none\">\n              <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.25\" />\n              <path d=\"M14.5 8a6.5 6.5 0 0 0-6.5-6.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n            </svg>\n          </span>\n        ) : (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            disabled={disabled}\n            aria-label=\"Toggle options\"\n            onClick={() => {\n              if (open) {\n                commitAndClose();\n              } else {\n                openMenu();\n                inputRef.current?.focus();\n              }\n            }}\n            className=\"pointer-events-auto absolute right-0 flex h-full items-center px-2 text-muted-foreground\"\n          >\n            <Icon icon={UiChevronDown} className=\"text-xs\" />\n          </button>\n        )}\n      </div>\n      {open && menuPos && typeof document !== \"undefined\" &&\n        createPortal(\n        <div\n          id={listId}\n          ref={listRef}\n          role=\"listbox\"\n          aria-multiselectable={multiple || undefined}\n          style={{\n            position: \"fixed\",\n            ...(menuPos.top != null ? { top: menuPos.top } : { bottom: menuPos.bottom }),\n            left: menuPos.left,\n            // Grow to fit the widest option, but never narrower than the input\n            // nor wider than 400px (beyond which option labels truncate). The\n            // cap is also bounded by the viewport so the menu can't overflow.\n            minWidth: menuPos.width,\n            maxWidth: menuPos.maxWidth,\n            maxHeight: menuPos.maxHeight,\n            zIndex: floatingZ,\n          }}\n          className=\"w-max overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n        >\n          {loading && filtered.length === 0 && (\n            <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">Loading…</div>\n          )}\n          {!loading && filtered.length === 0 && (\n            <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">No results</div>\n          )}\n          {filtered.map((opt, i) => {\n            const selected = isSelected(opt.value);\n            const mode = tristate ? modes[opt.value] : undefined;\n            // A header renders above the first option of each group. Derived\n            // from the surviving (filtered) options, so an empty group emits no\n            // header. The option keeps `i` (its index in `filtered`) for\n            // id/highlight/select — headers are role=\"presentation\", never\n            // counted in the highlight/scroll index.\n            const showHeader = opt.group != null && opt.group !== filtered[i - 1]?.group;\n            return (\n              <Fragment key={opt.value}>\n                {showHeader && (\n                  <div\n                    role=\"presentation\"\n                    className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n                  >\n                    {opt.group}\n                  </div>\n                )}\n                <div\n                  id={listId ? `${listId}-${i}` : undefined}\n                  role=\"option\"\n                  aria-selected={tristate ? mode != null : selected}\n                  aria-disabled={opt.disabled}\n                  // The mode is part of the accessible name because the switch\n                  // inside the row is aria-hidden (nothing focusable may live\n                  // inside an option under aria-activedescendant).\n                  {...(mode != null\n                    ? { \"aria-label\": `${opt.label}, ${mode === \"include\" ? \"included\" : \"excluded\"}` }\n                    : {})}\n                  {...(opt.title !== undefined ? { title: opt.title } : {})}\n                  {...(tristate ? { \"data-filter-option\": opt.value } : {})}\n                  // Tristate rows must not act on mousedown: the FilterPill\n                  // region zones act on click, and a mousedown-time cycle would\n                  // stack a second transition under a region click. Mousedown\n                  // only keeps focus in the input; click (outside a region,\n                  // which stops propagation) cycles.\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    if (!tristate && !opt.disabled) selectOption(opt);\n                  }}\n                  {...(tristate\n                    ? { onClick: () => { if (!opt.disabled) selectOption(opt); } }\n                    : {})}\n                  onMouseEnter={() => setHighlighted(i)}\n                  className={cn(\n                    \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                    i === highlighted && \"bg-accent\",\n                    selected && !tristate && \"font-medium\",\n                    opt.disabled && \"cursor-not-allowed opacity-50\",\n                  )}\n                >\n                  {tristate ? (\n                    <FilterPill\n                      mode={mode ?? \"neutral\"}\n                      togglePosition=\"right\"\n                      interactive={false}\n                      label={opt.label}\n                      onModeChange={(next) => setMode(opt.value, next)}\n                      className=\"w-full justify-between\"\n                    />\n                  ) : (\n                    <>\n                      <Icon\n                        icon={UiCheck}\n                        className={cn(\"text-xs shrink-0\", selected ? \"opacity-100\" : \"opacity-0\")}\n                      />\n                      <LabelIcon icon={opt.icon} className=\"text-sm text-muted-foreground\" />\n                      <span className=\"min-w-0 truncate\">{opt.label}</span>\n                    </>\n                  )}\n                </div>\n              </Fragment>\n            );\n          })}\n          {customEntry && (\n            <div\n              id={listId ? `${listId}-${filtered.length}` : undefined}\n              role=\"option\"\n              aria-selected={false}\n              data-filter-add-custom={customEntry.value}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => selectOption(customEntry)}\n              onMouseEnter={() => setHighlighted(filtered.length)}\n              className={cn(\n                \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n                highlighted === filtered.length && \"bg-accent\",\n              )}\n            >\n              Add \"{customEntry.value}\"\n            </div>\n          )}\n          {footer != null && (\n            <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n              {footer}\n            </div>\n          )}\n        </div>,\n          document.body,\n        )}\n    </div>\n  );\n}\n\n// Reserve room on the left of the input for the inline label so typed text does\n// not overlap it. Prefer the measured label width (`measuredWidth` px, from the\n// layout effect): the label sits at the `left-2` (0.5rem) inset, so text must\n// start past 0.5rem + width, plus a 0.25rem gap. A per-character estimate stands\n// in only until the label is measured (initial paint) or where there is no\n// layout (jsdom) — it undershoots wide uppercase glyphs, which is why the\n// measured path is authoritative.\nfunction labelPadding(label: ReactNode, measuredWidth: number) {\n  if (measuredWidth > 0) return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };\n  if (typeof label !== \"string\") return { paddingLeft: \"1.75rem\" };\n  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };\n}\n\n// withSelectedOptions returns the option list plus any selected value that isn't\n// already present, synthesized as {value, label: value}. Used by the server\n// (onSearch) typeahead so an already-selected value missing from the current\n// matches still renders as a checked row. Selected-but-absent values come first\n// so they don't get scrolled past by a long match list.\nfunction withSelectedOptions(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): ComboboxOption[] {\n  const present = new Set(options.map((o) => o.value));\n  const pinned = selectedValues\n    .filter((v) => !present.has(v))\n    .map((v) => ({ value: v, label: v }));\n  return pinned.length === 0 ? options : [...pinned, ...options];\n}\n"],"names":["useMemo","useRef","useState","useFloatingZIndex","jsx","LabelIcon","useEffect","useLayoutEffect","jsxs","cn","inputSizeClass","Icon","UiClose","UiChevronDown","createPortal","Fragment","FilterPill","UiCheck"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { inputSizeClass } from \"./json-schema-form-size\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxActions } from \"./ComboboxActions\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  COMBOBOX_MENU_MAX_HEIGHT_PX,\n  COMBOBOX_MENU_MAX_WIDTH_PX,\n  comboboxLabelPadding,\n  type ComboboxMenuPosition,\n  withSelectedComboboxOptions,\n} from \"./combobox-utils\";\n\nexport type {\n  ComboboxMultiProps,\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxSingleProps,\n  ComboboxTriStateMode,\n  ComboboxTriStateProps,\n} from \"./combobox-types\";\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder,\n    label,\n    ariaLabel: ariaLabelProp,\n    disabled,\n    required,\n    invalid,\n    allowCustomValue = true,\n    onNew,\n    onCreate,\n    id,\n    size,\n    className,\n    loading,\n    onSearch,\n    onKeyDown: onKeyDownProp,\n    suffix,\n    prefix,\n    footer,\n  } = props;\n  const multiple = props.multiple === true;\n  const tristate = props.multiple === true && props.tristate === true;\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () => (props.multiple === true && props.tristate === true ? props.value : {}),\n    [props.multiple, props.tristate, props.value],\n  );\n  const selectedValues = useMemo<string[]>(() => {\n    if (props.multiple === true && props.tristate === true) return Object.keys(props.value);\n    if (props.multiple === true) return props.value;\n    return props.value ? [props.value] : [];\n  }, [props.multiple, props.tristate, props.value]);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [open, setOpen] = useState(false);\n  const floatingZ = useFloatingZIndex();\n  const [menuPos, setMenuPos] = useState<ComboboxMenuPosition | null>(null);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const [labelWidth, setLabelWidth] = useState(0);\n\n  const isSelected = (optValue: string) => selectedValues.includes(optValue);\n  const selectedOption = useMemo(() => {\n    if (multiple) return undefined;\n    const selected = selectedValues[0];\n    if (!selected) return undefined;\n    return (\n      options.find((option) => option.value === selected) ??\n      (allowCustomValue ? onNew?.(selected) ?? undefined : undefined)\n    );\n  }, [allowCustomValue, multiple, onNew, options, selectedValues]);\n\n  const closedLabel = useMemo(() => {\n    if (tristate) {\n      const values = Object.values(modes);\n      const includes = values.filter((mode) => mode === \"include\").length;\n      const excludes = values.length - includes;\n      return [includes > 0 && `+${includes}`, excludes > 0 && `-${excludes}`]\n        .filter(Boolean)\n        .join(\" \");\n    }\n    if (multiple) {\n      const labels = options\n        .filter((o) => selectedValues.includes(o.value))\n        .map((o) => o.selectedLabel ?? o.label);\n      if (labels.length === 0) return \"\";\n      if (labels.length <= 2) return labels.join(\", \");\n      return `${labels.length} selected`;\n    }\n    const single = selectedValues[0] ?? \"\";\n    return (\n      selectedOption?.selectedLabel ?? selectedOption?.label ?? single\n    );\n  }, [tristate, modes, multiple, options, selectedOption, selectedValues]);\n\n  const effectivePrefix =\n    prefix ??\n    (selectedOption?.icon != null ? (\n      <LabelIcon icon={selectedOption.icon} className=\"size-4\" />\n    ) : null);\n\n  const displayValue = open ? query : closedLabel;\n\n  const filtered = useMemo(() => {\n    if (onSearch) return withSelectedComboboxOptions(options, selectedValues);\n    const q = query.toLowerCase().trim();\n    if (!q) return options;\n    return options.filter(\n      (o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q),\n    );\n  }, [onSearch, options, query, selectedValues]);\n\n  useEffect(() => {\n    if (!onSearch || !open) return;\n    const handle = setTimeout(() => onSearch(query.trim()), 250);\n    return () => clearTimeout(handle);\n  }, [onSearch, open, query]);\n\n  const trimmedQuery = query.trim();\n  const customEntry = useMemo<ComboboxOption | null>(() => {\n    if (\n      !allowCustomValue ||\n      !trimmedQuery ||\n      (!tristate && (multiple || !onNew)) ||\n      options.some((option) => option.value === trimmedQuery)\n    ) {\n      return null;\n    }\n    if (onNew) return onNew(trimmedQuery);\n    return {\n      value: trimmedQuery,\n      label: `Add \"${trimmedQuery}\"`,\n    };\n  }, [\n    allowCustomValue,\n    multiple,\n    onNew,\n    options,\n    trimmedQuery,\n    tristate,\n  ]);\n  const navOptions = useMemo(\n    () => (customEntry ? [...filtered, customEntry] : filtered),\n    [filtered, customEntry],\n  );\n\n  useEffect(() => {\n    setHighlighted(-1);\n  }, [query]);\n  useEffect(() => {\n    if (highlighted >= navOptions.length) setHighlighted(-1);\n  }, [highlighted, navOptions.length]);\n\n  useEffect(() => {\n    if (!open) return;\n    // Dismiss when the pointer goes down, OR focus moves, anywhere outside the\n    // control and its portaled listbox — so clicking elsewhere in a dialog (the\n    // backdrop never intercepts a document-level listener) or tabbing to another\n    // field both close the menu. The listbox is portaled out of rootRef, so a\n    // click inside it would otherwise read as \"outside\" and close before select.\n    const onAway = (e: Event) => {\n      const target = e.target as Node;\n      if (!rootRef.current?.contains(target) && !listRef.current?.contains(target)) {\n        commitAndClose();\n      }\n    };\n    document.addEventListener(\"mousedown\", onAway);\n    document.addEventListener(\"focusin\", onAway);\n    return () => {\n      document.removeEventListener(\"mousedown\", onAway);\n      document.removeEventListener(\"focusin\", onAway);\n    };\n  });\n\n  useLayoutEffect(() => {\n    if (label == null) {\n      setLabelWidth(0);\n      return;\n    }\n    const el = labelRef.current;\n    if (el) setLabelWidth(el.offsetWidth);\n  }, [label]);\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setMenuPos(null);\n      return;\n    }\n    const update = () => {\n      const anchor = anchorRef.current;\n      if (!anchor) return;\n      const rect = anchor.getBoundingClientRect();\n      const viewportCap = window.innerWidth - rect.left - 8;\n      const maxWidth = Math.max(\n        rect.width,\n        Math.min(COMBOBOX_MENU_MAX_WIDTH_PX, viewportCap),\n      );\n      const spaceBelow = window.innerHeight - rect.bottom - 8;\n      const spaceAbove = rect.top - 8;\n      const openUp =\n        spaceBelow < COMBOBOX_MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;\n      const maxHeight = Math.min(\n        COMBOBOX_MENU_MAX_HEIGHT_PX,\n        openUp ? spaceAbove : spaceBelow,\n      );\n      setMenuPos({\n        ...(openUp\n          ? { bottom: window.innerHeight - rect.top + 4 }\n          : { top: rect.bottom + 4 }),\n        left: rect.left,\n        width: rect.width,\n        maxWidth,\n        maxHeight,\n      });\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open]);\n\n  function emit(next: string[]) {\n    if (props.multiple === true && props.tristate !== true) {\n      props.onChange(next);\n    } else if (props.multiple !== true) {\n      props.onChange(next[0] ?? \"\");\n    }\n  }\n\n  function emitModes(next: Record<string, ComboboxTriStateMode>) {\n    if (props.multiple === true && props.tristate === true) props.onChange(next);\n  }\n\n  function setMode(value: string, mode: string) {\n    const next = { ...modes };\n    if (mode === \"include\" || mode === \"exclude\") next[value] = mode;\n    else delete next[value];\n    emitModes(next);\n  }\n\n  function cycleOption(value: string) {\n    const current = modes[value];\n    setMode(\n      value,\n      current === undefined ? \"include\" : current === \"include\" ? \"exclude\" : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n\n  function commitAndClose() {\n    const trimmed = query.trim();\n    if (!multiple && allowCustomValue && trimmed && trimmed !== selectedValues[0]) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ?? (onNew ? onNew(trimmed) : {\n        value: trimmed,\n        label: trimmed,\n      });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : onCreate\n            ? onCreate(candidate)\n            : candidate.value\n        : null;\n      if (created !== null) emit([created]);\n    }\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n  }\n\n  function selectOption(opt: ComboboxOption) {\n    if (opt === customEntry) {\n      const created = onCreate ? onCreate(opt) : opt.value;\n      if (created !== null) {\n        if (tristate) setMode(created, \"include\");\n        else emit([created]);\n      }\n      if (!tristate) {\n        setQuery(\"\");\n        setOpen(false);\n        setHighlighted(-1);\n      }\n      inputRef.current?.focus();\n      return;\n    }\n    if (tristate) {\n      cycleOption(opt.value);\n      inputRef.current?.focus();\n      return;\n    }\n    if (multiple) {\n      const next = isSelected(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value];\n      emit(next);\n      setHighlighted(-1);\n      inputRef.current?.focus();\n      return;\n    }\n    emit([opt.value]);\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n    inputRef.current?.focus();\n  }\n\n  function clear() {\n    if (selectedValues.length > 0) {\n      if (tristate) emitModes({});\n      else emit([]);\n    }\n    setQuery(\"\");\n    setHighlighted(-1);\n    inputRef.current?.focus();\n  }\n\n  function scrollToHighlighted(index: number) {\n    const list = listRef.current;\n    if (!list) return;\n    const item = list.querySelectorAll<HTMLElement>('[role=\"option\"]')[index];\n    item?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        openMenu();\n        return;\n      }\n      const next = highlighted < navOptions.length - 1 ? highlighted + 1 : 0;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (!open) return;\n      const next = highlighted > 0 ? highlighted - 1 : navOptions.length - 1;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"Enter\") {\n      if (\n        open &&\n        highlighted >= 0 &&\n        navOptions[highlighted] &&\n        !navOptions[highlighted].disabled\n      ) {\n        e.preventDefault();\n        selectOption(navOptions[highlighted]);\n        return;\n      }\n      commitAndClose();\n      onKeyDownProp?.(e);\n    } else if (e.key === \"Escape\") {\n      if (open) {\n        e.preventDefault();\n        setQuery(\"\");\n        setOpen(false);\n        setHighlighted(-1);\n      }\n    } else {\n      onKeyDownProp?.(e);\n    }\n  }\n\n  const listId = id ? `${id}-listbox` : undefined;\n  const ariaLabel = ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear = !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <div ref={anchorRef} data-jsf-control className=\"relative flex items-center\">\n        {label != null && (\n          <span\n            ref={labelRef}\n            className=\"pointer-events-none absolute left-2 z-10 whitespace-nowrap font-medium uppercase tracking-wide text-muted-foreground text-[10px]\"\n          >\n            {label}\n          </span>\n        )}\n        <input\n          ref={inputRef}\n          id={id}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-controls={listId}\n          aria-activedescendant={highlighted >= 0 ? `${listId}-${highlighted}` : undefined}\n          aria-label={ariaLabel}\n          aria-invalid={invalid || undefined}\n          autoComplete=\"off\"\n          disabled={disabled}\n          placeholder={placeholder}\n          value={displayValue}\n          {...(!open && closedLabel ? { title: closedLabel } : {})}\n          onChange={(e) => {\n            setQuery(e.target.value);\n            if (!open) setOpen(true);\n          }}\n          onFocus={openMenu}\n          onClick={() => {\n            if (!open) openMenu();\n          }}\n          onKeyDown={onKeyDown}\n          className={cn(\n            \"w-full rounded-md border border-input bg-background text-foreground\",\n            size ? inputSizeClass[size] : \"h-control-h px-control-px text-sm\",\n            effectivePrefix && \"pl-8\",\n            suffix ? (showClear ? \"pr-[5.5rem]\" : \"pr-14\") : showClear ? \"pr-14\" : \"pr-8\",\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            invalid && \"border-destructive focus-visible:ring-destructive\",\n          )}\n          style={\n            label != null\n              ? comboboxLabelPadding(label, labelWidth)\n              : undefined\n          }\n        />\n        {effectivePrefix && (\n          <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{effectivePrefix}</div>\n        )}\n        {suffix && (\n          <div className={cn(\"absolute flex h-full items-center\", showClear ? \"right-[3.75rem]\" : \"right-7\")}>\n            {suffix}\n          </div>\n        )}\n        <ComboboxActions\n          disabled={disabled}\n          loading={loading}\n          onClear={clear}\n          onToggle={() => {\n            if (open) {\n              commitAndClose();\n            } else {\n              openMenu();\n              inputRef.current?.focus();\n            }\n          }}\n          showClear={showClear}\n        />\n      </div>\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          highlighted={highlighted}\n          isSelected={isSelected}\n          listId={listId}\n          listRef={listRef}\n          loading={loading}\n          menuPos={menuPos}\n          modes={modes}\n          multiple={multiple}\n          onHighlight={setHighlighted}\n          onSelect={selectOption}\n          onSetMode={setMode}\n          tristate={tristate}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useMemo","useRef","useState","useFloatingZIndex","jsx","LabelIcon","withSelectedComboboxOptions","useEffect","useLayoutEffect","COMBOBOX_MENU_MAX_WIDTH_PX","COMBOBOX_MENU_MAX_HEIGHT_PX","jsxs","cn","inputSizeClass","comboboxLabelPadding","ComboboxActions","ComboboxMenu"],"mappings":"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"}