@flanksource/clicky-ui 0.3.27 → 0.3.29

package/dist/components/AccordionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionList.js","sources":["../../src/components/AccordionList.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport { duplicateIndex, moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport type { SizeToken } from \"../lib/size\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight, UiDotsVertical } from \"../icons\";\nimport { ItemActions } from \"./ItemActions\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// AccordionList renders a list of items as one-line rows, expanding one at a\n// time into that item's own editor. It exists because a ten-field item stacked\n// in full costs ~700px of screen each, and a column of them says nothing about\n// which item is which.\n//\n// It knows nothing about what an item IS: `renderHeader` fills the collapsed\n// row, `renderBody` fills the open panel, and everything structural — the\n// disclosure, the aria pairing, roving arrow-key focus, the mutation buttons,\n// the add row — belongs to the list. Every editing capability is opt-in, so the\n// same component serves a read-only summary list and a full editor.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\n\n/** Handed to every slot, describing one row. */\nexport interface AccordionListItemContext<T> {\n  item: T;\n  index: number;\n  open: boolean;\n  /** Replaces this item in place, committing the whole list through `onChange`. */\n  onChange: (next: T) => void;\n  /** The ids the disclosure/panel pair is wired with. */\n  headerId: string;\n  panelId: string;\n}\n\nexport interface AccordionListProps<T> {\n  items: T[];\n  /** Receives the whole next list for every add, remove, duplicate, move or item edit. */\n  onChange?: (next: T[]) => void;\n\n  /** Row content, rendered inside the disclosure button after the chevron. */\n  renderHeader: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Panel content. Rendered only while the row is open — never hidden with CSS. */\n  renderBody: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Extra per-row actions, rendered before the built-in ones. */\n  renderActions?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Content above the list — typically the item count. */\n  summary?: ReactNode;\n  /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */\n  itemLabel?: (ctx: { item: T; index: number }) => string;\n\n  /** Offer the up/down reorder buttons. */\n  allowReorder?: boolean;\n  /**\n   * Offer a grab handle at the head of every row, and drag-to-reorder across\n   * the list. Arrow keys on a focused handle move the row too, so the gesture\n   * is not mouse-only.\n   */\n  allowDrag?: boolean;\n  /**\n   * Whether a row takes part in dragging — as a source and as a destination.\n   * Defaults to every row. A list holding rows that have no position of their\n   * own (a filtered-out item, a soft-deleted one) says so here.\n   */\n  canDrag?: (ctx: { item: T; index: number }) => boolean;\n  /**\n   * Commits a completed drag or handle keypress. Defaults to the same move the\n   * reorder buttons perform; a list whose order lives outside `items` (a\n   * filtered view of a longer list) reorders the source through this instead.\n   */\n  onReorder?: (from: number, to: number) => void;\n  /** Offer the duplicate button. */\n  allowDuplicate?: boolean;\n  /** Offer the remove button. */\n  allowRemove?: boolean;\n  /** Copy override for duplicate. Defaults to a one-level clone. */\n  cloneItem?: (item: T) => T;\n  /**\n   * Reveal the per-row actions on hover/focus (the default). Pass false where an\n   * action carries state the row has to show at rest — a visibility toggle whose\n   * glyph says whether the item is hidden answers a question, not just offers a\n   * click.\n   */\n  revealActions?: boolean;\n\n  /** Seeds a new item. Supplying it is what adds the trailing add row. */\n  onCreate?: () => T;\n  /** Add-row text. Defaults to \"Add item\". */\n  addLabel?: string;\n  /** Add-row copy; grows into the empty state at zero items. */\n  addDescription?: string;\n\n  /** Controlled open row — an index, or null for none. */\n  expanded?: number | null;\n  /** Initially open row for uncontrolled usage. Defaults to none. */\n  defaultExpanded?: number | null;\n  onExpandedChange?: (index: number | null) => void;\n\n  /** Hides the add row and every per-row action. Rows still open. */\n  readOnly?: boolean;\n  size?: SizeToken;\n  /** Stem for the generated header/panel ids. */\n  idPrefix?: string;\n  /** Overrides the per-row id stem (e.g. with a JSON-Pointer instance path). */\n  itemId?: (index: number) => string;\n  /** Selector focused inside a freshly added row's panel. */\n  focusSelector?: string;\n  className?: string;\n  listClassName?: string;\n  rowClassName?: string;\n  bodyClassName?: string;\n}\n\nconst DEFAULT_FOCUS_SELECTOR = \"[data-autofocus], input, select, textarea\";\n\nexport function AccordionList<T>({\n  items,\n  onChange,\n  renderHeader,\n  renderBody,\n  renderActions,\n  summary,\n  itemLabel,\n  allowReorder = false,\n  allowDrag = false,\n  canDrag,\n  onReorder,\n  allowDuplicate = false,\n  allowRemove = false,\n  revealActions = true,\n  cloneItem,\n  onCreate,\n  addLabel = \"Add item\",\n  addDescription,\n  expanded: expandedProp,\n  defaultExpanded = null,\n  onExpandedChange,\n  readOnly = false,\n  size = \"md\",\n  idPrefix = \"accordion\",\n  itemId,\n  focusSelector = DEFAULT_FOCUS_SELECTOR,\n  className,\n  listClassName,\n  rowClassName,\n  bodyClassName,\n}: AccordionListProps<T>) {\n  // Which row is open is transient view state, deliberately local and never\n  // persisted. The INDEX is the key, not the item: an editor typically replaces\n  // the item object on every keystroke, so any identity-based map would die on\n  // the first character typed. That makes it the mutators' job to keep this\n  // pointing at the same row.\n  const isControlled = expandedProp !== undefined;\n  const [innerExpanded, setInnerExpanded] = useState<number | null>(defaultExpanded);\n  const expanded = isControlled ? expandedProp : innerExpanded;\n\n  // The in-flight drag: the row being dragged and the row the pointer is over.\n  const [dragFrom, setDragFrom] = useState<number | null>(null);\n  const [dragOver, setDragOver] = useState<number | null>(null);\n\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    (panel?.querySelector<HTMLElement>(focusSelector) ?? row)?.focus();\n  });\n\n  function rowId(index: number): string {\n    return itemId ? itemId(index) : `${idPrefix}-${index}`;\n  }\n  function panelId(index: number): string {\n    return `${rowId(index)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${rowId(index)}-header`;\n  }\n\n  function expand(next: number | null) {\n    if (!isControlled) setInnerExpanded(next);\n    onExpandedChange?.(next);\n  }\n  // A mutator moves the open row without the caller having asked to expand\n  // anything, so it maps the current index rather than setting an absolute one.\n  function reindexExpanded(map: (open: number | null) => number | null) {\n    const next = map(expanded);\n    if (next !== expanded) expand(next);\n  }\n\n  function commit(next: T[]) {\n    onChange?.(next);\n  }\n\n  function add() {\n    if (!onCreate) return;\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    expand(items.length);\n    commit([...items, onCreate()]);\n  }\n\n  function remove(index: number) {\n    reindexExpanded((open) =>\n      open === index ? null : open !== null && open > index ? open - 1 : open,\n    );\n    pendingFocus.current =\n      items.length === 1\n        ? { kind: \"add\", index: 0 }\n        : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    reindexExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index, cloneItem));\n  }\n\n  /** Where a drag would land, so the row can draw the insertion line. */\n  function dropEdge(index: number): \"top\" | \"bottom\" | null {\n    if (dragFrom === null || dragOver !== index || dragFrom === index) return null;\n    return dragFrom < index ? \"bottom\" : \"top\";\n  }\n\n  function endDrag() {\n    setDragFrom(null);\n    setDragOver(null);\n  }\n\n  function reorder(from: number, to: number) {\n    if (from === to) return;\n    if (onReorder) onReorder(from, to);\n    else move(from, to);\n  }\n\n  function move(index: number, to: number) {\n    if (to < 0 || to >= items.length) return;\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    reindexExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {summary !== undefined && (\n        <p className={cn(\"text-muted-foreground\", labelSizeClass[size])}>{summary}</p>\n      )}\n      <div\n        className={cn(\"divide-y divide-border rounded-lg border border-border\", listClassName)}\n      >\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const slotCtx: AccordionListItemContext<T> = {\n            item,\n            index: i,\n            open,\n            onChange: (next) => commit(setIndex(items, i, next)),\n            headerId: headerId(i),\n            panelId: panelId(i),\n          };\n          const label = itemLabel?.({ item, index: i }) ?? `Item ${i + 1}`;\n          const actions = renderActions?.(slotCtx);\n          const dragEnabled = allowDrag && !readOnly && (canDrag?.({ item, index: i }) ?? true);\n          const droppable = dragEnabled && dragFrom !== null && dragFrom !== i;\n          const edge = droppable ? dropEdge(i) : null;\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                data-accordion-row\n                data-drop-edge={edge ?? undefined}\n                onDragOver={(e) => {\n                  if (!droppable) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOver(i);\n                }}\n                onDrop={(e) => {\n                  if (!droppable || dragFrom === null) return;\n                  e.preventDefault();\n                  reorder(dragFrom, i);\n                  endDrag();\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  i % 2 === 0 ? \"bg-card\" : \"bg-muted/20\",\n                  open && \"bg-accent/30\",\n                  dragFrom === i && \"opacity-40\",\n                  edge === \"top\" && \"shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n                  edge === \"bottom\" && \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n                  rowClassName,\n                )}\n              >\n                {allowDrag && !readOnly && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Reorder ${label}`}\n                    title={`Reorder ${label}`}\n                    disabled={!dragEnabled}\n                    draggable={dragEnabled}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", String(i));\n                      // Drag the row, not the handle glyph the pointer grabbed.\n                      const row = e.currentTarget.closest(\"[data-accordion-row]\");\n                      if (row instanceof HTMLElement) e.dataTransfer.setDragImage(row, 12, 12);\n                      setDragFrom(i);\n                    }}\n                    onDragEnd={endDrag}\n                    onKeyDown={(e) => {\n                      const to = e.key === \"ArrowUp\" ? i - 1 : e.key === \"ArrowDown\" ? i + 1 : i;\n                      if (to === i || to < 0 || to >= items.length) return;\n                      e.preventDefault();\n                      reorder(i, to);\n                    }}\n                    className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground active:cursor-grabbing disabled:cursor-default disabled:opacity-30\"\n                  >\n                    <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => expand(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  {renderHeader(slotCtx)}\n                </button>\n                {!readOnly && (allowReorder || allowDuplicate || allowRemove || actions) && (\n                  <ItemActions\n                    label={label}\n                    index={i}\n                    count={items.length}\n                    size={size}\n                    reveal={revealActions}\n                    {...(actions ? { leading: actions } : {})}\n                    {...(allowReorder ? { onMove: (to: number) => move(i, to) } : {})}\n                    {...(allowDuplicate ? { onDuplicate: () => duplicate(i) } : {})}\n                    {...(allowRemove ? { onRemove: () => remove(i) } : {})}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className={cn(\"border-t border-border bg-muted/20 p-3\", bodyClassName)}\n                >\n                  {renderBody(slotCtx)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && onCreate && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addLabel}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(addDescription ? { copy: addDescription } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// explanation of what an item is — so the empty state is the same control the\n// author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionList.js","sources":["../../src/components/AccordionList.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactNode,\n} from \"react\";\nimport { duplicateIndex, moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport type { SizeToken } from \"../lib/size\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight, UiDotsVertical } from \"../icons\";\nimport { ItemActions } from \"./ItemActions\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// AccordionList renders a list of items as one-line rows, expanding one at a\n// time into that item's own editor. It exists because a ten-field item stacked\n// in full costs ~700px of screen each, and a column of them says nothing about\n// which item is which.\n//\n// It knows nothing about what an item IS: `renderHeader` fills the collapsed\n// row, `renderBody` fills the open panel, and everything structural — the\n// disclosure, the aria pairing, roving arrow-key focus, the mutation buttons,\n// the add row — belongs to the list. Every editing capability is opt-in, so the\n// same component serves a read-only summary list and a full editor.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\n\n/** Handed to every slot, describing one row. */\nexport interface AccordionListItemContext<T> {\n  item: T;\n  index: number;\n  open: boolean;\n  /** Replaces this item in place, committing the whole list through `onChange`. */\n  onChange: (next: T) => void;\n  /** The ids the disclosure/panel pair is wired with. */\n  headerId: string;\n  panelId: string;\n}\n\nexport interface AccordionListProps<T> {\n  items: T[];\n  /** Receives the whole next list for every add, remove, duplicate, move or item edit. */\n  onChange?: (next: T[]) => void;\n\n  /** Row content, rendered inside the disclosure button after the chevron. */\n  renderHeader: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Panel content. Rendered only while the row is open — never hidden with CSS. */\n  renderBody: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Extra per-row actions, rendered before the built-in ones. */\n  renderActions?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Persistent row metadata rendered between the disclosure and actions. */\n  renderMeta?: (ctx: AccordionListItemContext<T>) => ReactNode;\n  /** Content above the list — typically the item count. */\n  summary?: ReactNode;\n  /** Names an item in its actions' accessible labels. Defaults to `Item <n>`. */\n  itemLabel?: (ctx: { item: T; index: number }) => string;\n\n  /** Offer the up/down reorder buttons. */\n  allowReorder?: boolean;\n  /**\n   * Offer a grab handle at the head of every row, and drag-to-reorder across\n   * the list. Arrow keys on a focused handle move the row too, so the gesture\n   * is not mouse-only.\n   */\n  allowDrag?: boolean;\n  /**\n   * Whether a row takes part in dragging — as a source and as a destination.\n   * Defaults to every row. A list holding rows that have no position of their\n   * own (a filtered-out item, a soft-deleted one) says so here.\n   */\n  canDrag?: (ctx: { item: T; index: number }) => boolean;\n  /**\n   * Commits a completed drag or handle keypress. Defaults to the same move the\n   * reorder buttons perform; a list whose order lives outside `items` (a\n   * filtered view of a longer list) reorders the source through this instead.\n   */\n  onReorder?: (from: number, to: number) => void;\n  /** Offer the duplicate button. */\n  allowDuplicate?: boolean;\n  /** Offer the remove button. */\n  allowRemove?: boolean;\n  /** Copy override for duplicate. Defaults to a one-level clone. */\n  cloneItem?: (item: T) => T;\n  /**\n   * Reveal the per-row actions on hover/focus (the default). Pass false where an\n   * action carries state the row has to show at rest — a visibility toggle whose\n   * glyph says whether the item is hidden answers a question, not just offers a\n   * click.\n   */\n  revealActions?: boolean;\n\n  /** Seeds a new item. Supplying it is what adds the trailing add row. */\n  onCreate?: () => T;\n  /** Add-row text. Defaults to \"Add item\". */\n  addLabel?: string;\n  /** Add-row copy; grows into the empty state at zero items. */\n  addDescription?: string;\n\n  /** Controlled open row — an index, or null for none. */\n  expanded?: number | null;\n  /** Initially open row for uncontrolled usage. Defaults to none. */\n  defaultExpanded?: number | null;\n  onExpandedChange?: (index: number | null) => void;\n\n  /** Hides the add row and every per-row action. Rows still open. */\n  readOnly?: boolean;\n  size?: SizeToken;\n  /** Stem for the generated header/panel ids. */\n  idPrefix?: string;\n  /** Overrides the per-row id stem (e.g. with a JSON-Pointer instance path). */\n  itemId?: (index: number) => string;\n  /** Selector focused inside a freshly added row's panel. */\n  focusSelector?: string;\n  className?: string;\n  listClassName?: string;\n  rowClassName?: string;\n  bodyClassName?: string;\n}\n\nconst DEFAULT_FOCUS_SELECTOR = \"[data-autofocus], input, select, textarea\";\n\nexport function AccordionList<T>({\n  items,\n  onChange,\n  renderHeader,\n  renderBody,\n  renderActions,\n  renderMeta,\n  summary,\n  itemLabel,\n  allowReorder = false,\n  allowDrag = false,\n  canDrag,\n  onReorder,\n  allowDuplicate = false,\n  allowRemove = false,\n  revealActions = true,\n  cloneItem,\n  onCreate,\n  addLabel = \"Add item\",\n  addDescription,\n  expanded: expandedProp,\n  defaultExpanded = null,\n  onExpandedChange,\n  readOnly = false,\n  size = \"md\",\n  idPrefix = \"accordion\",\n  itemId,\n  focusSelector = DEFAULT_FOCUS_SELECTOR,\n  className,\n  listClassName,\n  rowClassName,\n  bodyClassName,\n}: AccordionListProps<T>) {\n  // Which row is open is transient view state, deliberately local and never\n  // persisted. The INDEX is the key, not the item: an editor typically replaces\n  // the item object on every keystroke, so any identity-based map would die on\n  // the first character typed. That makes it the mutators' job to keep this\n  // pointing at the same row.\n  const isControlled = expandedProp !== undefined;\n  const [innerExpanded, setInnerExpanded] = useState<number | null>(defaultExpanded);\n  const expanded = isControlled ? expandedProp : innerExpanded;\n\n  // The in-flight drag: the row being dragged and the row the pointer is over.\n  const [dragFrom, setDragFrom] = useState<number | null>(null);\n  const [dragOver, setDragOver] = useState<number | null>(null);\n\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    (panel?.querySelector<HTMLElement>(focusSelector) ?? row)?.focus();\n  });\n\n  function rowId(index: number): string {\n    return itemId ? itemId(index) : `${idPrefix}-${index}`;\n  }\n  function panelId(index: number): string {\n    return `${rowId(index)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${rowId(index)}-header`;\n  }\n\n  function expand(next: number | null) {\n    if (!isControlled) setInnerExpanded(next);\n    onExpandedChange?.(next);\n  }\n  // A mutator moves the open row without the caller having asked to expand\n  // anything, so it maps the current index rather than setting an absolute one.\n  function reindexExpanded(map: (open: number | null) => number | null) {\n    const next = map(expanded);\n    if (next !== expanded) expand(next);\n  }\n\n  function commit(next: T[]) {\n    onChange?.(next);\n  }\n\n  function add() {\n    if (!onCreate) return;\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    expand(items.length);\n    commit([...items, onCreate()]);\n  }\n\n  function remove(index: number) {\n    reindexExpanded((open) =>\n      open === index ? null : open !== null && open > index ? open - 1 : open,\n    );\n    pendingFocus.current =\n      items.length === 1\n        ? { kind: \"add\", index: 0 }\n        : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    reindexExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index, cloneItem));\n  }\n\n  /** Where a drag would land, so the row can draw the insertion line. */\n  function dropEdge(index: number): \"top\" | \"bottom\" | null {\n    if (dragFrom === null || dragOver !== index || dragFrom === index) return null;\n    return dragFrom < index ? \"bottom\" : \"top\";\n  }\n\n  function endDrag() {\n    setDragFrom(null);\n    setDragOver(null);\n  }\n\n  function reorder(from: number, to: number) {\n    if (from === to) return;\n    if (onReorder) onReorder(from, to);\n    else move(from, to);\n  }\n\n  function move(index: number, to: number) {\n    if (to < 0 || to >= items.length) return;\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    reindexExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {summary !== undefined && (\n        <p className={cn(\"text-muted-foreground\", labelSizeClass[size])}>{summary}</p>\n      )}\n      <div\n        className={cn(\"divide-y divide-border rounded-lg border border-border\", listClassName)}\n      >\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const slotCtx: AccordionListItemContext<T> = {\n            item,\n            index: i,\n            open,\n            onChange: (next) => commit(setIndex(items, i, next)),\n            headerId: headerId(i),\n            panelId: panelId(i),\n          };\n          const label = itemLabel?.({ item, index: i }) ?? `Item ${i + 1}`;\n          const actions = renderActions?.(slotCtx);\n          const meta = renderMeta?.(slotCtx);\n          const dragEnabled = allowDrag && !readOnly && (canDrag?.({ item, index: i }) ?? true);\n          const droppable = dragEnabled && dragFrom !== null && dragFrom !== i;\n          const edge = droppable ? dropEdge(i) : null;\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                data-accordion-row\n                data-drop-edge={edge ?? undefined}\n                onDragOver={(e) => {\n                  if (!droppable) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOver(i);\n                }}\n                onDrop={(e) => {\n                  if (!droppable || dragFrom === null) return;\n                  e.preventDefault();\n                  reorder(dragFrom, i);\n                  endDrag();\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  i % 2 === 0 ? \"bg-card\" : \"bg-muted/20\",\n                  open && \"bg-accent/30\",\n                  dragFrom === i && \"opacity-40\",\n                  edge === \"top\" && \"shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n                  edge === \"bottom\" && \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n                  rowClassName,\n                )}\n              >\n                {allowDrag && !readOnly && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Reorder ${label}`}\n                    title={`Reorder ${label}`}\n                    disabled={!dragEnabled}\n                    draggable={dragEnabled}\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = \"move\";\n                      e.dataTransfer.setData(\"text/plain\", String(i));\n                      // Drag the row, not the handle glyph the pointer grabbed.\n                      const row = e.currentTarget.closest(\"[data-accordion-row]\");\n                      if (row instanceof HTMLElement) e.dataTransfer.setDragImage(row, 12, 12);\n                      setDragFrom(i);\n                    }}\n                    onDragEnd={endDrag}\n                    onKeyDown={(e) => {\n                      const to = e.key === \"ArrowUp\" ? i - 1 : e.key === \"ArrowDown\" ? i + 1 : i;\n                      if (to === i || to < 0 || to >= items.length) return;\n                      e.preventDefault();\n                      reorder(i, to);\n                    }}\n                    className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground active:cursor-grabbing disabled:cursor-default disabled:opacity-30\"\n                  >\n                    <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => expand(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  {renderHeader(slotCtx)}\n                </button>\n                {meta}\n                {!readOnly && (allowReorder || allowDuplicate || allowRemove || actions) && (\n                  <ItemActions\n                    label={label}\n                    index={i}\n                    count={items.length}\n                    size={size}\n                    reveal={revealActions}\n                    {...(actions ? { leading: actions } : {})}\n                    {...(allowReorder ? { onMove: (to: number) => move(i, to) } : {})}\n                    {...(allowDuplicate ? { onDuplicate: () => duplicate(i) } : {})}\n                    {...(allowRemove ? { onRemove: () => remove(i) } : {})}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className={cn(\"border-t border-border bg-muted/20 p-3\", bodyClassName)}\n                >\n                  {renderBody(slotCtx)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && onCreate && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addLabel}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(addDescription ? { copy: addDescription } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// explanation of what an item is — so the empty state is the same control the\n// author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Combobox.cjs

@@ -8,7 +8,7 @@ const modalStack = require("../overlay/modalStack.cjs");
 const ComboboxControl = require("./ComboboxControl.cjs");
 const useComboboxLayout = require("./useComboboxLayout.cjs");
 const ComboboxMenu = require("./ComboboxMenu.cjs");
-const comboboxUtils = require("./combobox-utils.cjs");
+const comboboxValues = require("../lib/combobox-values.cjs");
 function Combobox(props) {
   const {
     options,
@@ -54,7 +54,7 @@ function Combobox(props) {
   const labelRef = react.useRef(null);
   const [open, setOpen] = react.useState(false);
   const floatingZ = modalStack.useFloatingZIndex();
-  const menuPos = useComboboxLayout.useComboboxMenuPosition(open, anchorRef);
+  const menuPos = useComboboxLayout.useComboboxMenuPosition(open, anchorRef, listRef);
   const [query, setQuery] = react.useState("");
   const [highlighted, setHighlighted] = react.useState(-1);
   const labelWidth = useComboboxLayout.useComboboxLabelWidth(label, labelRef);
@@ -73,7 +73,7 @@ function Combobox(props) {
       return [includes > 0 && `+${includes}`, excludes > 0 && `-${excludes}`].filter(Boolean).join(" ");
     }
     if (multiple) {
-      return comboboxUtils.multipleComboboxLabel(options, selectedValues);
+      return comboboxValues.multipleComboboxLabel(options, selectedValues);
     }
     const single = selectedValues[0] ?? "";
     return (selectedOption == null ? void 0 : selectedOption.selectedLabel) ?? (selectedOption == null ? void 0 : selectedOption.label) ?? single;
@@ -81,7 +81,7 @@ function Combobox(props) {
   const effectivePrefix = prefix ?? ((selectedOption == null ? void 0 : selectedOption.icon) != null ? /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: selectedOption.icon, className: "size-4" }) : null);
   const displayValue = tags ? query : open ? query : closedLabel;
   const filtered = react.useMemo(() => {
-    if (onSearch) return comboboxUtils.withSelectedComboboxOptions(options, selectedValues);
+    if (onSearch) return comboboxValues.withSelectedComboboxOptions(options, selectedValues);
     const q = query.toLowerCase().trim();
     if (!q) return options;
     return options.filter(
@@ -98,7 +98,7 @@ function Combobox(props) {
   }, [onSearch, open, query]);
   const trimmedQuery = query.trim();
   const customEntry = react.useMemo(
-    () => comboboxUtils.createComboboxCustomEntry({
+    () => comboboxValues.createComboboxCustomEntry({
       allowCustomValue,
       query: trimmedQuery,
       multiple,
@@ -204,7 +204,7 @@ function Combobox(props) {
   function onPaste(e) {
     if (!tags || !allowCustomValue || separators.length === 0) return;
     const text = e.clipboardData.getData("text");
-    const parts = comboboxUtils.splitOnComboboxSeparators(text, separators);
+    const parts = comboboxValues.splitOnComboboxSeparators(text, separators);
     if (parts.length < 2) return;
     e.preventDefault();
     addValues(parts);

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 \"./combobox-utils\";\n\nexport type {\n  ComboboxMultiProps,\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxSingleProps,\n  ComboboxTriStateMode,\n  ComboboxTriStateProps,\n} from \"./combobox-types\";\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder,\n    label,\n    ariaLabel: ariaLabelProp,\n    disabled,\n    required,\n    invalid,\n    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);\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 ?? 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  }\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

@@ -1,4 +1,4 @@
 import { ComboboxProps } from './combobox-types';
 export type { ComboboxMultiProps, ComboboxOption, ComboboxProps, ComboboxSingleProps, ComboboxTriStateMode, ComboboxTriStateProps, } from './combobox-types';
-export declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox(props: ComboboxProps): import("react").JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map

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,2CA+d5C"}
+{"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"}

package/dist/components/Combobox.js

@@ -6,7 +6,7 @@ import { useFloatingZIndex } from "../overlay/modalStack.js";
 import { ComboboxControl } from "./ComboboxControl.js";
 import { useComboboxMenuPosition, useComboboxLabelWidth } from "./useComboboxLayout.js";
 import { ComboboxMenu } from "./ComboboxMenu.js";
-import { multipleComboboxLabel, withSelectedComboboxOptions, createComboboxCustomEntry, splitOnComboboxSeparators } from "./combobox-utils.js";
+import { multipleComboboxLabel, withSelectedComboboxOptions, createComboboxCustomEntry, splitOnComboboxSeparators } from "../lib/combobox-values.js";
 function Combobox(props) {
   const {
     options,
@@ -52,7 +52,7 @@ function Combobox(props) {
   const labelRef = useRef(null);
   const [open, setOpen] = useState(false);
   const floatingZ = useFloatingZIndex();
-  const menuPos = useComboboxMenuPosition(open, anchorRef);
+  const menuPos = useComboboxMenuPosition(open, anchorRef, listRef);
   const [query, setQuery] = useState("");
   const [highlighted, setHighlighted] = useState(-1);
   const labelWidth = useComboboxLabelWidth(label, labelRef);

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 \"./combobox-utils\";\n\nexport type {\n  ComboboxMultiProps,\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxSingleProps,\n  ComboboxTriStateMode,\n  ComboboxTriStateProps,\n} from \"./combobox-types\";\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder,\n    label,\n    ariaLabel: ariaLabelProp,\n    disabled,\n    required,\n    invalid,\n    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);\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 ?? 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  }\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/ComboboxActions.d.ts

@@ -4,5 +4,5 @@ export declare function ComboboxActions({ disabled, loading, onClear, onToggle,
     onClear: () => void;
     onToggle: () => void;
     showClear: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ComboboxActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxActions.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxActions.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB,2CAmDA"}
+{"version":3,"file":"ComboboxActions.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxActions.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB,+BAmDA"}

package/dist/components/ComboboxControl.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const utils = require("../lib/utils.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
-const comboboxUtils = require("./combobox-utils.cjs");
+const comboboxValues = require("../lib/combobox-values.cjs");
 const ComboboxActions = require("./ComboboxActions.cjs");
 const ComboboxTags = require("./ComboboxTags.cjs");
 function ComboboxControl({
@@ -113,13 +113,14 @@ function ComboboxControl({
             className: utils.cn(
               tags ? "min-w-28 flex-1 bg-transparent px-1 py-1 text-foreground outline-none" : "w-full rounded-md border border-input bg-background text-foreground",
               tags ? size ? jsonSchemaFormSize.labelSizeClass[size] : "text-sm" : size ? jsonSchemaFormSize.inputSizeClass[size] : "h-control-h px-control-px text-sm",
+              "max-sm:text-base",
               !tags && effectivePrefix && "pl-8",
               !tags && (suffix ? showClear ? "pr-[5.5rem]" : "pr-14" : showClear ? "pr-14" : "pr-8"),
               !tags && "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
               !tags && "disabled:cursor-not-allowed disabled:opacity-50",
               !tags && invalid && "border-destructive focus-visible:ring-destructive"
             ),
-            style: !tags && label != null ? comboboxUtils.comboboxLabelPadding(label, labelWidth) : void 0
+            style: !tags && label != null ? comboboxValues.comboboxLabelPadding(label, labelWidth) : void 0
           }
         ),
         !tags && effectivePrefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-1.5 flex items-center", children: effectivePrefix }),

package/dist/components/ComboboxControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxControl.cjs","sources":["../../src/components/ComboboxControl.tsx"],"sourcesContent":["import type {\n  ClipboardEvent,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport {\n  controlMinHeightClass,\n  inputSizeClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport { comboboxLabelPadding } from \"./combobox-utils\";\nimport { ComboboxActions } from \"./ComboboxActions\";\nimport { ComboboxTags } from \"./ComboboxTags\";\n\nexport function ComboboxControl({\n  anchorRef,\n  ariaLabel,\n  ariaRequired,\n  closedLabel,\n  describedBy,\n  disabled,\n  displayValue,\n  effectivePrefix,\n  highlighted,\n  id,\n  inputRef,\n  invalid,\n  label,\n  labelRef,\n  labelWidth,\n  listId,\n  loading,\n  onClear,\n  onInput,\n  onKeyDown,\n  onOpen,\n  onPaste,\n  onRemoveTag,\n  onSetTagMode,\n  onToggle,\n  open,\n  options,\n  placeholder,\n  showClear,\n  size,\n  suffix,\n  tagModes,\n  tagValues,\n  tags,\n}: {\n  anchorRef: RefObject<HTMLDivElement>;\n  ariaLabel: string | undefined;\n  ariaRequired: boolean | undefined;\n  closedLabel: string;\n  describedBy: string | undefined;\n  disabled: boolean | undefined;\n  displayValue: string;\n  effectivePrefix: ReactNode;\n  highlighted: number;\n  id: string | undefined;\n  inputRef: RefObject<HTMLInputElement>;\n  invalid: boolean | undefined;\n  label: ReactNode;\n  labelRef: RefObject<HTMLSpanElement>;\n  labelWidth: number;\n  listId: string | undefined;\n  loading: boolean | undefined;\n  onClear: () => void;\n  onInput: (value: string) => void;\n  onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n  onOpen: () => void;\n  onPaste: (event: ClipboardEvent<HTMLInputElement>) => void;\n  onRemoveTag: (value: string) => void;\n  onSetTagMode: (value: string, mode: string) => void;\n  onToggle: () => void;\n  open: boolean;\n  options: ComboboxOption[];\n  placeholder: string | undefined;\n  showClear: boolean;\n  size: FormSize | undefined;\n  suffix: ReactNode;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  tagModes: Record<string, ComboboxTriStateMode> | undefined;\n  tagValues: string[];\n  tags: boolean;\n}) {\n  return (\n    <div\n      ref={anchorRef}\n      data-jsf-control\n      className={cn(\n        \"relative flex items-center\",\n        tags &&\n          \"flex-wrap gap-1 rounded-md border border-input bg-background px-2 py-1 text-foreground focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1\",\n        tags && (size ? controlMinHeightClass[size] : \"min-h-control-h\"),\n        tags &&\n          (suffix\n            ? showClear\n              ? \"pr-[5.5rem]\"\n              : \"pr-14\"\n            : showClear\n              ? \"pr-14\"\n              : \"pr-8\"),\n        tags && invalid && \"border-destructive focus-within:ring-destructive\",\n        tags && disabled && \"cursor-not-allowed opacity-50\",\n      )}\n      onMouseDown={(event) => {\n        if (!tags || (event.target as HTMLElement).closest(\"button, input\"))\n          return;\n        event.preventDefault();\n        inputRef.current?.focus();\n      }}\n    >\n      {label != null && (\n        <span\n          ref={labelRef}\n          className={cn(\n            \"pointer-events-none whitespace-nowrap font-medium uppercase tracking-wide text-muted-foreground text-[10px]\",\n            tags ? \"shrink-0\" : \"absolute left-2 z-10\",\n          )}\n        >\n          {label}\n        </span>\n      )}\n      {tags && effectivePrefix}\n      {tags && (\n        <ComboboxTags\n          disabled={disabled}\n          modes={tagModes}\n          onRemove={onRemoveTag}\n          onSetMode={onSetTagMode}\n          options={options}\n          values={tagValues}\n        />\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        role=\"combobox\"\n        aria-expanded={open}\n        aria-controls={listId}\n        aria-activedescendant={\n          highlighted >= 0 ? `${listId}-${highlighted}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={invalid || undefined}\n        aria-required={ariaRequired || undefined}\n        aria-describedby={describedBy}\n        autoComplete=\"off\"\n        disabled={disabled}\n        placeholder={tags && tagValues.length > 0 ? undefined : placeholder}\n        value={displayValue}\n        {...(!tags && !open && closedLabel ? { title: closedLabel } : {})}\n        onChange={(event) => onInput(event.target.value)}\n        onFocus={onOpen}\n        onClick={onOpen}\n        onKeyDown={onKeyDown}\n        onPaste={onPaste}\n        className={cn(\n          tags\n            ? \"min-w-28 flex-1 bg-transparent px-1 py-1 text-foreground outline-none\"\n            : \"w-full rounded-md border border-input bg-background text-foreground\",\n          tags\n            ? size\n              ? labelSizeClass[size]\n              : \"text-sm\"\n            : size\n              ? inputSizeClass[size]\n              : \"h-control-h px-control-px text-sm\",\n          !tags && effectivePrefix && \"pl-8\",\n          !tags &&\n            (suffix\n              ? showClear\n                ? \"pr-[5.5rem]\"\n                : \"pr-14\"\n              : showClear\n                ? \"pr-14\"\n                : \"pr-8\"),\n          !tags &&\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n          !tags && \"disabled:cursor-not-allowed disabled:opacity-50\",\n          !tags &&\n            invalid &&\n            \"border-destructive focus-visible:ring-destructive\",\n        )}\n        style={\n          !tags && label != null\n            ? comboboxLabelPadding(label, labelWidth)\n            : undefined\n        }\n      />\n      {!tags && effectivePrefix && (\n        <div className=\"absolute inset-y-0 left-1.5 flex items-center\">\n          {effectivePrefix}\n        </div>\n      )}\n      {suffix && (\n        <div\n          className={cn(\n            \"absolute flex h-full items-center\",\n            showClear ? \"right-[3.75rem]\" : \"right-7\",\n          )}\n        >\n          {suffix}\n        </div>\n      )}\n      <ComboboxActions\n        disabled={disabled}\n        loading={loading}\n        onClear={onClear}\n        onToggle={onToggle}\n        showClear={showClear}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","cn","controlMinHeightClass","jsx","ComboboxTags","labelSizeClass","inputSizeClass","comboboxLabelPadding","ComboboxActions"],"mappings":"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"}
+{"version":3,"file":"ComboboxControl.cjs","sources":["../../src/components/ComboboxControl.tsx"],"sourcesContent":["import type {\n  ClipboardEvent,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport {\n  controlMinHeightClass,\n  inputSizeClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport { comboboxLabelPadding } from \"../lib/combobox-values\";\nimport { ComboboxActions } from \"./ComboboxActions\";\nimport { ComboboxTags } from \"./ComboboxTags\";\n\nexport function ComboboxControl({\n  anchorRef,\n  ariaLabel,\n  ariaRequired,\n  closedLabel,\n  describedBy,\n  disabled,\n  displayValue,\n  effectivePrefix,\n  highlighted,\n  id,\n  inputRef,\n  invalid,\n  label,\n  labelRef,\n  labelWidth,\n  listId,\n  loading,\n  onClear,\n  onInput,\n  onKeyDown,\n  onOpen,\n  onPaste,\n  onRemoveTag,\n  onSetTagMode,\n  onToggle,\n  open,\n  options,\n  placeholder,\n  showClear,\n  size,\n  suffix,\n  tagModes,\n  tagValues,\n  tags,\n}: {\n  anchorRef: RefObject<HTMLDivElement | null>;\n  ariaLabel: string | undefined;\n  ariaRequired: boolean | undefined;\n  closedLabel: string;\n  describedBy: string | undefined;\n  disabled: boolean | undefined;\n  displayValue: string;\n  effectivePrefix: ReactNode;\n  highlighted: number;\n  id: string | undefined;\n  inputRef: RefObject<HTMLInputElement | null>;\n  invalid: boolean | undefined;\n  label: ReactNode;\n  labelRef: RefObject<HTMLSpanElement | null>;\n  labelWidth: number;\n  listId: string | undefined;\n  loading: boolean | undefined;\n  onClear: () => void;\n  onInput: (value: string) => void;\n  onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n  onOpen: () => void;\n  onPaste: (event: ClipboardEvent<HTMLInputElement>) => void;\n  onRemoveTag: (value: string) => void;\n  onSetTagMode: (value: string, mode: string) => void;\n  onToggle: () => void;\n  open: boolean;\n  options: ComboboxOption[];\n  placeholder: string | undefined;\n  showClear: boolean;\n  size: FormSize | undefined;\n  suffix: ReactNode;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  tagModes: Record<string, ComboboxTriStateMode> | undefined;\n  tagValues: string[];\n  tags: boolean;\n}) {\n  return (\n    <div\n      ref={anchorRef}\n      data-jsf-control\n      className={cn(\n        \"relative flex items-center\",\n        tags &&\n          \"flex-wrap gap-1 rounded-md border border-input bg-background px-2 py-1 text-foreground focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1\",\n        tags && (size ? controlMinHeightClass[size] : \"min-h-control-h\"),\n        tags &&\n          (suffix\n            ? showClear\n              ? \"pr-[5.5rem]\"\n              : \"pr-14\"\n            : showClear\n              ? \"pr-14\"\n              : \"pr-8\"),\n        tags && invalid && \"border-destructive focus-within:ring-destructive\",\n        tags && disabled && \"cursor-not-allowed opacity-50\",\n      )}\n      onMouseDown={(event) => {\n        if (!tags || (event.target as HTMLElement).closest(\"button, input\"))\n          return;\n        event.preventDefault();\n        inputRef.current?.focus();\n      }}\n    >\n      {label != null && (\n        <span\n          ref={labelRef}\n          className={cn(\n            \"pointer-events-none whitespace-nowrap font-medium uppercase tracking-wide text-muted-foreground text-[10px]\",\n            tags ? \"shrink-0\" : \"absolute left-2 z-10\",\n          )}\n        >\n          {label}\n        </span>\n      )}\n      {tags && effectivePrefix}\n      {tags && (\n        <ComboboxTags\n          disabled={disabled}\n          modes={tagModes}\n          onRemove={onRemoveTag}\n          onSetMode={onSetTagMode}\n          options={options}\n          values={tagValues}\n        />\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        role=\"combobox\"\n        aria-expanded={open}\n        aria-controls={listId}\n        aria-activedescendant={\n          highlighted >= 0 ? `${listId}-${highlighted}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={invalid || undefined}\n        aria-required={ariaRequired || undefined}\n        aria-describedby={describedBy}\n        autoComplete=\"off\"\n        disabled={disabled}\n        placeholder={tags && tagValues.length > 0 ? undefined : placeholder}\n        value={displayValue}\n        {...(!tags && !open && closedLabel ? { title: closedLabel } : {})}\n        onChange={(event) => onInput(event.target.value)}\n        onFocus={onOpen}\n        onClick={onOpen}\n        onKeyDown={onKeyDown}\n        onPaste={onPaste}\n        className={cn(\n          tags\n            ? \"min-w-28 flex-1 bg-transparent px-1 py-1 text-foreground outline-none\"\n            : \"w-full rounded-md border border-input bg-background text-foreground\",\n          tags\n            ? size\n              ? labelSizeClass[size]\n              : \"text-sm\"\n            : size\n              ? inputSizeClass[size]\n              : \"h-control-h px-control-px text-sm\",\n          \"max-sm:text-base\",\n          !tags && effectivePrefix && \"pl-8\",\n          !tags &&\n            (suffix\n              ? showClear\n                ? \"pr-[5.5rem]\"\n                : \"pr-14\"\n              : showClear\n                ? \"pr-14\"\n                : \"pr-8\"),\n          !tags &&\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n          !tags && \"disabled:cursor-not-allowed disabled:opacity-50\",\n          !tags &&\n            invalid &&\n            \"border-destructive focus-visible:ring-destructive\",\n        )}\n        style={\n          !tags && label != null\n            ? comboboxLabelPadding(label, labelWidth)\n            : undefined\n        }\n      />\n      {!tags && effectivePrefix && (\n        <div className=\"absolute inset-y-0 left-1.5 flex items-center\">\n          {effectivePrefix}\n        </div>\n      )}\n      {suffix && (\n        <div\n          className={cn(\n            \"absolute flex h-full items-center\",\n            showClear ? \"right-[3.75rem]\" : \"right-7\",\n          )}\n        >\n          {suffix}\n        </div>\n      )}\n      <ComboboxActions\n        disabled={disabled}\n        loading={loading}\n        onClear={onClear}\n        onToggle={onToggle}\n        showClear={showClear}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","cn","controlMinHeightClass","jsx","ComboboxTags","labelSizeClass","inputSizeClass","comboboxLabelPadding","ComboboxActions"],"mappings":"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"}

package/dist/components/ComboboxControl.d.ts

@@ -1,8 +1,8 @@
-import { ClipboardEvent, KeyboardEvent, ReactNode, RefObject } from 'react';
+import { ClipboardEvent, KeyboardEvent, ReactNode, RefObject } from '../../../../node_modules/@types/react/index.d.ts';
 import { FormSize } from './json-schema-form-size';
 import { ComboboxOption, ComboboxTriStateMode } from './combobox-types';
 export declare function ComboboxControl({ anchorRef, ariaLabel, ariaRequired, closedLabel, describedBy, disabled, displayValue, effectivePrefix, highlighted, id, inputRef, invalid, label, labelRef, labelWidth, listId, loading, onClear, onInput, onKeyDown, onOpen, onPaste, onRemoveTag, onSetTagMode, onToggle, open, options, placeholder, showClear, size, suffix, tagModes, tagValues, tags, }: {
-    anchorRef: RefObject<HTMLDivElement>;
+    anchorRef: RefObject<HTMLDivElement | null>;
     ariaLabel: string | undefined;
     ariaRequired: boolean | undefined;
     closedLabel: string;
@@ -12,10 +12,10 @@ export declare function ComboboxControl({ anchorRef, ariaLabel, ariaRequired, cl
     effectivePrefix: ReactNode;
     highlighted: number;
     id: string | undefined;
-    inputRef: RefObject<HTMLInputElement>;
+    inputRef: RefObject<HTMLInputElement | null>;
     invalid: boolean | undefined;
     label: ReactNode;
-    labelRef: RefObject<HTMLSpanElement>;
+    labelRef: RefObject<HTMLSpanElement | null>;
     labelWidth: number;
     listId: string | undefined;
     loading: boolean | undefined;
@@ -37,5 +37,5 @@ export declare function ComboboxControl({ anchorRef, ariaLabel, ariaRequired, cl
     tagModes: Record<string, ComboboxTriStateMode> | undefined;
     tagValues: string[];
     tags: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ComboboxControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxControl.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7E,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,WAAW,EACX,EAAE,EACF,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE;IACD,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,SAAS,CAAC;IAC3D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;CACf,2CAmIA"}
+{"version":3,"file":"ComboboxControl.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7E,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,WAAW,EACX,EAAE,EACF,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE;IACD,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,SAAS,CAAC;IAC3D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;CACf,+BAoIA"}