@pipe0/react 1.0.36 → 1.0.38

package/dist/components/internal/combobox/include-exclude-combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"include-exclude-combobox.mjs","names":[],"sources":["../../../../src/components/internal/combobox/include-exclude-combobox.tsx"],"sourcesContent":["import type { WidgetsByKind } from \"@pipe0/base\";\nimport { XIcon } from \"lucide-react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useDebouncedFn } from \"../../../hooks/use-debounced-fn.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { FieldTypeBadge } from \"../../../widgets/field-type-badge.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Button } from \"../../ui/button.js\";\nimport {\n  Combobox,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  useComboboxAnchor,\n} from \"../../ui/combobox.js\";\nimport { IconMinus, IconPlus } from \"../icons.js\";\nimport { filterOptions, type PayloadOption } from \"../multi-select-popover-trigger.js\";\n\nexport type IncludeExcludeMode = \"include\" | \"exclude\";\n\nexport interface IncludeExcludeValue {\n  include: string[];\n  exclude: string[];\n}\n\nexport interface IncludeExcludeComboboxProps {\n  include: string[];\n  exclude: string[];\n  /**\n   * Atomic update for the entire `{ include, exclude }` value. We avoid\n   * splitting include/exclude into separate add/remove callbacks because\n   * flipping a chip needs to mutate both sides in one shot — otherwise the\n   * stale closure in the field-handle wiring drops one of the updates.\n   */\n  onChange: (next: IncludeExcludeValue) => void;\n  options?: PayloadOption[];\n  loadOptions?: (query: string) => Promise<PayloadOption[]>;\n  allowCreate?: boolean;\n  disableSearch?: boolean;\n  maxItems?: number;\n  ariaInvalid?: boolean;\n  disabled?: boolean;\n  debounceMs?: number;\n  emptyLabel?: string;\n  placeholder?: string;\n}\n\ntype SelectableItem = PayloadOption & {\n  __mode?: IncludeExcludeMode;\n  __create?: boolean;\n};\n\nconst includeChipClass =\n  \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-border pz:bg-muted pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground pz:overflow-hidden\";\n\nconst excludeChipClass =\n  \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-destructive/30 pz:bg-destructive/10 pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-destructive pz:overflow-hidden\";\n\nconst includeSignClass =\n  \"pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-border pz:bg-foreground/[0.04] pz:text-muted-foreground pz:hover:bg-foreground/[0.08] pz:hover:text-foreground\";\n\nconst excludeSignClass =\n  \"pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-destructive/30 pz:bg-destructive/[0.06] pz:text-destructive/80 pz:hover:bg-destructive/15 pz:hover:text-destructive\";\n\n/**\n * Unified include/exclude combobox.\n *\n * Renders a single chip input where each chip carries an inline `+` / `−`\n * sign toggle that flips include ↔ exclude in place. Free-text-create inputs\n * (`allowCreate=true`) show a \"Type to see suggestions\" hint until the user\n * types; select-style inputs show their options on focus. Pure-select mode\n * (`disableSearch=true`) shows the chevron trigger and renders the input\n * read-only.\n */\nexport function IncludeExcludeCombobox({\n  include,\n  exclude,\n  onChange,\n  options,\n  loadOptions,\n  allowCreate = false,\n  disableSearch = false,\n  maxItems,\n  ariaInvalid,\n  disabled,\n  debounceMs = 300,\n  emptyLabel,\n  placeholder,\n}: IncludeExcludeComboboxProps) {\n  const [input, setInput] = useState(\"\");\n  const [debouncedQuery, setDebouncedQuery] = useState(\"\");\n  const [asyncResults, setAsyncResults] = useState<PayloadOption[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [open, setOpen] = useState(false);\n  const cacheRef = useRef<Map<string, PayloadOption[]>>(new Map());\n  const reqIdRef = useRef(0);\n\n  const isAsync = typeof loadOptions === \"function\";\n\n  const debouncedSetQuery = useDebouncedFn((q: string) => setDebouncedQuery(q), debounceMs);\n\n  const effectiveQuery = input.trim();\n\n  useEffect(() => {\n    if (!isAsync || !loadOptions) return;\n    if (!open && debouncedQuery === \"\") return;\n    const q = debouncedQuery.trim();\n    const cached = cacheRef.current.get(q);\n    if (cached) {\n      setAsyncResults(cached);\n      setLoading(false);\n      return;\n    }\n    const reqId = ++reqIdRef.current;\n    setLoading(true);\n    loadOptions(q)\n      .then((opts) => {\n        if (reqId !== reqIdRef.current) return;\n        const kept = opts.filter((o) => !!o.value);\n        cacheRef.current.set(q, kept);\n        setAsyncResults(kept);\n        setLoading(false);\n      })\n      .catch(() => {\n        if (reqId !== reqIdRef.current) return;\n        setAsyncResults([]);\n        setLoading(false);\n      });\n  }, [debouncedQuery, isAsync, loadOptions, open]);\n\n  const includeSet = useMemo(() => new Set(include), [include]);\n  const excludeSet = useMemo(() => new Set(exclude), [exclude]);\n  const totalSelected = include.length + exclude.length;\n  const atMax = maxItems !== undefined && totalSelected >= maxItems;\n\n  // Persist widgets seen for any value across loadOptions cycles. Async\n  // results get replaced with each query, so without this cache an icon\n  // shown when picking a value would disappear on the next refetch.\n  const widgetCacheRef = useRef<Map<string, WidgetsByKind>>(new Map());\n  for (const opt of options ?? []) {\n    if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n  }\n  for (const opt of asyncResults ?? []) {\n    if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n  }\n\n  // Track chip ordering locally so flipping include ↔ exclude keeps the chip\n  // in its original visual position even though the field-handle data model\n  // is two separate arrays. Mutated only in the action handlers below;\n  // anything that arrives via an external `onChange` (e.g. form reset) is\n  // appended at the end by the render-time reconciliation in `chips`.\n  const [chipOrder, setChipOrder] = useState<string[]>(() => [...include, ...exclude]);\n\n  const anchor = useComboboxAnchor();\n\n  const filteredSuggestions = useMemo<PayloadOption[]>(() => {\n    const source = isAsync ? (asyncResults ?? []) : (options ?? []);\n    return isAsync ? source : filterOptions(source, effectiveQuery);\n  }, [isAsync, asyncResults, options, effectiveQuery]);\n\n  const showCreateRow =\n    allowCreate &&\n    effectiveQuery.length > 0 &&\n    !includeSet.has(effectiveQuery) &&\n    !excludeSet.has(effectiveQuery) &&\n    !filteredSuggestions.some((o) => o.value.toLowerCase() === effectiveQuery.toLowerCase());\n\n  const resolveLabel = (v: string): string => {\n    const fromStatic = options?.find((o) => o.value === v)?.label;\n    if (fromStatic) return fromStatic;\n    const fromAsync = asyncResults?.find((o) => o.value === v)?.label;\n    return fromAsync ?? v;\n  };\n\n  const resolveWidgets = (v: string): WidgetsByKind | undefined =>\n    widgetCacheRef.current.get(v) ??\n    options?.find((o) => o.value === v)?.widgets ??\n    asyncResults?.find((o) => o.value === v)?.widgets;\n\n  type Chip = {\n    value: string;\n    label: string;\n    mode: IncludeExcludeMode;\n    widgets?: WidgetsByKind;\n  };\n\n  // Order chips by the locally tracked `chipOrder`, with any not-yet-tracked\n  // values appended at the end. Action handlers (`addAs`, `removeChip`) keep\n  // `chipOrder` in sync; this append branch only kicks in for values that\n  // arrived via an external `onChange` (e.g. a form reset).\n  const chips = useMemo<Chip[]>(() => {\n    const known = new Set(chipOrder);\n    const orderedValues = chipOrder.filter((v) => includeSet.has(v) || excludeSet.has(v));\n    for (const v of include)\n      if (!known.has(v)) {\n        orderedValues.push(v);\n        known.add(v);\n      }\n    for (const v of exclude)\n      if (!known.has(v)) {\n        orderedValues.push(v);\n        known.add(v);\n      }\n    return orderedValues.map((v) => ({\n      value: v,\n      label: resolveLabel(v),\n      mode: includeSet.has(v) ? \"include\" : \"exclude\",\n      widgets: resolveWidgets(v),\n    }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chipOrder, includeSet, excludeSet, options, asyncResults]);\n\n  const items = useMemo<SelectableItem[]>(() => {\n    const list: SelectableItem[] = [];\n    if (showCreateRow) {\n      list.push({\n        value: effectiveQuery,\n        label: `Add \"${effectiveQuery}\"`,\n        __create: true,\n      });\n    }\n    for (const o of filteredSuggestions) list.push(o);\n    return list;\n  }, [showCreateRow, effectiveQuery, filteredSuggestions]);\n\n  const trackInsertion = (value: string) => {\n    setChipOrder((prev) => (prev.includes(value) ? prev : [...prev, value]));\n  };\n  const trackRemoval = (value: string) => {\n    setChipOrder((prev) => prev.filter((v) => v !== value));\n  };\n\n  const addAs = (value: string, mode: IncludeExcludeMode) => {\n    if (!value) return;\n    if (atMax && !includeSet.has(value) && !excludeSet.has(value)) return;\n    if (mode === \"include\") {\n      if (includeSet.has(value)) return;\n      onChange({\n        include: [...include, value],\n        exclude: exclude.filter((v) => v !== value),\n      });\n    } else {\n      if (excludeSet.has(value)) return;\n      onChange({\n        include: include.filter((v) => v !== value),\n        exclude: [...exclude, value],\n      });\n    }\n    trackInsertion(value);\n  };\n\n  // Flipping intentionally does NOT touch chipOrder — keeping the slot keeps\n  // the chip in place visually as it changes mode.\n  const flip = (value: string, currentMode: IncludeExcludeMode) => {\n    if (currentMode === \"include\") {\n      onChange({\n        include: include.filter((v) => v !== value),\n        exclude: [...exclude, value],\n      });\n    } else {\n      onChange({\n        include: [...include, value],\n        exclude: exclude.filter((v) => v !== value),\n      });\n    }\n  };\n\n  const removeChip = (value: string, mode: IncludeExcludeMode) => {\n    if (mode === \"include\") onChange({ include: include.filter((v) => v !== value), exclude });\n    else onChange({ include, exclude: exclude.filter((v) => v !== value) });\n    trackRemoval(value);\n  };\n\n  const clearInput = () => {\n    setInput(\"\");\n    if (isAsync) debouncedSetQuery(\"\");\n  };\n\n  return (\n    <Combobox<SelectableItem, true>\n      multiple\n      items={items}\n      filter={null}\n      open={open}\n      onOpenChange={setOpen}\n      // We only use base-ui's value plumbing to capture pick events from list\n      // rows; chips are rendered manually so we keep the include/exclude\n      // grouping. Returning an empty array keeps base-ui from drawing chips.\n      value={[] as SelectableItem[]}\n      onValueChange={(next) => {\n        if (!Array.isArray(next) || next.length === 0) return;\n        const last = next[next.length - 1] as SelectableItem;\n        const mode: IncludeExcludeMode = last.__mode ?? \"include\";\n        addAs(last.value, mode);\n        clearInput();\n      }}\n      isItemEqualToValue={(a, b) => (a as SelectableItem).value === (b as SelectableItem).value}\n      itemToStringLabel={(item) => (item as SelectableItem).label}\n      itemToStringValue={(item) => (item as SelectableItem).value}\n      inputValue={input}\n      onInputValueChange={(v) => {\n        setInput(v);\n        if (isAsync) debouncedSetQuery(v);\n      }}\n      disabled={disabled}\n    >\n      <ComboboxChips aria-invalid={ariaInvalid || undefined} ref={anchor}>\n        {chips.map((chip) => {\n          const isInc = chip.mode === \"include\";\n          return (\n            <span\n              key={chip.value}\n              className={cn(isInc ? includeChipClass : excludeChipClass)}\n              data-mode={chip.mode}\n            >\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  flip(chip.value, chip.mode);\n                }}\n                aria-label={isInc ? \"Switch to exclude\" : \"Switch to include\"}\n                title={isInc ? \"Switch to exclude\" : \"Switch to include\"}\n                className={cn(isInc ? includeSignClass : excludeSignClass)}\n              >\n                {isInc ? <IconPlus width={10} height={10} /> : <IconMinus width={10} height={10} />}\n              </button>\n              <span className=\"pz:flex pz:items-center pz:gap-1 pz:px-1.5\">\n                {chip.widgets && <WidgetStrip widgets={chip.widgets} size={14} />}\n                {chip.label}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  removeChip(chip.value, chip.mode);\n                }}\n                aria-label={`Remove ${chip.label}`}\n                className={cn(\n                  \"pz:opacity-50 pz:hover:opacity-100\",\n                  isInc ? undefined : \"pz:text-destructive pz:hover:bg-destructive/15\",\n                )}\n              >\n                <XIcon className=\"pz:pointer-events-none\" />\n              </Button>\n            </span>\n          );\n        })}\n        <ComboboxChipsInput\n          placeholder={chips.length === 0 ? placeholder : undefined}\n          readOnly={disableSearch}\n          aria-invalid={ariaInvalid || undefined}\n          onKeyDown={(e) => {\n            if (e.key === \"Backspace\" && input.length === 0) {\n              if (chips.length === 0) return;\n              e.preventDefault();\n              const last = chips[chips.length - 1];\n              removeChip(last.value, last.mode);\n              return;\n            }\n            if (e.key !== \"Enter\" || e.nativeEvent.isComposing) return;\n            if (effectiveQuery.length === 0) return;\n            // Prevent the Enter from bubbling up and submitting an enclosing form.\n            e.preventDefault();\n            e.stopPropagation();\n            if (atMax) return;\n            const exact = filteredSuggestions.find(\n              (o) => o.value.toLowerCase() === effectiveQuery.toLowerCase(),\n            );\n            const toAdd = exact?.value ?? (allowCreate ? effectiveQuery : null);\n            if (!toAdd) return;\n            addAs(toAdd, \"include\");\n            clearInput();\n          }}\n        />\n        <ComboboxTrigger className=\"pz:ml-auto pz:bg-transparent pz:hover:bg-transparent\" />\n      </ComboboxChips>\n\n      <ComboboxContent anchor={anchor}>\n        {loading && items.length > 0 && (\n          // Refetch: prior items stay visible, dimmed, with a small corner\n          // spinner so the layout doesn't jump while the new page loads.\n          <span\n            aria-label=\"Loading\"\n            className=\"pz:absolute pz:right-2 pz:top-2 pz:z-10 pz:inline-block pz:h-3 pz:w-3 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\"\n          />\n        )}\n        {loading && items.length === 0 && (\n          // Initial load: nothing to dim, so render a visible spinner in the\n          // popover body to confirm options are being fetched.\n          <div\n            role=\"status\"\n            aria-label=\"Loading\"\n            className=\"pz:flex pz:items-center pz:justify-center pz:py-6\"\n          >\n            <span className=\"pz:inline-block pz:h-5 pz:w-5 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\" />\n          </div>\n        )}\n        <ComboboxList\n          className={cn(\n            loading &&\n              items.length > 0 &&\n              \"pz:opacity-50 pz:transition-opacity pz:pointer-events-none\",\n          )}\n        >\n          {atMax && (\n            <div className=\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\">\n              Maximum {maxItems} item{maxItems === 1 ? \"\" : \"s\"} reached.\n            </div>\n          )}\n\n          {items.map((item) => {\n            const fieldType = !item.__create ? item.widgets?.field_type : undefined;\n            const inIncluded = includeSet.has(item.value);\n            const inExcluded = excludeSet.has(item.value);\n            const includeDisabled = inIncluded || (atMax && !inExcluded);\n            const excludeDisabled = inExcluded || (atMax && !inIncluded);\n            return (\n              <ComboboxItem\n                key={`${item.__create ? \"__create__:\" : \"\"}${item.value}`}\n                value={{ ...item, __mode: \"include\" } as SelectableItem}\n                className={cn(\"pz:pr-1\", item.__create ? \"pz:italic\" : undefined)}\n                disabled={includeDisabled && excludeDisabled && !item.__create}\n              >\n                {!item.__create && item.widgets && (\n                  <WidgetStrip\n                    widgets={\n                      // Field-type renders trailing; everything else leading.\n                      Object.fromEntries(\n                        Object.entries(item.widgets).filter(([k]) => k !== \"field_type\"),\n                      )\n                    }\n                    size={14}\n                  />\n                )}\n                <span className=\"pz:flex-1 pz:truncate\">{item.label}</span>\n                {fieldType && <FieldTypeBadge type={fieldType.type} format={fieldType.format} />}\n                <span className=\"pz:flex pz:items-center pz:pl-2\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon-xs\"\n                    tabIndex={-1}\n                    disabled={excludeDisabled}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      e.preventDefault();\n                      if (excludeDisabled) return;\n                      addAs(item.value, \"exclude\");\n                      clearInput();\n                    }}\n                    aria-label={`Exclude ${item.label}`}\n                    title=\"Exclude\"\n                    className=\"pz:text-muted-foreground\"\n                  >\n                    <IconMinus width={10} height={10} />\n                  </Button>\n                </span>\n              </ComboboxItem>\n            );\n          })}\n\n          {!loading && items.length === 0 && (\n            <ComboboxEmpty>\n              {emptyLabel ??\n                (allowCreate\n                  ? options || loadOptions\n                    ? \"No matches\"\n                    : \"Type to add\"\n                  : \"No options\")}\n            </ComboboxEmpty>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"include-exclude-combobox.mjs","names":["XIcon"],"sources":["../../../../src/components/internal/combobox/include-exclude-combobox.tsx"],"sourcesContent":["import type { WidgetsByKind } from \"@pipe0/base\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useDebouncedFn } from \"../../../hooks/use-debounced-fn.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { FieldTypeBadge } from \"../../../widgets/field-type-badge.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Button } from \"../../ui/button.js\";\nimport {\n  Combobox,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  useComboboxAnchor,\n} from \"../../ui/combobox.js\";\nimport { IconMinus, IconPlus, X as XIcon } from \"../icons.js\";\nimport { filterOptions, type PayloadOption } from \"../multi-select-popover-trigger.js\";\n\nexport type IncludeExcludeMode = \"include\" | \"exclude\";\n\nexport interface IncludeExcludeValue {\n  include: string[];\n  exclude: string[];\n}\n\nexport interface IncludeExcludeComboboxProps {\n  include: string[];\n  exclude: string[];\n  /**\n   * Atomic update for the entire `{ include, exclude }` value. We avoid\n   * splitting include/exclude into separate add/remove callbacks because\n   * flipping a chip needs to mutate both sides in one shot — otherwise the\n   * stale closure in the field-handle wiring drops one of the updates.\n   */\n  onChange: (next: IncludeExcludeValue) => void;\n  options?: PayloadOption[];\n  loadOptions?: (query: string) => Promise<PayloadOption[]>;\n  allowCreate?: boolean;\n  disableSearch?: boolean;\n  maxItems?: number;\n  ariaInvalid?: boolean;\n  disabled?: boolean;\n  debounceMs?: number;\n  emptyLabel?: string;\n  placeholder?: string;\n}\n\ntype SelectableItem = PayloadOption & {\n  __mode?: IncludeExcludeMode;\n  __create?: boolean;\n};\n\nconst includeChipClass =\n  \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-border pz:bg-muted pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground pz:overflow-hidden\";\n\nconst excludeChipClass =\n  \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-destructive/30 pz:bg-destructive/10 pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-destructive pz:overflow-hidden\";\n\nconst includeSignClass =\n  \"pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-border pz:bg-foreground/[0.04] pz:text-muted-foreground pz:hover:bg-foreground/[0.08] pz:hover:text-foreground\";\n\nconst excludeSignClass =\n  \"pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-destructive/30 pz:bg-destructive/[0.06] pz:text-destructive/80 pz:hover:bg-destructive/15 pz:hover:text-destructive\";\n\n/**\n * Unified include/exclude combobox.\n *\n * Renders a single chip input where each chip carries an inline `+` / `−`\n * sign toggle that flips include ↔ exclude in place. Free-text-create inputs\n * (`allowCreate=true`) show a \"Type to see suggestions\" hint until the user\n * types; select-style inputs show their options on focus. Pure-select mode\n * (`disableSearch=true`) shows the chevron trigger and renders the input\n * read-only.\n */\nexport function IncludeExcludeCombobox({\n  include,\n  exclude,\n  onChange,\n  options,\n  loadOptions,\n  allowCreate = false,\n  disableSearch = false,\n  maxItems,\n  ariaInvalid,\n  disabled,\n  debounceMs = 300,\n  emptyLabel,\n  placeholder,\n}: IncludeExcludeComboboxProps) {\n  const [input, setInput] = useState(\"\");\n  const [debouncedQuery, setDebouncedQuery] = useState(\"\");\n  const [asyncResults, setAsyncResults] = useState<PayloadOption[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [open, setOpen] = useState(false);\n  const cacheRef = useRef<Map<string, PayloadOption[]>>(new Map());\n  const reqIdRef = useRef(0);\n\n  const isAsync = typeof loadOptions === \"function\";\n\n  const debouncedSetQuery = useDebouncedFn((q: string) => setDebouncedQuery(q), debounceMs);\n\n  const effectiveQuery = input.trim();\n\n  useEffect(() => {\n    if (!isAsync || !loadOptions) return;\n    if (!open && debouncedQuery === \"\") return;\n    const q = debouncedQuery.trim();\n    const cached = cacheRef.current.get(q);\n    if (cached) {\n      setAsyncResults(cached);\n      setLoading(false);\n      return;\n    }\n    const reqId = ++reqIdRef.current;\n    setLoading(true);\n    loadOptions(q)\n      .then((opts) => {\n        if (reqId !== reqIdRef.current) return;\n        const kept = opts.filter((o) => !!o.value);\n        cacheRef.current.set(q, kept);\n        setAsyncResults(kept);\n        setLoading(false);\n      })\n      .catch(() => {\n        if (reqId !== reqIdRef.current) return;\n        setAsyncResults([]);\n        setLoading(false);\n      });\n  }, [debouncedQuery, isAsync, loadOptions, open]);\n\n  const includeSet = useMemo(() => new Set(include), [include]);\n  const excludeSet = useMemo(() => new Set(exclude), [exclude]);\n  const totalSelected = include.length + exclude.length;\n  const atMax = maxItems !== undefined && totalSelected >= maxItems;\n\n  // Persist widgets seen for any value across loadOptions cycles. Async\n  // results get replaced with each query, so without this cache an icon\n  // shown when picking a value would disappear on the next refetch.\n  const widgetCacheRef = useRef<Map<string, WidgetsByKind>>(new Map());\n  for (const opt of options ?? []) {\n    if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n  }\n  for (const opt of asyncResults ?? []) {\n    if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n  }\n\n  // Track chip ordering locally so flipping include ↔ exclude keeps the chip\n  // in its original visual position even though the field-handle data model\n  // is two separate arrays. Mutated only in the action handlers below;\n  // anything that arrives via an external `onChange` (e.g. form reset) is\n  // appended at the end by the render-time reconciliation in `chips`.\n  const [chipOrder, setChipOrder] = useState<string[]>(() => [...include, ...exclude]);\n\n  const anchor = useComboboxAnchor();\n\n  const filteredSuggestions = useMemo<PayloadOption[]>(() => {\n    const source = isAsync ? (asyncResults ?? []) : (options ?? []);\n    return isAsync ? source : filterOptions(source, effectiveQuery);\n  }, [isAsync, asyncResults, options, effectiveQuery]);\n\n  const showCreateRow =\n    allowCreate &&\n    effectiveQuery.length > 0 &&\n    !includeSet.has(effectiveQuery) &&\n    !excludeSet.has(effectiveQuery) &&\n    !filteredSuggestions.some((o) => o.value.toLowerCase() === effectiveQuery.toLowerCase());\n\n  const resolveLabel = (v: string): string => {\n    const fromStatic = options?.find((o) => o.value === v)?.label;\n    if (fromStatic) return fromStatic;\n    const fromAsync = asyncResults?.find((o) => o.value === v)?.label;\n    return fromAsync ?? v;\n  };\n\n  const resolveWidgets = (v: string): WidgetsByKind | undefined =>\n    widgetCacheRef.current.get(v) ??\n    options?.find((o) => o.value === v)?.widgets ??\n    asyncResults?.find((o) => o.value === v)?.widgets;\n\n  type Chip = {\n    value: string;\n    label: string;\n    mode: IncludeExcludeMode;\n    widgets?: WidgetsByKind;\n  };\n\n  // Order chips by the locally tracked `chipOrder`, with any not-yet-tracked\n  // values appended at the end. Action handlers (`addAs`, `removeChip`) keep\n  // `chipOrder` in sync; this append branch only kicks in for values that\n  // arrived via an external `onChange` (e.g. a form reset).\n  const chips = useMemo<Chip[]>(() => {\n    const known = new Set(chipOrder);\n    const orderedValues = chipOrder.filter((v) => includeSet.has(v) || excludeSet.has(v));\n    for (const v of include)\n      if (!known.has(v)) {\n        orderedValues.push(v);\n        known.add(v);\n      }\n    for (const v of exclude)\n      if (!known.has(v)) {\n        orderedValues.push(v);\n        known.add(v);\n      }\n    return orderedValues.map((v) => ({\n      value: v,\n      label: resolveLabel(v),\n      mode: includeSet.has(v) ? \"include\" : \"exclude\",\n      widgets: resolveWidgets(v),\n    }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chipOrder, includeSet, excludeSet, options, asyncResults]);\n\n  const items = useMemo<SelectableItem[]>(() => {\n    const list: SelectableItem[] = [];\n    if (showCreateRow) {\n      list.push({\n        value: effectiveQuery,\n        label: `Add \"${effectiveQuery}\"`,\n        __create: true,\n      });\n    }\n    for (const o of filteredSuggestions) list.push(o);\n    return list;\n  }, [showCreateRow, effectiveQuery, filteredSuggestions]);\n\n  const trackInsertion = (value: string) => {\n    setChipOrder((prev) => (prev.includes(value) ? prev : [...prev, value]));\n  };\n  const trackRemoval = (value: string) => {\n    setChipOrder((prev) => prev.filter((v) => v !== value));\n  };\n\n  const addAs = (value: string, mode: IncludeExcludeMode) => {\n    if (!value) return;\n    if (atMax && !includeSet.has(value) && !excludeSet.has(value)) return;\n    if (mode === \"include\") {\n      if (includeSet.has(value)) return;\n      onChange({\n        include: [...include, value],\n        exclude: exclude.filter((v) => v !== value),\n      });\n    } else {\n      if (excludeSet.has(value)) return;\n      onChange({\n        include: include.filter((v) => v !== value),\n        exclude: [...exclude, value],\n      });\n    }\n    trackInsertion(value);\n  };\n\n  // Flipping intentionally does NOT touch chipOrder — keeping the slot keeps\n  // the chip in place visually as it changes mode.\n  const flip = (value: string, currentMode: IncludeExcludeMode) => {\n    if (currentMode === \"include\") {\n      onChange({\n        include: include.filter((v) => v !== value),\n        exclude: [...exclude, value],\n      });\n    } else {\n      onChange({\n        include: [...include, value],\n        exclude: exclude.filter((v) => v !== value),\n      });\n    }\n  };\n\n  const removeChip = (value: string, mode: IncludeExcludeMode) => {\n    if (mode === \"include\") onChange({ include: include.filter((v) => v !== value), exclude });\n    else onChange({ include, exclude: exclude.filter((v) => v !== value) });\n    trackRemoval(value);\n  };\n\n  const clearInput = () => {\n    setInput(\"\");\n    if (isAsync) debouncedSetQuery(\"\");\n  };\n\n  return (\n    <Combobox<SelectableItem, true>\n      multiple\n      items={items}\n      filter={null}\n      open={open}\n      onOpenChange={setOpen}\n      // We only use base-ui's value plumbing to capture pick events from list\n      // rows; chips are rendered manually so we keep the include/exclude\n      // grouping. Returning an empty array keeps base-ui from drawing chips.\n      value={[] as SelectableItem[]}\n      onValueChange={(next) => {\n        if (!Array.isArray(next) || next.length === 0) return;\n        const last = next[next.length - 1] as SelectableItem;\n        const mode: IncludeExcludeMode = last.__mode ?? \"include\";\n        addAs(last.value, mode);\n        clearInput();\n      }}\n      isItemEqualToValue={(a, b) => (a as SelectableItem).value === (b as SelectableItem).value}\n      itemToStringLabel={(item) => (item as SelectableItem).label}\n      itemToStringValue={(item) => (item as SelectableItem).value}\n      inputValue={input}\n      onInputValueChange={(v) => {\n        setInput(v);\n        if (isAsync) debouncedSetQuery(v);\n      }}\n      disabled={disabled}\n    >\n      <ComboboxChips aria-invalid={ariaInvalid || undefined} ref={anchor}>\n        {chips.map((chip) => {\n          const isInc = chip.mode === \"include\";\n          return (\n            <span\n              key={chip.value}\n              className={cn(isInc ? includeChipClass : excludeChipClass)}\n              data-mode={chip.mode}\n            >\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  flip(chip.value, chip.mode);\n                }}\n                aria-label={isInc ? \"Switch to exclude\" : \"Switch to include\"}\n                title={isInc ? \"Switch to exclude\" : \"Switch to include\"}\n                className={cn(isInc ? includeSignClass : excludeSignClass)}\n              >\n                {isInc ? <IconPlus width={10} height={10} /> : <IconMinus width={10} height={10} />}\n              </button>\n              <span className=\"pz:flex pz:items-center pz:gap-1 pz:px-1.5\">\n                {chip.widgets && <WidgetStrip widgets={chip.widgets} size={14} />}\n                {chip.label}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  removeChip(chip.value, chip.mode);\n                }}\n                aria-label={`Remove ${chip.label}`}\n                className={cn(\n                  \"pz:opacity-50 pz:hover:opacity-100\",\n                  isInc ? undefined : \"pz:text-destructive pz:hover:bg-destructive/15\",\n                )}\n              >\n                <XIcon className=\"pz:pointer-events-none\" />\n              </Button>\n            </span>\n          );\n        })}\n        <ComboboxChipsInput\n          placeholder={chips.length === 0 ? placeholder : undefined}\n          readOnly={disableSearch}\n          aria-invalid={ariaInvalid || undefined}\n          onKeyDown={(e) => {\n            if (e.key === \"Backspace\" && input.length === 0) {\n              if (chips.length === 0) return;\n              e.preventDefault();\n              const last = chips[chips.length - 1];\n              removeChip(last.value, last.mode);\n              return;\n            }\n            if (e.key !== \"Enter\" || e.nativeEvent.isComposing) return;\n            if (effectiveQuery.length === 0) return;\n            // Prevent the Enter from bubbling up and submitting an enclosing form.\n            e.preventDefault();\n            e.stopPropagation();\n            if (atMax) return;\n            const exact = filteredSuggestions.find(\n              (o) => o.value.toLowerCase() === effectiveQuery.toLowerCase(),\n            );\n            const toAdd = exact?.value ?? (allowCreate ? effectiveQuery : null);\n            if (!toAdd) return;\n            addAs(toAdd, \"include\");\n            clearInput();\n          }}\n        />\n        <ComboboxTrigger className=\"pz:ml-auto pz:bg-transparent pz:hover:bg-transparent\" />\n      </ComboboxChips>\n\n      <ComboboxContent anchor={anchor}>\n        {loading && items.length > 0 && (\n          // Refetch: prior items stay visible, dimmed, with a small corner\n          // spinner so the layout doesn't jump while the new page loads.\n          <span\n            aria-label=\"Loading\"\n            className=\"pz:absolute pz:right-2 pz:top-2 pz:z-10 pz:inline-block pz:h-3 pz:w-3 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\"\n          />\n        )}\n        {loading && items.length === 0 && (\n          // Initial load: nothing to dim, so render a visible spinner in the\n          // popover body to confirm options are being fetched.\n          <div\n            role=\"status\"\n            aria-label=\"Loading\"\n            className=\"pz:flex pz:items-center pz:justify-center pz:py-6\"\n          >\n            <span className=\"pz:inline-block pz:h-5 pz:w-5 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\" />\n          </div>\n        )}\n        <ComboboxList\n          className={cn(\n            loading &&\n              items.length > 0 &&\n              \"pz:opacity-50 pz:transition-opacity pz:pointer-events-none\",\n          )}\n        >\n          {atMax && (\n            <div className=\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\">\n              Maximum {maxItems} item{maxItems === 1 ? \"\" : \"s\"} reached.\n            </div>\n          )}\n\n          {items.map((item) => {\n            const fieldType = !item.__create ? item.widgets?.field_type : undefined;\n            const inIncluded = includeSet.has(item.value);\n            const inExcluded = excludeSet.has(item.value);\n            const includeDisabled = inIncluded || (atMax && !inExcluded);\n            const excludeDisabled = inExcluded || (atMax && !inIncluded);\n            return (\n              <ComboboxItem\n                key={`${item.__create ? \"__create__:\" : \"\"}${item.value}`}\n                value={{ ...item, __mode: \"include\" } as SelectableItem}\n                className={cn(\"pz:pr-1\", item.__create ? \"pz:italic\" : undefined)}\n                disabled={includeDisabled && excludeDisabled && !item.__create}\n              >\n                {!item.__create && item.widgets && (\n                  <WidgetStrip\n                    widgets={\n                      // Field-type renders trailing; everything else leading.\n                      Object.fromEntries(\n                        Object.entries(item.widgets).filter(([k]) => k !== \"field_type\"),\n                      )\n                    }\n                    size={14}\n                  />\n                )}\n                <span className=\"pz:flex-1 pz:truncate\">{item.label}</span>\n                {fieldType && <FieldTypeBadge type={fieldType.type} format={fieldType.format} />}\n                <span className=\"pz:flex pz:items-center pz:pl-2\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon-xs\"\n                    tabIndex={-1}\n                    disabled={excludeDisabled}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      e.preventDefault();\n                      if (excludeDisabled) return;\n                      addAs(item.value, \"exclude\");\n                      clearInput();\n                    }}\n                    aria-label={`Exclude ${item.label}`}\n                    title=\"Exclude\"\n                    className=\"pz:text-muted-foreground\"\n                  >\n                    <IconMinus width={10} height={10} />\n                  </Button>\n                </span>\n              </ComboboxItem>\n            );\n          })}\n\n          {!loading && items.length === 0 && (\n            <ComboboxEmpty>\n              {emptyLabel ??\n                (allowCreate\n                  ? options || loadOptions\n                    ? \"No matches\"\n                    : \"Type to add\"\n                  : \"No options\")}\n            </ComboboxEmpty>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n"],"mappings":"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"}

package/dist/components/internal/combobox/suggest-combobox.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Button } from "../../ui/button.mjs";
-import { IconGripVertical } from "../icons.mjs";
+import { IconGripVertical, X } from "../icons.mjs";
 import { useDebouncedFn } from "../../../hooks/use-debounced-fn.mjs";
 import { FieldTypeBadge } from "../../../widgets/field-type-badge.mjs";
 import { WidgetStrip } from "../../../widgets/widget-strip.mjs";
@@ -8,7 +8,6 @@ import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCont
 import { filterOptions } from "../multi-select-popover-trigger.mjs";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, horizontalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
 import useSWR from "swr";
@@ -55,7 +54,7 @@ function SortableChip({ id, onRemove, children }) {
 					onRemove();
 				},
 				"aria-label": "Remove",
-				children: /* @__PURE__ */ jsx(XIcon, { className: "pz:pointer-events-none" })
+				children: /* @__PURE__ */ jsx(X, { className: "pz:pointer-events-none" })
 			})
 		]
 	});

package/dist/components/internal/combobox/suggest-combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"suggest-combobox.mjs","names":[],"sources":["../../../../src/components/internal/combobox/suggest-combobox.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { horizontalListSortingStrategy, SortableContext, useSortable } from \"@dnd-kit/sortable\";\nimport type { WidgetsByKind } from \"@pipe0/base\";\nimport { XIcon } from \"lucide-react\";\nimport { type ReactNode, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { useDebouncedFn } from \"../../../hooks/use-debounced-fn.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { FieldTypeBadge } from \"../../../widgets/field-type-badge.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Button } from \"../../ui/button.js\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  useComboboxAnchor,\n} from \"../../ui/combobox.js\";\nimport { IconGripVertical } from \"../icons.js\";\nimport { filterOptions, type PayloadOption } from \"../multi-select-popover-trigger.js\";\n\n/** Internal item type — the base-ui Combobox handles `{value, label}` natively. */\ntype ComboboxOption = PayloadOption & { __create?: boolean };\n\n/** Split widgets so `field_type` can render on the trailing edge of dropdown\n * rows while every other widget stays in the leading strip. */\nfunction splitWidgets(widgets: WidgetsByKind): {\n  leading: WidgetsByKind | undefined;\n} {\n  const { field_type: _ignored, ...rest } = widgets;\n  const hasLeading = Object.values(rest).some((v) => v != null);\n  return { leading: hasLeading ? rest : undefined };\n}\n\n/** Reorderable chip matching `ComboboxChip` visually, with a grip handle. */\nfunction SortableChip({\n  id,\n  onRemove,\n  children,\n}: {\n  id: string;\n  onRemove: () => void;\n  children: ReactNode;\n}) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  });\n  const style: React.CSSProperties = {\n    transform: transform\n      ? `translate3d(${Math.round(transform.x)}px, ${Math.round(transform.y)}px, 0)`\n      : undefined,\n    transition,\n    opacity: isDragging ? 0.6 : 1,\n  };\n  return (\n    <span\n      ref={setNodeRef}\n      style={style}\n      className={cn(\n        \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-1 pz:rounded-sm pz:bg-muted pz:pl-0.5 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground\",\n      )}\n      {...attributes}\n    >\n      <span\n        role=\"button\"\n        tabIndex={-1}\n        aria-label=\"Drag to reorder\"\n        className=\"pz:flex pz:items-center pz:justify-center pz:cursor-grab pz:text-muted-foreground pz:hover:text-foreground pz:touch-none\"\n        {...listeners}\n      >\n        <IconGripVertical width={12} height={12} />\n      </span>\n      {children}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-xs\"\n        className=\"pz:opacity-50 pz:hover:opacity-100\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onRemove();\n        }}\n        aria-label=\"Remove\"\n      >\n        <XIcon className=\"pz:pointer-events-none\" />\n      </Button>\n    </span>\n  );\n}\n\nexport interface SuggestComboboxProps {\n  value: string[];\n  onChange: (value: string[]) => void;\n  options?: PayloadOption[];\n  loadOptions?: (query: string) => Promise<PayloadOption[]>;\n  allowCreate?: boolean;\n  disableSearch?: boolean;\n  maxItems?: number;\n  excludeValues?: string[];\n  ariaInvalid?: boolean;\n  disabled?: boolean;\n  debounceMs?: number;\n  labelFor?: (value: string) => string;\n  /** Optional leading icon (e.g. provider logo) rendered inside chips and list items. */\n  iconFor?: (value: string) => ReactNode;\n  emptyLabel?: string;\n  placeholder?: string;\n  /** When true, chips become drag-sortable and reorder the `value` array. */\n  reorderable?: boolean;\n  /**\n   * Single-select mode: the selection renders as a plain value (not a\n   * removable chip), picking an option REPLACES it, and the popover closes on\n   * pick — a searchable analog of a native select. Clicking the selected\n   * option again clears it. `value` stays an array (length ≤ 1) so callers\n   * keep one contract across both modes; `maxItems`/`reorderable` are ignored.\n   */\n  single?: boolean;\n}\n\n/**\n * Unified combobox built on `@base-ui/react`'s Combobox primitive.\n *\n * - Chips + inline search input via `ComboboxChips` / `ComboboxChipsInput`.\n * - Static (`options`) or async (`loadOptions`) item sources. External\n *   filtering in both cases so match-sorter ranking / server relevance is\n *   honored and base-ui's built-in filter doesn't double-filter.\n * - Free-text creation (`allowCreate`) renders an inline \"Add \\\"X\\\"\" item.\n * - `maxItems`, `excludeValues`, `disableSearch`, `ariaInvalid`, `disabled`.\n * - Debounced async loader with an in-memory cache keyed by query string.\n */\nexport function SuggestCombobox({\n  value,\n  onChange,\n  options,\n  loadOptions,\n  allowCreate = false,\n  disableSearch = false,\n  maxItems,\n  excludeValues = [],\n  ariaInvalid,\n  disabled,\n  debounceMs = 300,\n  labelFor,\n  iconFor,\n  emptyLabel,\n  placeholder,\n  reorderable = false,\n  single = false,\n}: SuggestComboboxProps) {\n  const [input, setInput] = useState(\"\");\n  const [debouncedQuery, setDebouncedQuery] = useState(\"\");\n  const [open, setOpen] = useState(false);\n\n  const isAsync = typeof loadOptions === \"function\";\n\n  const debouncedSetQuery = useDebouncedFn((q: string) => setDebouncedQuery(q), debounceMs);\n\n  // Per-instance cache key prefix so two comboboxes with the same query but\n  // different `loadOptions` functions don't share results.\n  const instanceId = useId();\n\n  // SWR handles dedupe + caching by-query + race-safety. We defer the\n  // empty-query fetch until the user opens the dropdown — some backends\n  // (e.g. Crustdata persondb) don't accept empty queries, and on-mount\n  // fetches are wasted work if the field is never opened. `keepPreviousData`\n  // preserves the prior result set during a refetch so the UI dims rather\n  // than empties.\n  const swrKey: readonly [string, string] | null =\n    loadOptions && (open || debouncedQuery !== \"\") ? [instanceId, debouncedQuery] : null;\n  const {\n    data: asyncResults = null,\n    isLoading: swrIsLoading,\n    isValidating: swrIsValidating,\n  } = useSWR<PayloadOption[], Error, readonly [string, string] | null>(\n    swrKey,\n    async ([, q]) => {\n      // `swrKey` was `null` when `loadOptions` is undefined, so the fetcher\n      // never runs without one — the runtime check is just to satisfy TS.\n      if (!loadOptions) return [];\n      const opts = await loadOptions(q);\n      return opts.filter((o) => !!o.value);\n    },\n    { keepPreviousData: true },\n  );\n  const loading = swrIsLoading || swrIsValidating;\n\n  const excludeSet = useMemo(() => new Set(excludeValues), [excludeValues]);\n  const selectedSet = useMemo(() => new Set(value), [value]);\n\n  const anchor = useComboboxAnchor();\n\n  const filteredSuggestions = useMemo<PayloadOption[]>(() => {\n    const source = isAsync ? (asyncResults ?? []) : (options ?? []);\n    const ranked = isAsync ? source : filterOptions(source, input);\n    return ranked.filter((o) => !excludeSet.has(o.value));\n  }, [isAsync, asyncResults, options, input, excludeSet]);\n\n  const trimmedInput = input.trim();\n  const showCreateRow =\n    allowCreate &&\n    trimmedInput.length > 0 &&\n    !selectedSet.has(trimmedInput) &&\n    !excludeSet.has(trimmedInput) &&\n    !filteredSuggestions.some((o) => o.value.toLowerCase() === trimmedInput.toLowerCase());\n\n  const resolveLabel = (v: string): string => {\n    if (labelFor) return labelFor(v);\n    const fromStatic = options?.find((o) => o.value === v)?.label;\n    if (fromStatic) return fromStatic;\n    const fromAsync = asyncResults?.find((o) => o.value === v)?.label;\n    return fromAsync ?? v;\n  };\n\n  // Persist widgets per value across loadOptions cycles. Async results are\n  // replaced with each query, so without this cache an icon shown when\n  // picking a value would disappear on the next refetch. Updates run in an\n  // effect (not during render) so the cache stays consistent under strict\n  // mode and concurrent rendering.\n  const widgetCacheRef = useRef<Map<string, WidgetsByKind>>(new Map());\n  useEffect(() => {\n    for (const opt of options ?? []) {\n      if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n    }\n    for (const opt of asyncResults ?? []) {\n      if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n    }\n  }, [options, asyncResults]);\n\n  const resolveWidgets = (v: string): WidgetsByKind | undefined =>\n    options?.find((o) => o.value === v)?.widgets ??\n    asyncResults?.find((o) => o.value === v)?.widgets ??\n    widgetCacheRef.current.get(v);\n\n  const valueObjects = useMemo<ComboboxOption[]>(\n    () =>\n      value.map((v) => ({\n        value: v,\n        label: resolveLabel(v),\n        widgets: resolveWidgets(v),\n      })),\n    // resolveLabel/resolveWidgets close over options/asyncResults/labelFor\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [value, options, asyncResults, labelFor],\n  );\n\n  const items = useMemo<ComboboxOption[]>(() => {\n    const list: ComboboxOption[] = [];\n    if (showCreateRow) {\n      list.push({\n        value: trimmedInput,\n        label: `Add \"${trimmedInput}\"`,\n        __create: true,\n      });\n    }\n    for (const o of filteredSuggestions) list.push(o);\n    return list;\n  }, [showCreateRow, trimmedInput, filteredSuggestions]);\n\n  const atMax = maxItems !== undefined && value.length >= maxItems;\n\n  const sortSensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n    useSensor(KeyboardSensor),\n  );\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n    if (!over || active.id === over.id) return;\n    const from = value.indexOf(String(active.id));\n    const to = value.indexOf(String(over.id));\n    if (from === -1 || to === -1) return;\n    const next = [...value];\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n    onChange(next);\n  };\n\n  return (\n    <Combobox<ComboboxOption, true>\n      multiple\n      items={items}\n      filter={null}\n      open={open}\n      onOpenChange={setOpen}\n      value={valueObjects}\n      onValueChange={(next) => {\n        if (!Array.isArray(next)) return;\n        if (single) {\n          // Replace-on-pick: the base-ui multiple model APPENDS the picked\n          // item, so the last valid entry is the user's choice; toggling the\n          // selected item off yields an empty array (= clear).\n          const last = [...next]\n            .reverse()\n            .map((item) => (typeof item === \"string\" ? item : (item as ComboboxOption).value))\n            .find((v) => v && !excludeSet.has(v));\n          onChange(last ? [last] : []);\n          setInput(\"\");\n          if (isAsync) debouncedSetQuery(\"\");\n          setOpen(false);\n          return;\n        }\n        // Unique by value, rewrite __create items to clean objects.\n        const seen = new Set<string>();\n        const deduped: string[] = [];\n        for (const item of next) {\n          const v = typeof item === \"string\" ? item : (item as ComboboxOption).value;\n          if (!v || seen.has(v)) continue;\n          if (excludeSet.has(v)) continue;\n          if (maxItems !== undefined && deduped.length >= maxItems) break;\n          seen.add(v);\n          deduped.push(v);\n        }\n        onChange(deduped);\n        setInput(\"\");\n        if (isAsync) debouncedSetQuery(\"\");\n      }}\n      isItemEqualToValue={(a, b) => (a as ComboboxOption).value === (b as ComboboxOption).value}\n      itemToStringLabel={(item) => (item as ComboboxOption).label}\n      itemToStringValue={(item) => (item as ComboboxOption).value}\n      inputValue={input}\n      onInputValueChange={(v) => {\n        setInput(v);\n        if (isAsync) debouncedSetQuery(v);\n      }}\n      disabled={disabled}\n    >\n      <ComboboxChips aria-invalid={ariaInvalid || undefined} ref={anchor}>\n        {single ? (\n          // Select-like value display: a plain label, hidden while the user\n          // types so the input reads like a search box over the selection.\n          valueObjects[0] &&\n          input === \"\" && (\n            <span className=\"pz:flex pz:min-w-0 pz:items-center pz:gap-1.5 pz:text-sm\">\n              {iconFor?.(valueObjects[0].value)}\n              {valueObjects[0].widgets && (\n                <WidgetStrip widgets={valueObjects[0].widgets} size={14} />\n              )}\n              <span className=\"pz:truncate\">{valueObjects[0].label}</span>\n            </span>\n          )\n        ) : reorderable ? (\n          <DndContext\n            sensors={sortSensors}\n            collisionDetection={closestCenter}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext items={value} strategy={horizontalListSortingStrategy}>\n              {valueObjects.map((v) => (\n                <SortableChip\n                  key={v.value}\n                  id={v.value}\n                  onRemove={() => onChange(value.filter((x) => x !== v.value))}\n                >\n                  {iconFor?.(v.value)}\n                  {v.widgets && <WidgetStrip widgets={v.widgets} size={14} />}\n                  {v.label}\n                </SortableChip>\n              ))}\n            </SortableContext>\n          </DndContext>\n        ) : (\n          valueObjects.map((v) => (\n            <ComboboxChip key={v.value}>\n              {iconFor?.(v.value)}\n              {v.widgets && <WidgetStrip widgets={v.widgets} size={14} />}\n              {v.label}\n            </ComboboxChip>\n          ))\n        )}\n        <ComboboxChipsInput\n          placeholder={value.length === 0 ? placeholder : undefined}\n          readOnly={disableSearch}\n          aria-invalid={ariaInvalid || undefined}\n          onKeyDown={(e) => {\n            if (e.key !== \"Enter\" || e.nativeEvent.isComposing) return;\n            if (trimmedInput.length === 0) return;\n            // Prevent the Enter from bubbling up and submitting an enclosing form.\n            e.preventDefault();\n            e.stopPropagation();\n            if (!single && atMax) return;\n            // Prefer an exact match against the visible suggestions, otherwise\n            // fall back to creating a new value when allowed.\n            const exact = filteredSuggestions.find(\n              (o) => o.value.toLowerCase() === trimmedInput.toLowerCase(),\n            );\n            const toAdd = exact?.value ?? (allowCreate ? trimmedInput : null);\n            if (!toAdd) return;\n            if (excludeSet.has(toAdd)) return;\n            if (single) {\n              onChange([toAdd]);\n              setInput(\"\");\n              if (isAsync) debouncedSetQuery(\"\");\n              setOpen(false);\n              return;\n            }\n            if (selectedSet.has(toAdd)) return;\n            onChange([...value, toAdd]);\n            setInput(\"\");\n            if (isAsync) debouncedSetQuery(\"\");\n          }}\n        />\n        <ComboboxTrigger className=\"pz:ml-auto pz:bg-transparent pz:hover:bg-transparent\" />\n      </ComboboxChips>\n      <ComboboxContent anchor={anchor}>\n        {loading && items.length > 0 && (\n          // Refetch: prior items stay visible, dimmed, with a small corner\n          // spinner so the layout doesn't jump while the new page loads.\n          <span\n            aria-label=\"Loading\"\n            className=\"pz:absolute pz:right-2 pz:top-2 pz:z-10 pz:inline-block pz:h-3 pz:w-3 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\"\n          />\n        )}\n        {loading && items.length === 0 && (\n          // Initial load: nothing to dim, so render a visible spinner in the\n          // popover body to confirm options are being fetched.\n          <div\n            role=\"status\"\n            aria-label=\"Loading\"\n            className=\"pz:flex pz:items-center pz:justify-center pz:py-6\"\n          >\n            <span className=\"pz:inline-block pz:h-5 pz:w-5 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\" />\n          </div>\n        )}\n        <ComboboxList\n          className={cn(\n            loading &&\n              items.length > 0 &&\n              \"pz:opacity-50 pz:transition-opacity pz:pointer-events-none\",\n          )}\n        >\n          {!single && atMax && (\n            <div className=\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\">\n              Maximum {maxItems} item{maxItems === 1 ? \"\" : \"s\"} reached.\n            </div>\n          )}\n\n          {items.map((item) => {\n            // Field-type widget renders on the trailing edge of the row so\n            // the field name reads first; everything else stays in the\n            // leading widget strip.\n            const fieldType = !item.__create ? item.widgets?.field_type : undefined;\n            const leadingWidgets =\n              !item.__create && item.widgets ? splitWidgets(item.widgets).leading : undefined;\n            return (\n              <ComboboxItem\n                key={`${item.__create ? \"__create__:\" : \"\"}${item.value}`}\n                value={item}\n                className={item.__create ? \"pz:italic\" : undefined}\n                disabled={!single && !selectedSet.has(item.value) && atMax && !item.__create}\n              >\n                {!item.__create && iconFor?.(item.value)}\n                {leadingWidgets && <WidgetStrip widgets={leadingWidgets} size={14} />}\n                <span className=\"pz:flex-1 pz:truncate\">{item.label}</span>\n                {fieldType && <FieldTypeBadge type={fieldType.type} format={fieldType.format} />}\n              </ComboboxItem>\n            );\n          })}\n\n          {!loading && items.length === 0 && (\n            <ComboboxEmpty>\n              {emptyLabel ??\n                (allowCreate\n                  ? options || loadOptions\n                    ? \"No matches\"\n                    : \"Type to add\"\n                  : \"No options\")}\n            </ComboboxEmpty>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"suggest-combobox.mjs","names":["XIcon"],"sources":["../../../../src/components/internal/combobox/suggest-combobox.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { horizontalListSortingStrategy, SortableContext, useSortable } from \"@dnd-kit/sortable\";\nimport type { WidgetsByKind } from \"@pipe0/base\";\nimport { type ReactNode, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { useDebouncedFn } from \"../../../hooks/use-debounced-fn.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { FieldTypeBadge } from \"../../../widgets/field-type-badge.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Button } from \"../../ui/button.js\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  useComboboxAnchor,\n} from \"../../ui/combobox.js\";\nimport { IconGripVertical, X as XIcon } from \"../icons.js\";\nimport { filterOptions, type PayloadOption } from \"../multi-select-popover-trigger.js\";\n\n/** Internal item type — the base-ui Combobox handles `{value, label}` natively. */\ntype ComboboxOption = PayloadOption & { __create?: boolean };\n\n/** Split widgets so `field_type` can render on the trailing edge of dropdown\n * rows while every other widget stays in the leading strip. */\nfunction splitWidgets(widgets: WidgetsByKind): {\n  leading: WidgetsByKind | undefined;\n} {\n  const { field_type: _ignored, ...rest } = widgets;\n  const hasLeading = Object.values(rest).some((v) => v != null);\n  return { leading: hasLeading ? rest : undefined };\n}\n\n/** Reorderable chip matching `ComboboxChip` visually, with a grip handle. */\nfunction SortableChip({\n  id,\n  onRemove,\n  children,\n}: {\n  id: string;\n  onRemove: () => void;\n  children: ReactNode;\n}) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  });\n  const style: React.CSSProperties = {\n    transform: transform\n      ? `translate3d(${Math.round(transform.x)}px, ${Math.round(transform.y)}px, 0)`\n      : undefined,\n    transition,\n    opacity: isDragging ? 0.6 : 1,\n  };\n  return (\n    <span\n      ref={setNodeRef}\n      style={style}\n      className={cn(\n        \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-1 pz:rounded-sm pz:bg-muted pz:pl-0.5 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground\",\n      )}\n      {...attributes}\n    >\n      <span\n        role=\"button\"\n        tabIndex={-1}\n        aria-label=\"Drag to reorder\"\n        className=\"pz:flex pz:items-center pz:justify-center pz:cursor-grab pz:text-muted-foreground pz:hover:text-foreground pz:touch-none\"\n        {...listeners}\n      >\n        <IconGripVertical width={12} height={12} />\n      </span>\n      {children}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-xs\"\n        className=\"pz:opacity-50 pz:hover:opacity-100\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onRemove();\n        }}\n        aria-label=\"Remove\"\n      >\n        <XIcon className=\"pz:pointer-events-none\" />\n      </Button>\n    </span>\n  );\n}\n\nexport interface SuggestComboboxProps {\n  value: string[];\n  onChange: (value: string[]) => void;\n  options?: PayloadOption[];\n  loadOptions?: (query: string) => Promise<PayloadOption[]>;\n  allowCreate?: boolean;\n  disableSearch?: boolean;\n  maxItems?: number;\n  excludeValues?: string[];\n  ariaInvalid?: boolean;\n  disabled?: boolean;\n  debounceMs?: number;\n  labelFor?: (value: string) => string;\n  /** Optional leading icon (e.g. provider logo) rendered inside chips and list items. */\n  iconFor?: (value: string) => ReactNode;\n  emptyLabel?: string;\n  placeholder?: string;\n  /** When true, chips become drag-sortable and reorder the `value` array. */\n  reorderable?: boolean;\n  /**\n   * Single-select mode: the selection renders as a plain value (not a\n   * removable chip), picking an option REPLACES it, and the popover closes on\n   * pick — a searchable analog of a native select. Clicking the selected\n   * option again clears it. `value` stays an array (length ≤ 1) so callers\n   * keep one contract across both modes; `maxItems`/`reorderable` are ignored.\n   */\n  single?: boolean;\n}\n\n/**\n * Unified combobox built on `@base-ui/react`'s Combobox primitive.\n *\n * - Chips + inline search input via `ComboboxChips` / `ComboboxChipsInput`.\n * - Static (`options`) or async (`loadOptions`) item sources. External\n *   filtering in both cases so match-sorter ranking / server relevance is\n *   honored and base-ui's built-in filter doesn't double-filter.\n * - Free-text creation (`allowCreate`) renders an inline \"Add \\\"X\\\"\" item.\n * - `maxItems`, `excludeValues`, `disableSearch`, `ariaInvalid`, `disabled`.\n * - Debounced async loader with an in-memory cache keyed by query string.\n */\nexport function SuggestCombobox({\n  value,\n  onChange,\n  options,\n  loadOptions,\n  allowCreate = false,\n  disableSearch = false,\n  maxItems,\n  excludeValues = [],\n  ariaInvalid,\n  disabled,\n  debounceMs = 300,\n  labelFor,\n  iconFor,\n  emptyLabel,\n  placeholder,\n  reorderable = false,\n  single = false,\n}: SuggestComboboxProps) {\n  const [input, setInput] = useState(\"\");\n  const [debouncedQuery, setDebouncedQuery] = useState(\"\");\n  const [open, setOpen] = useState(false);\n\n  const isAsync = typeof loadOptions === \"function\";\n\n  const debouncedSetQuery = useDebouncedFn((q: string) => setDebouncedQuery(q), debounceMs);\n\n  // Per-instance cache key prefix so two comboboxes with the same query but\n  // different `loadOptions` functions don't share results.\n  const instanceId = useId();\n\n  // SWR handles dedupe + caching by-query + race-safety. We defer the\n  // empty-query fetch until the user opens the dropdown — some backends\n  // (e.g. Crustdata persondb) don't accept empty queries, and on-mount\n  // fetches are wasted work if the field is never opened. `keepPreviousData`\n  // preserves the prior result set during a refetch so the UI dims rather\n  // than empties.\n  const swrKey: readonly [string, string] | null =\n    loadOptions && (open || debouncedQuery !== \"\") ? [instanceId, debouncedQuery] : null;\n  const {\n    data: asyncResults = null,\n    isLoading: swrIsLoading,\n    isValidating: swrIsValidating,\n  } = useSWR<PayloadOption[], Error, readonly [string, string] | null>(\n    swrKey,\n    async ([, q]) => {\n      // `swrKey` was `null` when `loadOptions` is undefined, so the fetcher\n      // never runs without one — the runtime check is just to satisfy TS.\n      if (!loadOptions) return [];\n      const opts = await loadOptions(q);\n      return opts.filter((o) => !!o.value);\n    },\n    { keepPreviousData: true },\n  );\n  const loading = swrIsLoading || swrIsValidating;\n\n  const excludeSet = useMemo(() => new Set(excludeValues), [excludeValues]);\n  const selectedSet = useMemo(() => new Set(value), [value]);\n\n  const anchor = useComboboxAnchor();\n\n  const filteredSuggestions = useMemo<PayloadOption[]>(() => {\n    const source = isAsync ? (asyncResults ?? []) : (options ?? []);\n    const ranked = isAsync ? source : filterOptions(source, input);\n    return ranked.filter((o) => !excludeSet.has(o.value));\n  }, [isAsync, asyncResults, options, input, excludeSet]);\n\n  const trimmedInput = input.trim();\n  const showCreateRow =\n    allowCreate &&\n    trimmedInput.length > 0 &&\n    !selectedSet.has(trimmedInput) &&\n    !excludeSet.has(trimmedInput) &&\n    !filteredSuggestions.some((o) => o.value.toLowerCase() === trimmedInput.toLowerCase());\n\n  const resolveLabel = (v: string): string => {\n    if (labelFor) return labelFor(v);\n    const fromStatic = options?.find((o) => o.value === v)?.label;\n    if (fromStatic) return fromStatic;\n    const fromAsync = asyncResults?.find((o) => o.value === v)?.label;\n    return fromAsync ?? v;\n  };\n\n  // Persist widgets per value across loadOptions cycles. Async results are\n  // replaced with each query, so without this cache an icon shown when\n  // picking a value would disappear on the next refetch. Updates run in an\n  // effect (not during render) so the cache stays consistent under strict\n  // mode and concurrent rendering.\n  const widgetCacheRef = useRef<Map<string, WidgetsByKind>>(new Map());\n  useEffect(() => {\n    for (const opt of options ?? []) {\n      if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n    }\n    for (const opt of asyncResults ?? []) {\n      if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n    }\n  }, [options, asyncResults]);\n\n  const resolveWidgets = (v: string): WidgetsByKind | undefined =>\n    options?.find((o) => o.value === v)?.widgets ??\n    asyncResults?.find((o) => o.value === v)?.widgets ??\n    widgetCacheRef.current.get(v);\n\n  const valueObjects = useMemo<ComboboxOption[]>(\n    () =>\n      value.map((v) => ({\n        value: v,\n        label: resolveLabel(v),\n        widgets: resolveWidgets(v),\n      })),\n    // resolveLabel/resolveWidgets close over options/asyncResults/labelFor\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [value, options, asyncResults, labelFor],\n  );\n\n  const items = useMemo<ComboboxOption[]>(() => {\n    const list: ComboboxOption[] = [];\n    if (showCreateRow) {\n      list.push({\n        value: trimmedInput,\n        label: `Add \"${trimmedInput}\"`,\n        __create: true,\n      });\n    }\n    for (const o of filteredSuggestions) list.push(o);\n    return list;\n  }, [showCreateRow, trimmedInput, filteredSuggestions]);\n\n  const atMax = maxItems !== undefined && value.length >= maxItems;\n\n  const sortSensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n    useSensor(KeyboardSensor),\n  );\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n    if (!over || active.id === over.id) return;\n    const from = value.indexOf(String(active.id));\n    const to = value.indexOf(String(over.id));\n    if (from === -1 || to === -1) return;\n    const next = [...value];\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n    onChange(next);\n  };\n\n  return (\n    <Combobox<ComboboxOption, true>\n      multiple\n      items={items}\n      filter={null}\n      open={open}\n      onOpenChange={setOpen}\n      value={valueObjects}\n      onValueChange={(next) => {\n        if (!Array.isArray(next)) return;\n        if (single) {\n          // Replace-on-pick: the base-ui multiple model APPENDS the picked\n          // item, so the last valid entry is the user's choice; toggling the\n          // selected item off yields an empty array (= clear).\n          const last = [...next]\n            .reverse()\n            .map((item) => (typeof item === \"string\" ? item : (item as ComboboxOption).value))\n            .find((v) => v && !excludeSet.has(v));\n          onChange(last ? [last] : []);\n          setInput(\"\");\n          if (isAsync) debouncedSetQuery(\"\");\n          setOpen(false);\n          return;\n        }\n        // Unique by value, rewrite __create items to clean objects.\n        const seen = new Set<string>();\n        const deduped: string[] = [];\n        for (const item of next) {\n          const v = typeof item === \"string\" ? item : (item as ComboboxOption).value;\n          if (!v || seen.has(v)) continue;\n          if (excludeSet.has(v)) continue;\n          if (maxItems !== undefined && deduped.length >= maxItems) break;\n          seen.add(v);\n          deduped.push(v);\n        }\n        onChange(deduped);\n        setInput(\"\");\n        if (isAsync) debouncedSetQuery(\"\");\n      }}\n      isItemEqualToValue={(a, b) => (a as ComboboxOption).value === (b as ComboboxOption).value}\n      itemToStringLabel={(item) => (item as ComboboxOption).label}\n      itemToStringValue={(item) => (item as ComboboxOption).value}\n      inputValue={input}\n      onInputValueChange={(v) => {\n        setInput(v);\n        if (isAsync) debouncedSetQuery(v);\n      }}\n      disabled={disabled}\n    >\n      <ComboboxChips aria-invalid={ariaInvalid || undefined} ref={anchor}>\n        {single ? (\n          // Select-like value display: a plain label, hidden while the user\n          // types so the input reads like a search box over the selection.\n          valueObjects[0] &&\n          input === \"\" && (\n            <span className=\"pz:flex pz:min-w-0 pz:items-center pz:gap-1.5 pz:text-sm\">\n              {iconFor?.(valueObjects[0].value)}\n              {valueObjects[0].widgets && (\n                <WidgetStrip widgets={valueObjects[0].widgets} size={14} />\n              )}\n              <span className=\"pz:truncate\">{valueObjects[0].label}</span>\n            </span>\n          )\n        ) : reorderable ? (\n          <DndContext\n            sensors={sortSensors}\n            collisionDetection={closestCenter}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext items={value} strategy={horizontalListSortingStrategy}>\n              {valueObjects.map((v) => (\n                <SortableChip\n                  key={v.value}\n                  id={v.value}\n                  onRemove={() => onChange(value.filter((x) => x !== v.value))}\n                >\n                  {iconFor?.(v.value)}\n                  {v.widgets && <WidgetStrip widgets={v.widgets} size={14} />}\n                  {v.label}\n                </SortableChip>\n              ))}\n            </SortableContext>\n          </DndContext>\n        ) : (\n          valueObjects.map((v) => (\n            <ComboboxChip key={v.value}>\n              {iconFor?.(v.value)}\n              {v.widgets && <WidgetStrip widgets={v.widgets} size={14} />}\n              {v.label}\n            </ComboboxChip>\n          ))\n        )}\n        <ComboboxChipsInput\n          placeholder={value.length === 0 ? placeholder : undefined}\n          readOnly={disableSearch}\n          aria-invalid={ariaInvalid || undefined}\n          onKeyDown={(e) => {\n            if (e.key !== \"Enter\" || e.nativeEvent.isComposing) return;\n            if (trimmedInput.length === 0) return;\n            // Prevent the Enter from bubbling up and submitting an enclosing form.\n            e.preventDefault();\n            e.stopPropagation();\n            if (!single && atMax) return;\n            // Prefer an exact match against the visible suggestions, otherwise\n            // fall back to creating a new value when allowed.\n            const exact = filteredSuggestions.find(\n              (o) => o.value.toLowerCase() === trimmedInput.toLowerCase(),\n            );\n            const toAdd = exact?.value ?? (allowCreate ? trimmedInput : null);\n            if (!toAdd) return;\n            if (excludeSet.has(toAdd)) return;\n            if (single) {\n              onChange([toAdd]);\n              setInput(\"\");\n              if (isAsync) debouncedSetQuery(\"\");\n              setOpen(false);\n              return;\n            }\n            if (selectedSet.has(toAdd)) return;\n            onChange([...value, toAdd]);\n            setInput(\"\");\n            if (isAsync) debouncedSetQuery(\"\");\n          }}\n        />\n        <ComboboxTrigger className=\"pz:ml-auto pz:bg-transparent pz:hover:bg-transparent\" />\n      </ComboboxChips>\n      <ComboboxContent anchor={anchor}>\n        {loading && items.length > 0 && (\n          // Refetch: prior items stay visible, dimmed, with a small corner\n          // spinner so the layout doesn't jump while the new page loads.\n          <span\n            aria-label=\"Loading\"\n            className=\"pz:absolute pz:right-2 pz:top-2 pz:z-10 pz:inline-block pz:h-3 pz:w-3 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\"\n          />\n        )}\n        {loading && items.length === 0 && (\n          // Initial load: nothing to dim, so render a visible spinner in the\n          // popover body to confirm options are being fetched.\n          <div\n            role=\"status\"\n            aria-label=\"Loading\"\n            className=\"pz:flex pz:items-center pz:justify-center pz:py-6\"\n          >\n            <span className=\"pz:inline-block pz:h-5 pz:w-5 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\" />\n          </div>\n        )}\n        <ComboboxList\n          className={cn(\n            loading &&\n              items.length > 0 &&\n              \"pz:opacity-50 pz:transition-opacity pz:pointer-events-none\",\n          )}\n        >\n          {!single && atMax && (\n            <div className=\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\">\n              Maximum {maxItems} item{maxItems === 1 ? \"\" : \"s\"} reached.\n            </div>\n          )}\n\n          {items.map((item) => {\n            // Field-type widget renders on the trailing edge of the row so\n            // the field name reads first; everything else stays in the\n            // leading widget strip.\n            const fieldType = !item.__create ? item.widgets?.field_type : undefined;\n            const leadingWidgets =\n              !item.__create && item.widgets ? splitWidgets(item.widgets).leading : undefined;\n            return (\n              <ComboboxItem\n                key={`${item.__create ? \"__create__:\" : \"\"}${item.value}`}\n                value={item}\n                className={item.__create ? \"pz:italic\" : undefined}\n                disabled={!single && !selectedSet.has(item.value) && atMax && !item.__create}\n              >\n                {!item.__create && iconFor?.(item.value)}\n                {leadingWidgets && <WidgetStrip widgets={leadingWidgets} size={14} />}\n                <span className=\"pz:flex-1 pz:truncate\">{item.label}</span>\n                {fieldType && <FieldTypeBadge type={fieldType.type} format={fieldType.format} />}\n              </ComboboxItem>\n            );\n          })}\n\n          {!loading && items.length === 0 && (\n            <ComboboxEmpty>\n              {emptyLabel ??\n                (allowCreate\n                  ? options || loadOptions\n                    ? \"No matches\"\n                    : \"Type to add\"\n                  : \"No options\")}\n            </ComboboxEmpty>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n"],"mappings":"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"}

package/dist/components/internal/icons.d.mts

@@ -0,0 +1,14 @@
+import { ForwardRefExoticComponent, RefAttributes } from "react";
+import { HugeiconsProps } from "@hugeicons/react";
+
+//#region src/components/internal/icons.d.ts
+/**
+ * The package's icon set: Hugeicons (stroke-rounded, free) under the component
+ * names the code already used. `Icon*` are the compact 16px variants the
+ * internal controls render without a size class.
+ */
+type IconProps = Omit<HugeiconsProps, "icon" | "ref">;
+type Icon = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+//#endregion
+export { Icon };
+//# sourceMappingURL=icons.d.mts.map

package/dist/components/internal/icons.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.mts","names":[],"sources":["../../../src/components/internal/icons.tsx"],"mappings":";;;;;;AA4GA;;;KAAY,SAAA,GAAY,IAAA,CAAK,cAAA;AAAA,KACjB,IAAA,GAAO,yBAAA,CAA0B,SAAA,GAAY,aAAA,CAAc,aAAA"}

package/dist/components/internal/icons.mjs

@@ -1,192 +1,144 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ActivityIcon, AlertCircleIcon, ArrowDownIcon, ArrowUpIcon, Asterisk02Icon, AtSignIcon, AwardIcon, BanknoteIcon, BookDashedIcon, BookOpenIcon, BookmarkIcon, BoxesIcon, BracesIcon, BrainIcon, BriefcaseBusinessIcon, BriefcaseIcon, Building03Icon, CalendarClockIcon, CalendarIcon, ChartColumnIcon, CheckCheckIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, Coins01Icon, Coins02Icon, CompassIcon, ContactIcon, CopyIcon, Database02Icon, Delete02Icon, DownloadIcon, EraserIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FactoryIcon, FilterIcon, GlobeIcon, GripVerticalIcon, HammerIcon, HandshakeIcon, HashIcon, HelpCircleIcon, HistoryIcon, InfoIcon, InternetIcon, KeyIcon, LanguagesIcon, LibraryIcon, Linkedin01Icon, ListChecksIcon, ListIcon, ListPlusIcon, LoaderIcon, LockIcon, MailIcon, MapPinIcon, MedalIcon, MinusIcon, MoreHorizontalIcon, Mortarboard02Icon, PauseIcon, PencilEdit01Icon, PercentIcon, PhoneIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, ScanFaceIcon, SearchIcon, Settings01Icon, ShuffleIcon, SigmaIcon, SlidersHorizontalIcon, SparklesIcon, StarIcon, SwordsIcon, TableIcon, Tag01Icon, Tag02Icon, TextAlignStartIcon, TextIcon, ToggleLeftIcon, ToggleRightIcon, TriangleAlertIcon, TriangleDashedIcon, TypeIcon, UploadIcon, UserGroupIcon, UserIcon, WorkflowIcon, XIcon, ZapIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
 
 //#region src/components/internal/icons.tsx
-const defaults = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 16,
-	height: 16,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: 2,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-};
-function IconPlus(props) {
-	return /* @__PURE__ */ jsxs("svg", {
+/** Wraps one Hugeicons glyph as a component, so an icon can be passed around
+* as a value (`icon: Mail`) and rendered as `<Mail className="size-4" />`. */
+function icon(svg, displayName, defaults) {
+	const Glyph = forwardRef((props, ref) => /* @__PURE__ */ jsx(HugeiconsIcon, {
+		ref,
+		icon: svg,
 		...defaults,
-		...props,
-		children: [/* @__PURE__ */ jsx("path", { d: "M5 12h14" }), /* @__PURE__ */ jsx("path", { d: "M12 5v14" })]
-	});
-}
-function IconMinus(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		...defaults,
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
-	});
-}
-function IconInfo(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
-		]
-	});
-}
-function IconWarning(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-		]
-	});
-}
-function IconError(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
-			/* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
-		]
-	});
-}
-function IconPencil(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		...defaults,
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" })
-	});
-}
-function IconTrash(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
-			/* @__PURE__ */ jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-			/* @__PURE__ */ jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
-		]
-	});
-}
-function IconChevronDown(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		...defaults,
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-	});
-}
-function IconLock(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [/* @__PURE__ */ jsx("rect", {
-			width: "18",
-			height: "11",
-			x: "3",
-			y: "11",
-			rx: "2",
-			ry: "2"
-		}), /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })]
-	});
-}
-function IconGripVertical(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("circle", {
-				cx: "9",
-				cy: "12",
-				r: "1"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "9",
-				cy: "5",
-				r: "1"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "9",
-				cy: "19",
-				r: "1"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "15",
-				cy: "12",
-				r: "1"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "15",
-				cy: "5",
-				r: "1"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "15",
-				cy: "19",
-				r: "1"
-			})
-		]
-	});
-}
-function IconCheck(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		...defaults,
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-	});
-}
-function IconEye(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [/* @__PURE__ */ jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }), /* @__PURE__ */ jsx("circle", {
-			cx: "12",
-			cy: "12",
-			r: "3"
-		})]
-	});
-}
-function IconEyeOff(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
-			/* @__PURE__ */ jsx("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
-			/* @__PURE__ */ jsx("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
-			/* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
-		]
-	});
-}
-function IconRefresh(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		...defaults,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-			/* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
-			/* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-			/* @__PURE__ */ jsx("path", { d: "M8 16H3v5" })
-		]
-	});
+		...props
+	}));
+	Glyph.displayName = displayName;
+	return Glyph;
 }
+const Activity = icon(ActivityIcon, "Activity");
+const AlertCircle = icon(AlertCircleIcon, "AlertCircle");
+const ArrowDown = icon(ArrowDownIcon, "ArrowDown");
+const ArrowUp = icon(ArrowUpIcon, "ArrowUp");
+const Asterisk = icon(Asterisk02Icon, "Asterisk");
+const AtSign = icon(AtSignIcon, "AtSign");
+const Award = icon(AwardIcon, "Award");
+const Banknote = icon(BanknoteIcon, "Banknote");
+const BarChart3 = icon(ChartColumnIcon, "BarChart3");
+const BookDashed = icon(BookDashedIcon, "BookDashed");
+const BookOpen = icon(BookOpenIcon, "BookOpen");
+const Bookmark = icon(BookmarkIcon, "Bookmark");
+const Boxes = icon(BoxesIcon, "Boxes");
+const Braces = icon(BracesIcon, "Braces");
+const Brain = icon(BrainIcon, "Brain");
+const Briefcase = icon(BriefcaseIcon, "Briefcase");
+const BriefcaseBusiness = icon(BriefcaseBusinessIcon, "BriefcaseBusiness");
+const Building2 = icon(Building03Icon, "Building2");
+const Calendar = icon(CalendarIcon, "Calendar");
+const CalendarClock = icon(CalendarClockIcon, "CalendarClock");
+const Check = icon(CheckIcon, "Check");
+const CheckCheck = icon(CheckCheckIcon, "CheckCheck");
+const ChevronDown = icon(ChevronDownIcon, "ChevronDown");
+const ChevronRight = icon(ChevronRightIcon, "ChevronRight");
+const ChevronUp = icon(ChevronUpIcon, "ChevronUp");
+const CircleHelp = icon(HelpCircleIcon, "CircleHelp");
+const Code2 = icon(CodeIcon, "Code2");
+const Cog = icon(Settings01Icon, "Cog");
+const Coins = icon(Coins01Icon, "Coins");
+const Compass = icon(CompassIcon, "Compass");
+const Contact = icon(ContactIcon, "Contact");
+/** Credit cost — the plain two-coin glyph (no currency sign: credits aren't dollars). */
+const Coin = icon(Coins02Icon, "Coin");
+const Copy = icon(CopyIcon, "Copy");
+const Database = icon(Database02Icon, "Database");
+const Download = icon(DownloadIcon, "Download");
+const Eraser = icon(EraserIcon, "Eraser");
+const ExternalLink = icon(ExternalLinkIcon, "ExternalLink");
+const Eye = icon(EyeIcon, "Eye");
+const EyeOff = icon(EyeOffIcon, "EyeOff");
+const Factory = icon(FactoryIcon, "Factory");
+const Filter = icon(FilterIcon, "Filter");
+/** Domains / websites — a plain meridian globe. */
+const Internet = icon(InternetIcon, "Internet");
+const Globe = icon(GlobeIcon, "Globe");
+const GraduationCap = icon(Mortarboard02Icon, "GraduationCap");
+const GripVertical = icon(GripVerticalIcon, "GripVertical");
+const Hammer = icon(HammerIcon, "Hammer");
+const Handshake = icon(HandshakeIcon, "Handshake");
+const Hash = icon(HashIcon, "Hash");
+const HelpCircle = icon(HelpCircleIcon, "HelpCircle");
+const History = icon(HistoryIcon, "History");
+const Info = icon(InfoIcon, "Info");
+const Key = icon(KeyIcon, "Key");
+const Languages = icon(LanguagesIcon, "Languages");
+const LetterText = icon(TextIcon, "LetterText");
+const Library = icon(LibraryIcon, "Library");
+const Linkedin = icon(Linkedin01Icon, "Linkedin");
+const List = icon(ListIcon, "List");
+const ListChecks = icon(ListChecksIcon, "ListChecks");
+const ListPlus = icon(ListPlusIcon, "ListPlus");
+const Loader = icon(LoaderIcon, "Loader");
+const Lock = icon(LockIcon, "Lock");
+const Mail = icon(MailIcon, "Mail");
+const MapPin = icon(MapPinIcon, "MapPin");
+const Medal = icon(MedalIcon, "Medal");
+const Minus = icon(MinusIcon, "Minus");
+const MoreHorizontal = icon(MoreHorizontalIcon, "MoreHorizontal");
+const Pause = icon(PauseIcon, "Pause");
+const Pencil = icon(PencilEdit01Icon, "Pencil");
+const Percent = icon(PercentIcon, "Percent");
+const Phone = icon(PhoneIcon, "Phone");
+const Play = icon(PlayIcon, "Play");
+const Plug = icon(PlugIcon, "Plug");
+const Plus = icon(PlusIcon, "Plus");
+const RefreshCw = icon(RefreshCwIcon, "RefreshCw");
+const ScanFace = icon(ScanFaceIcon, "ScanFace");
+const Search = icon(SearchIcon, "Search");
+const Shuffle = icon(ShuffleIcon, "Shuffle");
+const Sigma = icon(SigmaIcon, "Sigma");
+const SlidersHorizontal = icon(SlidersHorizontalIcon, "SlidersHorizontal");
+const Sparkles = icon(SparklesIcon, "Sparkles");
+const Star = icon(StarIcon, "Star");
+const Swords = icon(SwordsIcon, "Swords");
+const Table = icon(TableIcon, "Table");
+const Tag = icon(Tag01Icon, "Tag");
+const Tags = icon(Tag02Icon, "Tags");
+const TextAlignStart = icon(TextAlignStartIcon, "TextAlignStart");
+const ToggleLeft = icon(ToggleLeftIcon, "ToggleLeft");
+const ToggleRight = icon(ToggleRightIcon, "ToggleRight");
+const Trash2 = icon(Delete02Icon, "Trash2");
+const TriangleAlert = icon(TriangleAlertIcon, "TriangleAlert");
+const TriangleDashed = icon(TriangleDashedIcon, "TriangleDashed");
+const Type = icon(TypeIcon, "Type");
+const Upload = icon(UploadIcon, "Upload");
+const User = icon(UserIcon, "User");
+const Users = icon(UserGroupIcon, "Users");
+const Workflow = icon(WorkflowIcon, "Workflow");
+const X = icon(XIcon, "X");
+const Zap = icon(ZapIcon, "Zap");
+const IconBraces = icon(BracesIcon, "IconBraces", { size: 16 });
+const IconCheck = icon(CheckIcon, "IconCheck", { size: 16 });
+const IconChevronDown = icon(ChevronDownIcon, "IconChevronDown", { size: 16 });
+const IconChevronRight = icon(ChevronRightIcon, "IconChevronRight", { size: 16 });
+const IconError = icon(AlertCircleIcon, "IconError", { size: 16 });
+const IconEye = icon(EyeIcon, "IconEye", { size: 16 });
+const IconEyeOff = icon(EyeOffIcon, "IconEyeOff", { size: 16 });
+const IconGripVertical = icon(GripVerticalIcon, "IconGripVertical", { size: 16 });
+const IconInfo = icon(InfoIcon, "IconInfo", { size: 16 });
+const IconLock = icon(LockIcon, "IconLock", { size: 16 });
+const IconMinus = icon(MinusIcon, "IconMinus", { size: 16 });
+const IconMoreHorizontal = icon(MoreHorizontalIcon, "IconMoreHorizontal", { size: 16 });
+const IconPencil = icon(PencilEdit01Icon, "IconPencil", { size: 16 });
+const IconPlay = icon(PlayIcon, "IconPlay", {
+	size: 16,
+	fill: "currentColor"
+});
+const IconPlus = icon(PlusIcon, "IconPlus", { size: 16 });
+const IconRefresh = icon(RefreshCwIcon, "IconRefresh", { size: 16 });
+const IconTrash = icon(Delete02Icon, "IconTrash", { size: 16 });
+const IconWarning = icon(TriangleAlertIcon, "IconWarning", { size: 16 });
+const IconX = icon(XIcon, "IconX", { size: 16 });
 
 //#endregion
-export { IconCheck, IconChevronDown, IconError, IconEye, IconEyeOff, IconGripVertical, IconInfo, IconLock, IconMinus, IconPencil, IconPlus, IconRefresh, IconTrash, IconWarning };
+export { Activity, ArrowDown, ArrowUp, Asterisk, AtSign, Award, Banknote, BarChart3, BookDashed, BookOpen, Bookmark, Boxes, Braces, Brain, Briefcase, BriefcaseBusiness, Building2, Calendar, CalendarClock, Check, CheckCheck, ChevronDown, ChevronUp, CircleHelp, Code2, Cog, Coin, Coins, Compass, Contact, Copy, Database, Download, Eraser, ExternalLink, Factory, Filter, GraduationCap, Hammer, Handshake, Hash, HelpCircle, History, IconCheck, IconChevronDown, IconError, IconEye, IconEyeOff, IconGripVertical, IconInfo, IconLock, IconMinus, IconPencil, IconPlus, IconRefresh, IconTrash, IconWarning, Internet, Key, Languages, LetterText, Library, Linkedin, List, ListChecks, ListPlus, Loader, Mail, MapPin, Medal, Pause, Percent, Phone, Plug, Plus, ScanFace, Search, Shuffle, Sigma, SlidersHorizontal, Sparkles, Star, Swords, Table, Tag, Tags, TextAlignStart, ToggleLeft, ToggleRight, Trash2, TriangleDashed, Type, Upload, User, Users, Workflow, X, Zap };
 //# sourceMappingURL=icons.mjs.map