@flanksource/clicky-ui 0.3.35 → 0.3.37

package/dist/components/Combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxControl } from \"./ComboboxControl\";\nimport {\n  useComboboxLabelWidth,\n  useComboboxMenuPosition,\n} from \"./useComboboxLayout\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  createComboboxCustomEntry,\n  multipleComboboxLabel,\n  splitOnComboboxSeparators,\n  withSelectedComboboxOptions,\n} from \"../lib/combobox-values\";\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    ariaRequired,\n    describedBy,\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 tags = props.multiple === true && props.variant === \"tags\";\n  const separators =\n    props.multiple === true && props.tristate !== true\n      ? (props.separators ?? [])\n      : [];\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () =>\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)\n      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 = useComboboxMenuPosition(open, anchorRef, listRef);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const labelWidth = useComboboxLabelWidth(label, labelRef);\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      return multipleComboboxLabel(options, selectedValues);\n    }\n    const single = selectedValues[0] ?? \"\";\n    return selectedOption?.selectedLabel ?? selectedOption?.label ?? single;\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 = tags ? query : 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) =>\n        o.label.toLowerCase().includes(q) ||\n        o.description?.toLowerCase().includes(q) ||\n        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    () =>\n      createComboboxCustomEntry({\n        allowCustomValue,\n        query: trimmedQuery,\n        multiple,\n        tristate,\n        onNew,\n        choices: options,\n        selectedValues,\n      }),\n    [\n      allowCustomValue,\n      multiple,\n      onNew,\n      options,\n      selectedValues,\n      trimmedQuery,\n      tristate,\n    ],\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 (\n        !rootRef.current?.contains(target) &&\n        !listRef.current?.contains(target)\n      ) {\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  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)\n      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\n        ? \"include\"\n        : current === \"include\"\n          ? \"exclude\"\n          : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n  function createOptionValue(option: ComboboxOption): string | null {\n    return onCreate ? onCreate(option) : option.value;\n  }\n  function emitCustomValue(value: string) {\n    if (tristate) {\n      setMode(value, \"include\");\n      return;\n    }\n    if (multiple) {\n      if (!selectedValues.includes(value)) emit([...selectedValues, value]);\n      return;\n    }\n    emit([value]);\n  }\n\n  // Adds several values at once (a separator key commits one, a paste commits\n  // many). Batched deliberately: emitCustomValue per token would each read the\n  // same stale selectedValues, so only the last would survive.\n  function addValues(raw: string[]) {\n    const next = [...selectedValues];\n    for (const entry of raw) {\n      const trimmed = entry.trim();\n      if (!trimmed || next.includes(trimmed)) continue;\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ??\n        onNew?.(trimmed) ?? { value: trimmed, label: trimmed };\n      const created = existing ? existing.value : createOptionValue(candidate);\n      if (created !== null && !next.includes(created)) next.push(created);\n    }\n    if (next.length !== selectedValues.length) emit(next);\n    setQuery(\"\");\n    setHighlighted(-1);\n  }\n\n  // A pasted list arrives as one string; without this it would land as a single\n  // nonsense tag reading \"80, 443\".\n  function onPaste(e: ClipboardEvent<HTMLInputElement>) {\n    if (!tags || !allowCustomValue || separators.length === 0) return;\n    const text = e.clipboardData.getData(\"text\");\n    const parts = splitOnComboboxSeparators(text, separators);\n    if (parts.length < 2) return;\n    e.preventDefault();\n    addValues(parts);\n  }\n\n  function commitAndClose() {\n    const trimmed = query.trim();\n    if (customEntry) {\n      const created = createOptionValue(customEntry);\n      if (created !== null) emitCustomValue(created);\n    } else if (\n      !multiple &&\n      allowCustomValue &&\n      trimmed &&\n      trimmed !== selectedValues[0]\n    ) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate =\n        existing ??\n        (onNew\n          ? onNew(trimmed)\n          : {\n              value: trimmed,\n              label: trimmed,\n            });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : createOptionValue(candidate)\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 = createOptionValue(opt);\n      if (created !== null) emitCustomValue(created);\n      setQuery(\"\");\n      setHighlighted(-1);\n      if (!multiple) {\n        setOpen(false);\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  // A tristate pill is removed by returning its value to neutral — there is no\n  // separate \"selected\" list to splice, the mode record IS the selection.\n  function removeTag(value: string) {\n    if (tristate) setMode(value, \"neutral\");\n    else emit(selectedValues.filter((selected) => selected !== value));\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 (tags && allowCustomValue && separators.includes(e.key)) {\n      e.preventDefault();\n      addValues([query]);\n      return;\n    }\n    if (\n      tags &&\n      e.key === \"Backspace\" &&\n      query === \"\" &&\n      selectedValues.length > 0\n    ) {\n      e.preventDefault();\n      const last = selectedValues[selectedValues.length - 1];\n      if (tristate) {\n        if (last) setMode(last, \"neutral\");\n      } else {\n        emit(selectedValues.slice(0, -1));\n      }\n    } else 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      if (open && multiple && customEntry) {\n        e.preventDefault();\n        selectOption(customEntry);\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 =\n    ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear =\n    !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <ComboboxControl\n        anchorRef={anchorRef}\n        ariaLabel={ariaLabel}\n        ariaRequired={ariaRequired}\n        closedLabel={closedLabel}\n        describedBy={describedBy}\n        disabled={disabled}\n        displayValue={displayValue}\n        effectivePrefix={effectivePrefix}\n        highlighted={highlighted}\n        id={id}\n        inputRef={inputRef}\n        invalid={invalid}\n        label={label}\n        labelRef={labelRef}\n        labelWidth={labelWidth}\n        listId={listId}\n        loading={loading}\n        onClear={clear}\n        onInput={(value) => {\n          setQuery(value);\n          if (!open) setOpen(true);\n        }}\n        onKeyDown={onKeyDown}\n        onOpen={openMenu}\n        onPaste={onPaste}\n        onRemoveTag={removeTag}\n        onToggle={() => {\n          if (open) {\n            commitAndClose();\n          } else {\n            openMenu();\n            inputRef.current?.focus();\n          }\n        }}\n        open={open}\n        options={options}\n        placeholder={placeholder}\n        showClear={showClear}\n        size={size}\n        suffix={suffix}\n        tagModes={tristate ? modes : undefined}\n        onSetTagMode={setMode}\n        tagValues={selectedValues}\n        tags={tags}\n      />\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          hasOptions={options.length > 0}\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","useComboboxMenuPosition","useComboboxLabelWidth","multipleComboboxLabel","jsx","LabelIcon","withSelectedComboboxOptions","useEffect","createComboboxCustomEntry","splitOnComboboxSeparators","jsxs","cn","ComboboxControl","ComboboxMenu"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxControl } from \"./ComboboxControl\";\nimport {\n  useComboboxLabelWidth,\n  useComboboxMenuPosition,\n} from \"./useComboboxLayout\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  createComboboxCustomEntry,\n  multipleComboboxLabel,\n  splitOnComboboxSeparators,\n  withSelectedComboboxOptions,\n} from \"../lib/combobox-values\";\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    ariaRequired,\n    describedBy,\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 tags = props.multiple === true && props.variant === \"tags\";\n  const separators =\n    props.multiple === true && props.tristate !== true\n      ? (props.separators ?? [])\n      : [];\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () =>\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)\n      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 = useComboboxMenuPosition(open, anchorRef, listRef);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const labelWidth = useComboboxLabelWidth(label, labelRef);\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      return multipleComboboxLabel(options, selectedValues);\n    }\n    const single = selectedValues[0] ?? \"\";\n    return selectedOption?.selectedLabel ?? selectedOption?.label ?? single;\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 = tags ? query : 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) =>\n        o.label.toLowerCase().includes(q) ||\n        o.description?.toLowerCase().includes(q) ||\n        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    () =>\n      createComboboxCustomEntry({\n        allowCustomValue,\n        query: trimmedQuery,\n        multiple,\n        tristate,\n        onNew,\n        choices: options,\n        selectedValues,\n      }),\n    [\n      allowCustomValue,\n      multiple,\n      onNew,\n      options,\n      selectedValues,\n      trimmedQuery,\n      tristate,\n    ],\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 (\n        !rootRef.current?.contains(target) &&\n        !listRef.current?.contains(target)\n      ) {\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  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)\n      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\n        ? \"include\"\n        : current === \"include\"\n          ? \"exclude\"\n          : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n  function createOptionValue(option: ComboboxOption): string | null {\n    return onCreate ? onCreate(option) : option.value;\n  }\n  function emitCustomValue(value: string) {\n    if (tristate) {\n      setMode(value, \"include\");\n      return;\n    }\n    if (multiple) {\n      if (!selectedValues.includes(value)) emit([...selectedValues, value]);\n      return;\n    }\n    emit([value]);\n  }\n\n  // Adds several values at once (a separator key commits one, a paste commits\n  // many). Batched deliberately: emitCustomValue per token would each read the\n  // same stale selectedValues, so only the last would survive.\n  function addValues(raw: string[]) {\n    const next = [...selectedValues];\n    for (const entry of raw) {\n      const trimmed = entry.trim();\n      if (!trimmed || next.includes(trimmed)) continue;\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ??\n        onNew?.(trimmed) ?? { value: trimmed, label: trimmed };\n      const created = existing ? existing.value : createOptionValue(candidate);\n      if (created !== null && !next.includes(created)) next.push(created);\n    }\n    if (next.length !== selectedValues.length) emit(next);\n    setQuery(\"\");\n    setHighlighted(-1);\n  }\n\n  // A pasted list arrives as one string; without this it would land as a single\n  // nonsense tag reading \"80, 443\".\n  function onPaste(e: ClipboardEvent<HTMLInputElement>) {\n    if (!tags || !allowCustomValue || separators.length === 0) return;\n    const text = e.clipboardData.getData(\"text\");\n    const parts = splitOnComboboxSeparators(text, separators);\n    if (parts.length < 2) return;\n    e.preventDefault();\n    addValues(parts);\n  }\n\n  function commitAndClose() {\n    const trimmed = query.trim();\n    if (customEntry) {\n      const created = createOptionValue(customEntry);\n      if (created !== null) emitCustomValue(created);\n    } else if (\n      !multiple &&\n      allowCustomValue &&\n      trimmed &&\n      trimmed !== selectedValues[0]\n    ) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate =\n        existing ??\n        (onNew\n          ? onNew(trimmed)\n          : {\n              value: trimmed,\n              label: trimmed,\n            });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : createOptionValue(candidate)\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 = createOptionValue(opt);\n      if (created !== null) emitCustomValue(created);\n      setQuery(\"\");\n      setHighlighted(-1);\n      if (!multiple) {\n        setOpen(false);\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    setOpen(false);\n  }\n\n  // A tristate pill is removed by returning its value to neutral — there is no\n  // separate \"selected\" list to splice, the mode record IS the selection.\n  function removeTag(value: string) {\n    if (tristate) setMode(value, \"neutral\");\n    else emit(selectedValues.filter((selected) => selected !== value));\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 (tags && allowCustomValue && separators.includes(e.key)) {\n      e.preventDefault();\n      addValues([query]);\n      return;\n    }\n    if (\n      tags &&\n      e.key === \"Backspace\" &&\n      query === \"\" &&\n      selectedValues.length > 0\n    ) {\n      e.preventDefault();\n      const last = selectedValues[selectedValues.length - 1];\n      if (tristate) {\n        if (last) setMode(last, \"neutral\");\n      } else {\n        emit(selectedValues.slice(0, -1));\n      }\n    } else 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      if (open && multiple && customEntry) {\n        e.preventDefault();\n        selectOption(customEntry);\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 =\n    ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear =\n    !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <ComboboxControl\n        anchorRef={anchorRef}\n        ariaLabel={ariaLabel}\n        ariaRequired={ariaRequired}\n        closedLabel={closedLabel}\n        describedBy={describedBy}\n        disabled={disabled}\n        displayValue={displayValue}\n        effectivePrefix={effectivePrefix}\n        highlighted={highlighted}\n        id={id}\n        inputRef={inputRef}\n        invalid={invalid}\n        label={label}\n        labelRef={labelRef}\n        labelWidth={labelWidth}\n        listId={listId}\n        loading={loading}\n        onClear={clear}\n        onInput={(value) => {\n          setQuery(value);\n          if (!open) setOpen(true);\n        }}\n        onKeyDown={onKeyDown}\n        onOpen={openMenu}\n        onPaste={onPaste}\n        onRemoveTag={removeTag}\n        onToggle={() => {\n          if (open) {\n            commitAndClose();\n          } else {\n            openMenu();\n            inputRef.current?.focus();\n          }\n        }}\n        open={open}\n        options={options}\n        placeholder={placeholder}\n        showClear={showClear}\n        size={size}\n        suffix={suffix}\n        tagModes={tristate ? modes : undefined}\n        onSetTagMode={setMode}\n        tagValues={selectedValues}\n        tags={tags}\n      />\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          hasOptions={options.length > 0}\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","useComboboxMenuPosition","useComboboxLabelWidth","multipleComboboxLabel","jsx","LabelIcon","withSelectedComboboxOptions","useEffect","createComboboxCustomEntry","splitOnComboboxSeparators","jsxs","cn","ComboboxControl","ComboboxMenu"],"mappings":"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"}

package/dist/components/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAQ1B,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAge5C"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAQ1B,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAie5C"}

package/dist/components/Combobox.js

@@ -265,6 +265,7 @@ function Combobox(props) {
     setQuery("");
     setHighlighted(-1);
     (_a = inputRef.current) == null ? void 0 : _a.focus();
+    setOpen(false);
   }
   function removeTag(value) {
     var _a;

package/dist/components/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxControl } from \"./ComboboxControl\";\nimport {\n  useComboboxLabelWidth,\n  useComboboxMenuPosition,\n} from \"./useComboboxLayout\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  createComboboxCustomEntry,\n  multipleComboboxLabel,\n  splitOnComboboxSeparators,\n  withSelectedComboboxOptions,\n} from \"../lib/combobox-values\";\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    ariaRequired,\n    describedBy,\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 tags = props.multiple === true && props.variant === \"tags\";\n  const separators =\n    props.multiple === true && props.tristate !== true\n      ? (props.separators ?? [])\n      : [];\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () =>\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)\n      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 = useComboboxMenuPosition(open, anchorRef, listRef);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const labelWidth = useComboboxLabelWidth(label, labelRef);\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      return multipleComboboxLabel(options, selectedValues);\n    }\n    const single = selectedValues[0] ?? \"\";\n    return selectedOption?.selectedLabel ?? selectedOption?.label ?? single;\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 = tags ? query : 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) =>\n        o.label.toLowerCase().includes(q) ||\n        o.description?.toLowerCase().includes(q) ||\n        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    () =>\n      createComboboxCustomEntry({\n        allowCustomValue,\n        query: trimmedQuery,\n        multiple,\n        tristate,\n        onNew,\n        choices: options,\n        selectedValues,\n      }),\n    [\n      allowCustomValue,\n      multiple,\n      onNew,\n      options,\n      selectedValues,\n      trimmedQuery,\n      tristate,\n    ],\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 (\n        !rootRef.current?.contains(target) &&\n        !listRef.current?.contains(target)\n      ) {\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  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)\n      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\n        ? \"include\"\n        : current === \"include\"\n          ? \"exclude\"\n          : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n  function createOptionValue(option: ComboboxOption): string | null {\n    return onCreate ? onCreate(option) : option.value;\n  }\n  function emitCustomValue(value: string) {\n    if (tristate) {\n      setMode(value, \"include\");\n      return;\n    }\n    if (multiple) {\n      if (!selectedValues.includes(value)) emit([...selectedValues, value]);\n      return;\n    }\n    emit([value]);\n  }\n\n  // Adds several values at once (a separator key commits one, a paste commits\n  // many). Batched deliberately: emitCustomValue per token would each read the\n  // same stale selectedValues, so only the last would survive.\n  function addValues(raw: string[]) {\n    const next = [...selectedValues];\n    for (const entry of raw) {\n      const trimmed = entry.trim();\n      if (!trimmed || next.includes(trimmed)) continue;\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ??\n        onNew?.(trimmed) ?? { value: trimmed, label: trimmed };\n      const created = existing ? existing.value : createOptionValue(candidate);\n      if (created !== null && !next.includes(created)) next.push(created);\n    }\n    if (next.length !== selectedValues.length) emit(next);\n    setQuery(\"\");\n    setHighlighted(-1);\n  }\n\n  // A pasted list arrives as one string; without this it would land as a single\n  // nonsense tag reading \"80, 443\".\n  function onPaste(e: ClipboardEvent<HTMLInputElement>) {\n    if (!tags || !allowCustomValue || separators.length === 0) return;\n    const text = e.clipboardData.getData(\"text\");\n    const parts = splitOnComboboxSeparators(text, separators);\n    if (parts.length < 2) return;\n    e.preventDefault();\n    addValues(parts);\n  }\n\n  function commitAndClose() {\n    const trimmed = query.trim();\n    if (customEntry) {\n      const created = createOptionValue(customEntry);\n      if (created !== null) emitCustomValue(created);\n    } else if (\n      !multiple &&\n      allowCustomValue &&\n      trimmed &&\n      trimmed !== selectedValues[0]\n    ) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate =\n        existing ??\n        (onNew\n          ? onNew(trimmed)\n          : {\n              value: trimmed,\n              label: trimmed,\n            });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : createOptionValue(candidate)\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 = createOptionValue(opt);\n      if (created !== null) emitCustomValue(created);\n      setQuery(\"\");\n      setHighlighted(-1);\n      if (!multiple) {\n        setOpen(false);\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  // A tristate pill is removed by returning its value to neutral — there is no\n  // separate \"selected\" list to splice, the mode record IS the selection.\n  function removeTag(value: string) {\n    if (tristate) setMode(value, \"neutral\");\n    else emit(selectedValues.filter((selected) => selected !== value));\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 (tags && allowCustomValue && separators.includes(e.key)) {\n      e.preventDefault();\n      addValues([query]);\n      return;\n    }\n    if (\n      tags &&\n      e.key === \"Backspace\" &&\n      query === \"\" &&\n      selectedValues.length > 0\n    ) {\n      e.preventDefault();\n      const last = selectedValues[selectedValues.length - 1];\n      if (tristate) {\n        if (last) setMode(last, \"neutral\");\n      } else {\n        emit(selectedValues.slice(0, -1));\n      }\n    } else 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      if (open && multiple && customEntry) {\n        e.preventDefault();\n        selectOption(customEntry);\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 =\n    ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear =\n    !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <ComboboxControl\n        anchorRef={anchorRef}\n        ariaLabel={ariaLabel}\n        ariaRequired={ariaRequired}\n        closedLabel={closedLabel}\n        describedBy={describedBy}\n        disabled={disabled}\n        displayValue={displayValue}\n        effectivePrefix={effectivePrefix}\n        highlighted={highlighted}\n        id={id}\n        inputRef={inputRef}\n        invalid={invalid}\n        label={label}\n        labelRef={labelRef}\n        labelWidth={labelWidth}\n        listId={listId}\n        loading={loading}\n        onClear={clear}\n        onInput={(value) => {\n          setQuery(value);\n          if (!open) setOpen(true);\n        }}\n        onKeyDown={onKeyDown}\n        onOpen={openMenu}\n        onPaste={onPaste}\n        onRemoveTag={removeTag}\n        onToggle={() => {\n          if (open) {\n            commitAndClose();\n          } else {\n            openMenu();\n            inputRef.current?.focus();\n          }\n        }}\n        open={open}\n        options={options}\n        placeholder={placeholder}\n        showClear={showClear}\n        size={size}\n        suffix={suffix}\n        tagModes={tristate ? modes : undefined}\n        onSetTagMode={setMode}\n        tagValues={selectedValues}\n        tags={tags}\n      />\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          hasOptions={options.length > 0}\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":[],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxControl } from \"./ComboboxControl\";\nimport {\n  useComboboxLabelWidth,\n  useComboboxMenuPosition,\n} from \"./useComboboxLayout\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  createComboboxCustomEntry,\n  multipleComboboxLabel,\n  splitOnComboboxSeparators,\n  withSelectedComboboxOptions,\n} from \"../lib/combobox-values\";\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    ariaRequired,\n    describedBy,\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 tags = props.multiple === true && props.variant === \"tags\";\n  const separators =\n    props.multiple === true && props.tristate !== true\n      ? (props.separators ?? [])\n      : [];\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () =>\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)\n      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 = useComboboxMenuPosition(open, anchorRef, listRef);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const labelWidth = useComboboxLabelWidth(label, labelRef);\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      return multipleComboboxLabel(options, selectedValues);\n    }\n    const single = selectedValues[0] ?? \"\";\n    return selectedOption?.selectedLabel ?? selectedOption?.label ?? single;\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 = tags ? query : 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) =>\n        o.label.toLowerCase().includes(q) ||\n        o.description?.toLowerCase().includes(q) ||\n        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    () =>\n      createComboboxCustomEntry({\n        allowCustomValue,\n        query: trimmedQuery,\n        multiple,\n        tristate,\n        onNew,\n        choices: options,\n        selectedValues,\n      }),\n    [\n      allowCustomValue,\n      multiple,\n      onNew,\n      options,\n      selectedValues,\n      trimmedQuery,\n      tristate,\n    ],\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 (\n        !rootRef.current?.contains(target) &&\n        !listRef.current?.contains(target)\n      ) {\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  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)\n      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\n        ? \"include\"\n        : current === \"include\"\n          ? \"exclude\"\n          : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n  function createOptionValue(option: ComboboxOption): string | null {\n    return onCreate ? onCreate(option) : option.value;\n  }\n  function emitCustomValue(value: string) {\n    if (tristate) {\n      setMode(value, \"include\");\n      return;\n    }\n    if (multiple) {\n      if (!selectedValues.includes(value)) emit([...selectedValues, value]);\n      return;\n    }\n    emit([value]);\n  }\n\n  // Adds several values at once (a separator key commits one, a paste commits\n  // many). Batched deliberately: emitCustomValue per token would each read the\n  // same stale selectedValues, so only the last would survive.\n  function addValues(raw: string[]) {\n    const next = [...selectedValues];\n    for (const entry of raw) {\n      const trimmed = entry.trim();\n      if (!trimmed || next.includes(trimmed)) continue;\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ??\n        onNew?.(trimmed) ?? { value: trimmed, label: trimmed };\n      const created = existing ? existing.value : createOptionValue(candidate);\n      if (created !== null && !next.includes(created)) next.push(created);\n    }\n    if (next.length !== selectedValues.length) emit(next);\n    setQuery(\"\");\n    setHighlighted(-1);\n  }\n\n  // A pasted list arrives as one string; without this it would land as a single\n  // nonsense tag reading \"80, 443\".\n  function onPaste(e: ClipboardEvent<HTMLInputElement>) {\n    if (!tags || !allowCustomValue || separators.length === 0) return;\n    const text = e.clipboardData.getData(\"text\");\n    const parts = splitOnComboboxSeparators(text, separators);\n    if (parts.length < 2) return;\n    e.preventDefault();\n    addValues(parts);\n  }\n\n  function commitAndClose() {\n    const trimmed = query.trim();\n    if (customEntry) {\n      const created = createOptionValue(customEntry);\n      if (created !== null) emitCustomValue(created);\n    } else if (\n      !multiple &&\n      allowCustomValue &&\n      trimmed &&\n      trimmed !== selectedValues[0]\n    ) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate =\n        existing ??\n        (onNew\n          ? onNew(trimmed)\n          : {\n              value: trimmed,\n              label: trimmed,\n            });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : createOptionValue(candidate)\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 = createOptionValue(opt);\n      if (created !== null) emitCustomValue(created);\n      setQuery(\"\");\n      setHighlighted(-1);\n      if (!multiple) {\n        setOpen(false);\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    setOpen(false);\n  }\n\n  // A tristate pill is removed by returning its value to neutral — there is no\n  // separate \"selected\" list to splice, the mode record IS the selection.\n  function removeTag(value: string) {\n    if (tristate) setMode(value, \"neutral\");\n    else emit(selectedValues.filter((selected) => selected !== value));\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 (tags && allowCustomValue && separators.includes(e.key)) {\n      e.preventDefault();\n      addValues([query]);\n      return;\n    }\n    if (\n      tags &&\n      e.key === \"Backspace\" &&\n      query === \"\" &&\n      selectedValues.length > 0\n    ) {\n      e.preventDefault();\n      const last = selectedValues[selectedValues.length - 1];\n      if (tristate) {\n        if (last) setMode(last, \"neutral\");\n      } else {\n        emit(selectedValues.slice(0, -1));\n      }\n    } else 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      if (open && multiple && customEntry) {\n        e.preventDefault();\n        selectOption(customEntry);\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 =\n    ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear =\n    !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <ComboboxControl\n        anchorRef={anchorRef}\n        ariaLabel={ariaLabel}\n        ariaRequired={ariaRequired}\n        closedLabel={closedLabel}\n        describedBy={describedBy}\n        disabled={disabled}\n        displayValue={displayValue}\n        effectivePrefix={effectivePrefix}\n        highlighted={highlighted}\n        id={id}\n        inputRef={inputRef}\n        invalid={invalid}\n        label={label}\n        labelRef={labelRef}\n        labelWidth={labelWidth}\n        listId={listId}\n        loading={loading}\n        onClear={clear}\n        onInput={(value) => {\n          setQuery(value);\n          if (!open) setOpen(true);\n        }}\n        onKeyDown={onKeyDown}\n        onOpen={openMenu}\n        onPaste={onPaste}\n        onRemoveTag={removeTag}\n        onToggle={() => {\n          if (open) {\n            commitAndClose();\n          } else {\n            openMenu();\n            inputRef.current?.focus();\n          }\n        }}\n        open={open}\n        options={options}\n        placeholder={placeholder}\n        showClear={showClear}\n        size={size}\n        suffix={suffix}\n        tagModes={tristate ? modes : undefined}\n        onSetTagMode={setMode}\n        tagValues={selectedValues}\n        tags={tags}\n      />\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          hasOptions={options.length > 0}\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":[],"mappings":"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"}

package/dist/components/ComboboxMenu.cjs

@@ -106,7 +106,8 @@ function ComboboxMenu({
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label })
                       ] }),
                       onModeChange: (next) => onSetMode(option.value, next),
-                      className: "w-full justify-between"
+                      className: "w-full justify-between",
+                      ...option.count !== void 0 ? { count: option.count } : {}
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(ComboboxOptionDescription, { description: option.description })

package/dist/components/ComboboxMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.cjs","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n      {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null && option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.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                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate ? { \"data-filter-option\": option.value } : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                option.description ? \"items-start\" : \"items-center\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <div className=\"min-w-0 flex-1\">\n                  <FilterPill\n                    mode={mode ?? \"neutral\"}\n                    togglePosition=\"right\"\n                    interactive={false}\n                    label={\n                      <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                        <LabelIcon icon={option.icon} className=\"shrink-0 text-sm text-muted-foreground\" />\n                        <span className=\"truncate\">{option.label}</span>\n                      </span>\n                    }\n                    onModeChange={(next) => onSetMode(option.value, next)}\n                    className=\"w-full justify-between\"\n                  />\n                  <ComboboxOptionDescription description={option.description} />\n                </div>\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      option.description && \"mt-1\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className={cn(\n                      \"text-sm text-muted-foreground\",\n                      option.description && \"mt-1\",\n                    )}\n                  />\n                  <ComboboxOptionText option={option} />\n                  {option.trailing != null && (\n                    // Capped and truncating rather than `shrink-0`: in a menu\n                    // clamped by the viewport edge the label is what identifies\n                    // the option, so the preview yields first.\n                    <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                      {option.trailing}\n                    </span>\n                  )}\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          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(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          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\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  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className=\"min-w-0 flex-1\">\n      <span className=\"block truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n}: {\n  description: string | undefined;\n}) {\n  return description ? (\n    <span className=\"mt-0.5 block whitespace-pre-line text-xs font-normal leading-4 text-muted-foreground\">\n      {description}\n    </span>\n  ) : null;\n}\n"],"names":["jsxs","cn","jsx","Fragment","FilterPill","LabelIcon","Icon","UiCheck","createPortal"],"mappings":"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"}
+{"version":3,"file":"ComboboxMenu.cjs","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n      {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null && option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.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                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate ? { \"data-filter-option\": option.value } : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                option.description ? \"items-start\" : \"items-center\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <div className=\"min-w-0 flex-1\">\n                  <FilterPill\n                    mode={mode ?? \"neutral\"}\n                    togglePosition=\"right\"\n                    interactive={false}\n                    label={\n                      <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                        <LabelIcon icon={option.icon} className=\"shrink-0 text-sm text-muted-foreground\" />\n                        <span className=\"truncate\">{option.label}</span>\n                      </span>\n                    }\n                    onModeChange={(next) => onSetMode(option.value, next)}\n                    className=\"w-full justify-between\"\n                    {...(option.count !== undefined ? { count: option.count } : {})}\n                  />\n                  <ComboboxOptionDescription description={option.description} />\n                </div>\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      option.description && \"mt-1\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className={cn(\n                      \"text-sm text-muted-foreground\",\n                      option.description && \"mt-1\",\n                    )}\n                  />\n                  <ComboboxOptionText option={option} />\n                  {option.trailing != null && (\n                    // Capped and truncating rather than `shrink-0`: in a menu\n                    // clamped by the viewport edge the label is what identifies\n                    // the option, so the preview yields first.\n                    <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                      {option.trailing}\n                    </span>\n                  )}\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          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(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          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\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  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className=\"min-w-0 flex-1\">\n      <span className=\"block truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n}: {\n  description: string | undefined;\n}) {\n  return description ? (\n    <span className=\"mt-0.5 block whitespace-pre-line text-xs font-normal leading-4 text-muted-foreground\">\n      {description}\n    </span>\n  ) : null;\n}\n"],"names":["jsxs","cn","jsx","Fragment","FilterPill","LabelIcon","Icon","UiCheck","createPortal"],"mappings":"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"}

package/dist/components/ComboboxMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAuLA"}
+{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAwLA"}

package/dist/components/ComboboxMenu.js

@@ -104,7 +104,8 @@ function ComboboxMenu({
                         /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label })
                       ] }),
                       onModeChange: (next) => onSetMode(option.value, next),
-                      className: "w-full justify-between"
+                      className: "w-full justify-between",
+                      ...option.count !== void 0 ? { count: option.count } : {}
                     }
                   ),
                   /* @__PURE__ */ jsx(ComboboxOptionDescription, { description: option.description })

package/dist/components/ComboboxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.js","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n      {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null && option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.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                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate ? { \"data-filter-option\": option.value } : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                option.description ? \"items-start\" : \"items-center\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <div className=\"min-w-0 flex-1\">\n                  <FilterPill\n                    mode={mode ?? \"neutral\"}\n                    togglePosition=\"right\"\n                    interactive={false}\n                    label={\n                      <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                        <LabelIcon icon={option.icon} className=\"shrink-0 text-sm text-muted-foreground\" />\n                        <span className=\"truncate\">{option.label}</span>\n                      </span>\n                    }\n                    onModeChange={(next) => onSetMode(option.value, next)}\n                    className=\"w-full justify-between\"\n                  />\n                  <ComboboxOptionDescription description={option.description} />\n                </div>\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      option.description && \"mt-1\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className={cn(\n                      \"text-sm text-muted-foreground\",\n                      option.description && \"mt-1\",\n                    )}\n                  />\n                  <ComboboxOptionText option={option} />\n                  {option.trailing != null && (\n                    // Capped and truncating rather than `shrink-0`: in a menu\n                    // clamped by the viewport edge the label is what identifies\n                    // the option, so the preview yields first.\n                    <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                      {option.trailing}\n                    </span>\n                  )}\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          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(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          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\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  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className=\"min-w-0 flex-1\">\n      <span className=\"block truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n}: {\n  description: string | undefined;\n}) {\n  return description ? (\n    <span className=\"mt-0.5 block whitespace-pre-line text-xs font-normal leading-4 text-muted-foreground\">\n      {description}\n    </span>\n  ) : null;\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"ComboboxMenu.js","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n      {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null && option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.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                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate ? { \"data-filter-option\": option.value } : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                option.description ? \"items-start\" : \"items-center\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <div className=\"min-w-0 flex-1\">\n                  <FilterPill\n                    mode={mode ?? \"neutral\"}\n                    togglePosition=\"right\"\n                    interactive={false}\n                    label={\n                      <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                        <LabelIcon icon={option.icon} className=\"shrink-0 text-sm text-muted-foreground\" />\n                        <span className=\"truncate\">{option.label}</span>\n                      </span>\n                    }\n                    onModeChange={(next) => onSetMode(option.value, next)}\n                    className=\"w-full justify-between\"\n                    {...(option.count !== undefined ? { count: option.count } : {})}\n                  />\n                  <ComboboxOptionDescription description={option.description} />\n                </div>\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      option.description && \"mt-1\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className={cn(\n                      \"text-sm text-muted-foreground\",\n                      option.description && \"mt-1\",\n                    )}\n                  />\n                  <ComboboxOptionText option={option} />\n                  {option.trailing != null && (\n                    // Capped and truncating rather than `shrink-0`: in a menu\n                    // clamped by the viewport edge the label is what identifies\n                    // the option, so the preview yields first.\n                    <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                      {option.trailing}\n                    </span>\n                  )}\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          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(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          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\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  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className=\"min-w-0 flex-1\">\n      <span className=\"block truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n}: {\n  description: string | undefined;\n}) {\n  return description ? (\n    <span className=\"mt-0.5 block whitespace-pre-line text-xs font-normal leading-4 text-muted-foreground\">\n      {description}\n    </span>\n  ) : null;\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/components/ErrorWrapper.cjs

@@ -39,7 +39,7 @@ class ErrorWrapper extends react.Component {
         }
       );
     }
-    return this.props.children;
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: this.props.children });
   }
 }
 function copyStatusMessage(copyState) {

package/dist/components/ErrorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.cjs","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\") {\n    // Origin and path only: an error report is pasted into issues and chats,\n    // and a query string or fragment routinely carries a session token, a\n    // signed URL or a search term the reporter did not mean to publish.\n    lines.push(`Page: ${window.location.origin}${window.location.pathname}`);\n  }\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":["Component","jsx","useState","useMemo","jsxs","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics"],"mappings":"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"}
+{"version":3,"file":"ErrorWrapper.cjs","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\") {\n    // Origin and path only: an error report is pasted into issues and chats,\n    // and a query string or fragment routinely carries a session token, a\n    // signed URL or a search term the reporter did not mean to publish.\n    lines.push(`Page: ${window.location.origin}${window.location.pathname}`);\n  }\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":["Component","jsx","Fragment","useState","useMemo","jsxs","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics"],"mappings":"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"}

package/dist/components/ErrorWrapper.d.ts

@@ -1,4 +1,4 @@
-import { Component, ErrorInfo, ReactNode } from 'react';
+import { Component, ErrorInfo, ReactElement, ReactNode } from 'react';
 export type ErrorWrapperProps = {
     children: ReactNode;
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
@@ -13,7 +13,7 @@ export declare class ErrorWrapper extends Component<ErrorWrapperProps, ErrorWrap
         error: Error;
     };
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    render(): ReactElement;
 }
 export {};
 //# sourceMappingURL=ErrorWrapper.d.ts.map

package/dist/components/ErrorWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM;CAWhB"}
+{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM,IAAI,YAAY;CAWhC"}

package/dist/components/ErrorWrapper.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { Component, useState, useMemo } from "react";
 import { ErrorDetails } from "../data/diagnostics/ErrorDetails.js";
 import { normalizeErrorDiagnostics } from "../data/diagnostics/error-diagnostics.js";
@@ -37,7 +37,7 @@ class ErrorWrapper extends Component {
         }
       );
     }
-    return this.props.children;
+    return /* @__PURE__ */ jsx(Fragment, { children: this.props.children });
   }
 }
 function copyStatusMessage(copyState) {