@techzyapp/ui-library 1.0.19 → 1.0.21

package/dist/{MultiSelect-sKk2KzOd.js.map → MultiSelect-BsYPr3LD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-sKk2KzOd.js","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  // when `onSearchChange` is set the consumer owns `options` (server-side search) — skip local filter\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the first enabled option, focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    setHighlightedIndex(findEnabled(0, 1))\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // search filter → re-anchor to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // keep the highlight in range if the option count changes while open\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const toggleOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(\n      selectedValues.includes(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value],\n    )\n    // multi-select stays open\n  }\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else toggleOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); toggles only when open & not searchable\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          toggleOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Backspace':\n        // remove the last chip when the (search) input is empty or there's no search box\n        if (open && (!searchable || searchQuery === '') && selectedValues.length > 0) {\n          event.preventDefault()\n          removeValue(selectedValues[selectedValues.length - 1])\n        }\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={`Remove ${opt?.label ?? v}`}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          aria-multiselectable=\"true\"\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = selectedValues.includes(opt.value)\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={isSelected ? <Icon name=\"TickCircle\" size=\"sm\" /> : undefined}\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  // keep focus on the search input (menu stays open on toggle) so typing keeps working\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => toggleOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","o","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","openMenu","toggleOption","opt","v","removeValue","x","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","activeId","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","Chip","Icon","FloatingPanel","List","Loader","isSelected","ListItem","e"],"mappings":"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"}
+{"version":3,"file":"MultiSelect-BsYPr3LD.js","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  // when `onSearchChange` is set the consumer owns `options` (server-side search) — skip local filter\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the first enabled option, focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    setHighlightedIndex(findEnabled(0, 1))\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // search filter → re-anchor to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // keep the highlight in range if the option count changes while open\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const toggleOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(\n      selectedValues.includes(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value],\n    )\n    // multi-select stays open\n  }\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else toggleOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); toggles only when open & not searchable\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          toggleOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Backspace':\n        // remove the last chip when the (search) input is empty or there's no search box\n        if (open && (!searchable || searchQuery === '') && selectedValues.length > 0) {\n          event.preventDefault()\n          removeValue(selectedValues[selectedValues.length - 1])\n        }\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={`Remove ${opt?.label ?? v}`}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          aria-multiselectable=\"true\"\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = selectedValues.includes(opt.value)\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={isSelected ? <Icon name=\"TickCircle\" size=\"sm\" /> : undefined}\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  // keep focus on the search input (menu stays open on toggle) so typing keeps working\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => toggleOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","o","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","openMenu","toggleOption","opt","v","removeValue","x","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","activeId","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","Chip","Icon","FloatingPanel","List","Loader","isSelected","ListItem","e"],"mappings":"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"}

package/dist/{MultiSelect-CtLpWaBX.cjs → MultiSelect-DS2DRpaP.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),R=require("clsx"),we=require("./formContext-bTWrqdEV.cjs"),De=require("./FloatingPanel-U6sGYiSK.cjs"),Ne=require("./Chip-CJuAvgst.cjs"),E=require("./Icon-CXTl_QAP.cjs"),qe=require("./List-ChXO0Hz-.cjs"),Le=require("./ListItem-DWQorRxG.cjs"),Te=require("./Loader-B45H2SMP.cjs"),M=require("./Typography-BFatE1_A.cjs"),Ce=require("./ConfigProvider-h1WoGC3R.cjs"),Re="_field_16ykc_1",Ee="_fullWidth_16ykc_7",Me="_label_16ykc_12",Se="_required_16ykc_21",Be="_control_16ykc_27",Pe="_filled_16ykc_47",Ke="_open_16ykc_51",Ve="_error_16ykc_56",We="_disabled_16ykc_64",$e="_chips_16ykc_31",Ae="_value_16ykc_84",Fe="_valueLabel_16ykc_91",Oe="_placeholder_16ykc_96",He="_clear_16ykc_100",Qe="_chevron_16ykc_117",Ue="_sm_16ykc_127",ze="_md_16ykc_131",Ge="_lg_16ykc_135",Je="_helper_16ykc_140",Xe="_popover_16ykc_145",Ye="_search_16ykc_152",Ze="_searchIcon_16ykc_161",es="_searchInput_16ykc_165",ss="_listbox_16ykc_180",ts="_active_16ykc_188",rs="_noOptions_16ykc_192",ls="_loading_16ykc_198",r={field:Re,fullWidth:Ee,label:Me,required:Se,control:Be,filled:Pe,open:Ke,error:Ve,disabled:We,chips:$e,value:Ae,valueLabel:Fe,placeholder:Oe,clear:He,chevron:Qe,sm:Ue,md:ze,lg:Ge,helper:Je,popover:Xe,search:Ye,searchIcon:Ze,searchInput:es,listbox:ss,active:ts,noOptions:rs,loading:ls},cs=o.forwardRef(function({label:w,options:D,size:b="md",error:ce,helperText:oe,required:Q=!1,fullWidth:ae=!0,disabled:p=!1,value:S,defaultValue:ne,onChange:B,placeholder:ie,color:ue="primary",clearable:de=!0,searchable:d=!1,searchPlaceholder:fe,onSearchChange:k,loading:pe=!1,loadingText:he,noOptionsText:N,name:_,id:me,className:_e,style:ye},x){const ve=o.useId(),g=me??ve,P=`${g}-label`,K=`${g}-listbox`,U=`${g}-helper`,V=e=>`${g}-opt-${e}`,I=Ce.useT(),z=fe??I("common.search"),q=we.useFormContext(),L=!!(q&&_),n=L?q.field(_):void 0,be=S!==void 0?S:L?q.values[_]??[]:void 0,G=S!==void 0||L,[ke,xe]=o.useState(ne??[]),i=G?be:ke,W=ce??(n==null?void 0:n.error)??!1,$=oe??(n==null?void 0:n.helperText),A=e=>{G||xe(e),L&&q.setValue(_,e),B==null||B(e)},y=o.useRef(null),J=o.useRef(null),F=o.useRef({buffer:"",timer:0}),T=o.useRef(void 0);T.current=n?()=>n.onBlur({}):void 0;const[l,X]=o.useState(!1),[m,Y]=o.useState(""),[h,f]=o.useState(-1),ge=o.useCallback(e=>{y.current=e,typeof x=="function"?x(e):x&&(x.current=e)},[x]),a=o.useMemo(()=>{if(!d||k||!m.trim())return D;const e=m.trim().toLowerCase();return D.filter(s=>s.label.toLowerCase().includes(e))},[d,k,m,D]),v=o.useCallback((e,s)=>{let c=e;for(;c>=0&&c<a.length;){if(!a[c].disabled)return c;c+=s}return-1},[a]),Z=o.useRef(null),C=o.useCallback(e=>{var s,c;X(!1),Y(""),window.clearTimeout(F.current.timer),F.current.buffer="",(s=T.current)==null||s.call(T),e&&((c=y.current)==null||c.focus())},[]);o.useEffect(()=>{l&&(f(v(0,1)),d&&requestAnimationFrame(()=>{var e;return(e=J.current)==null?void 0:e.focus()}))},[l]),o.useEffect(()=>{var e,s;!l||h<0||(s=(e=document.getElementById(V(h)))==null?void 0:e.scrollIntoView)==null||s.call(e,{block:"nearest"})},[l,h]),o.useEffect(()=>{l&&d&&f(v(0,1))},[m]),o.useEffect(()=>{l&&f(e=>e<a.length?e:v(0,1))},[a.length]);const j=()=>{p||X(!0)},O=e=>{!e||e.disabled||A(i.includes(e.value)?i.filter(s=>s!==e.value):[...i,e.value])},ee=e=>A(i.filter(s=>s!==e)),se=e=>{f(s=>{const c=s<0?e>0?0:a.length-1:s+e,u=v(c,e);return u===-1?s:u})},Ie=e=>{const s=F.current;window.clearTimeout(s.timer),s.buffer+=e.toLowerCase(),s.timer=window.setTimeout(()=>s.buffer="",500);const c=a.findIndex(u=>!u.disabled&&u.label.toLowerCase().startsWith(s.buffer));c>=0&&f(c)},te=e=>{if(!p)switch(e.key){case"ArrowDown":e.preventDefault(),l?se(1):j();break;case"ArrowUp":e.preventDefault(),l?se(-1):j();break;case"Enter":e.preventDefault(),l?O(a[h]):j();break;case" ":l?d||(e.preventDefault(),O(a[h])):(e.preventDefault(),j());break;case"Escape":l&&(e.preventDefault(),e.stopPropagation(),C(!0));break;case"Tab":l&&C(!0);break;case"Backspace":l&&(!d||m==="")&&i.length>0&&(e.preventDefault(),ee(i[i.length-1]));break;case"Home":l&&(e.preventDefault(),f(v(0,1)));break;case"End":l&&(e.preventDefault(),f(v(a.length-1,-1)));break;default:!d&&l&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&Ie(e.key)}},je=e=>{var c,u;const s=e.relatedTarget;s&&((c=Z.current)!=null&&c.contains(s)||(u=y.current)!=null&&u.contains(s))||n==null||n.onBlur(e)},re=l&&h>=0?V(h):void 0,le=b==="sm"?16:b==="md"?14:12,H=i.length>0;return t.jsxs("div",{className:R.clsx(r.field,r[b],ae&&r.fullWidth,W&&r.error,p&&r.disabled,_e),style:ye,children:[w!=null&&t.jsxs("span",{id:P,className:r.label,onClick:()=>{var e;return!p&&((e=y.current)==null?void 0:e.focus())},children:[t.jsx(M.Typography,{as:"span",variant:"bodySmall",color:"muted",children:w}),Q&&t.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),t.jsxs("div",{ref:ge,id:g,..._?{name:_}:{},role:"combobox",tabIndex:p?-1:0,"aria-haspopup":"listbox","aria-expanded":l,"aria-controls":l?K:void 0,"aria-activedescendant":d?void 0:re,"aria-labelledby":w!=null?P:void 0,"aria-disabled":p||void 0,"aria-required":Q||void 0,"aria-invalid":W||void 0,"aria-describedby":$!=null?U:void 0,className:R.clsx(r.control,l&&r.open,H&&r.filled),onClick:()=>l?C(!1):j(),onKeyDown:te,onBlur:je,children:[H?t.jsx("span",{className:r.chips,children:i.map(e=>{const s=D.find(c=>c.value===e);return t.jsx(Ne.Chip,{size:b,color:ue,disabled:p,onDelete:()=>ee(e),deleteLabel:`Remove ${(s==null?void 0:s.label)??e}`,deleteTabIndex:-1,children:(s==null?void 0:s.label)??e},e)})}):t.jsx("span",{className:R.clsx(r.value,r.placeholder),children:t.jsx("span",{className:r.valueLabel,children:ie??I("select.placeholder")})}),de&&H&&!p&&t.jsx("button",{type:"button",className:r.clear,"aria-label":I("multiSelect.clearAll"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{var s;e.stopPropagation(),A([]),(s=y.current)==null||s.focus()},children:t.jsx(E.Icon,{name:"CloseCircle",size:"sm"})}),t.jsx(E.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:le,height:le},"aria-hidden":"true"})]}),t.jsxs(De.FloatingPanel,{ref:Z,open:l,triggerRef:y,onClose:C,matchTriggerWidth:!0,className:r.popover,children:[d&&t.jsxs("div",{className:r.search,children:[t.jsx(E.Icon,{name:"SearchNormal",size:"sm",className:r.searchIcon,"aria-hidden":"true"}),t.jsx("input",{ref:J,className:r.searchInput,type:"text",role:"combobox","aria-expanded":"true","aria-controls":K,"aria-activedescendant":re,"aria-autocomplete":"list","aria-label":z,placeholder:z,value:m,spellCheck:!1,onChange:e=>{Y(e.target.value),k==null||k(e.target.value)},onKeyDown:te})]}),t.jsx(qe.List,{role:"listbox",id:K,"aria-labelledby":w!=null?P:void 0,"aria-multiselectable":"true",size:b,className:r.listbox,onMouseLeave:()=>f(-1),children:pe?t.jsxs("div",{className:r.loading,children:[t.jsx(Te.Loader,{size:"sm"}),t.jsx(M.Typography,{as:"span",variant:"bodySmall",color:"muted",children:he??I("common.loading")})]}):a.length===0?t.jsx("div",{className:r.noOptions,children:t.jsx(M.Typography,{as:"span",variant:"bodySmall",color:"muted",children:N==null?I("select.noOptions"):typeof N=="function"?N(m):N})}):a.map((e,s)=>{const c=i.includes(e.value);return t.jsx(Le.ListItem,{id:V(s),role:"option",tabIndex:-1,"aria-selected":c,"aria-current":void 0,clickable:!0,selected:c,disabled:e.disabled,icon:e.icon,className:R.clsx(s===h&&r.active),trailing:c?t.jsx(E.Icon,{name:"TickCircle",size:"sm"}):void 0,onMouseEnter:()=>!e.disabled&&f(s),onMouseDown:u=>u.preventDefault(),onClick:()=>O(e),children:e.label},e.value)})})]}),$!=null&&t.jsx(M.Typography,{as:"span",id:U,variant:"bodySmall",color:W?"error":"muted",className:r.helper,children:$})]})});exports.MultiSelect=cs;
-//# sourceMappingURL=MultiSelect-CtLpWaBX.cjs.map
+"use strict";const t=require("react/jsx-runtime"),o=require("react"),R=require("clsx"),we=require("./formContext-bTWrqdEV.cjs"),De=require("./FloatingPanel-U6sGYiSK.cjs"),Ne=require("./Chip-CdKUtUGE.cjs"),E=require("./Icon-BVULqOJD.cjs"),qe=require("./List-ChXO0Hz-.cjs"),Le=require("./ListItem-yXXjtepZ.cjs"),Te=require("./Loader-53HFNMVX.cjs"),M=require("./Typography-BFatE1_A.cjs"),Ce=require("./ConfigProvider-C7DUWHrb.cjs"),Re="_field_16ykc_1",Ee="_fullWidth_16ykc_7",Me="_label_16ykc_12",Se="_required_16ykc_21",Be="_control_16ykc_27",Pe="_filled_16ykc_47",Ke="_open_16ykc_51",Ve="_error_16ykc_56",We="_disabled_16ykc_64",$e="_chips_16ykc_31",Ae="_value_16ykc_84",Fe="_valueLabel_16ykc_91",Oe="_placeholder_16ykc_96",He="_clear_16ykc_100",Qe="_chevron_16ykc_117",Ue="_sm_16ykc_127",ze="_md_16ykc_131",Ge="_lg_16ykc_135",Je="_helper_16ykc_140",Xe="_popover_16ykc_145",Ye="_search_16ykc_152",Ze="_searchIcon_16ykc_161",es="_searchInput_16ykc_165",ss="_listbox_16ykc_180",ts="_active_16ykc_188",rs="_noOptions_16ykc_192",ls="_loading_16ykc_198",r={field:Re,fullWidth:Ee,label:Me,required:Se,control:Be,filled:Pe,open:Ke,error:Ve,disabled:We,chips:$e,value:Ae,valueLabel:Fe,placeholder:Oe,clear:He,chevron:Qe,sm:Ue,md:ze,lg:Ge,helper:Je,popover:Xe,search:Ye,searchIcon:Ze,searchInput:es,listbox:ss,active:ts,noOptions:rs,loading:ls},cs=o.forwardRef(function({label:w,options:D,size:b="md",error:ce,helperText:oe,required:Q=!1,fullWidth:ae=!0,disabled:p=!1,value:S,defaultValue:ne,onChange:B,placeholder:ie,color:ue="primary",clearable:de=!0,searchable:d=!1,searchPlaceholder:fe,onSearchChange:k,loading:pe=!1,loadingText:he,noOptionsText:N,name:_,id:me,className:_e,style:ye},x){const ve=o.useId(),g=me??ve,P=`${g}-label`,K=`${g}-listbox`,U=`${g}-helper`,V=e=>`${g}-opt-${e}`,I=Ce.useT(),z=fe??I("common.search"),q=we.useFormContext(),L=!!(q&&_),n=L?q.field(_):void 0,be=S!==void 0?S:L?q.values[_]??[]:void 0,G=S!==void 0||L,[ke,xe]=o.useState(ne??[]),i=G?be:ke,W=ce??(n==null?void 0:n.error)??!1,$=oe??(n==null?void 0:n.helperText),A=e=>{G||xe(e),L&&q.setValue(_,e),B==null||B(e)},y=o.useRef(null),J=o.useRef(null),F=o.useRef({buffer:"",timer:0}),T=o.useRef(void 0);T.current=n?()=>n.onBlur({}):void 0;const[l,X]=o.useState(!1),[m,Y]=o.useState(""),[h,f]=o.useState(-1),ge=o.useCallback(e=>{y.current=e,typeof x=="function"?x(e):x&&(x.current=e)},[x]),a=o.useMemo(()=>{if(!d||k||!m.trim())return D;const e=m.trim().toLowerCase();return D.filter(s=>s.label.toLowerCase().includes(e))},[d,k,m,D]),v=o.useCallback((e,s)=>{let c=e;for(;c>=0&&c<a.length;){if(!a[c].disabled)return c;c+=s}return-1},[a]),Z=o.useRef(null),C=o.useCallback(e=>{var s,c;X(!1),Y(""),window.clearTimeout(F.current.timer),F.current.buffer="",(s=T.current)==null||s.call(T),e&&((c=y.current)==null||c.focus())},[]);o.useEffect(()=>{l&&(f(v(0,1)),d&&requestAnimationFrame(()=>{var e;return(e=J.current)==null?void 0:e.focus()}))},[l]),o.useEffect(()=>{var e,s;!l||h<0||(s=(e=document.getElementById(V(h)))==null?void 0:e.scrollIntoView)==null||s.call(e,{block:"nearest"})},[l,h]),o.useEffect(()=>{l&&d&&f(v(0,1))},[m]),o.useEffect(()=>{l&&f(e=>e<a.length?e:v(0,1))},[a.length]);const j=()=>{p||X(!0)},O=e=>{!e||e.disabled||A(i.includes(e.value)?i.filter(s=>s!==e.value):[...i,e.value])},ee=e=>A(i.filter(s=>s!==e)),se=e=>{f(s=>{const c=s<0?e>0?0:a.length-1:s+e,u=v(c,e);return u===-1?s:u})},Ie=e=>{const s=F.current;window.clearTimeout(s.timer),s.buffer+=e.toLowerCase(),s.timer=window.setTimeout(()=>s.buffer="",500);const c=a.findIndex(u=>!u.disabled&&u.label.toLowerCase().startsWith(s.buffer));c>=0&&f(c)},te=e=>{if(!p)switch(e.key){case"ArrowDown":e.preventDefault(),l?se(1):j();break;case"ArrowUp":e.preventDefault(),l?se(-1):j();break;case"Enter":e.preventDefault(),l?O(a[h]):j();break;case" ":l?d||(e.preventDefault(),O(a[h])):(e.preventDefault(),j());break;case"Escape":l&&(e.preventDefault(),e.stopPropagation(),C(!0));break;case"Tab":l&&C(!0);break;case"Backspace":l&&(!d||m==="")&&i.length>0&&(e.preventDefault(),ee(i[i.length-1]));break;case"Home":l&&(e.preventDefault(),f(v(0,1)));break;case"End":l&&(e.preventDefault(),f(v(a.length-1,-1)));break;default:!d&&l&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&Ie(e.key)}},je=e=>{var c,u;const s=e.relatedTarget;s&&((c=Z.current)!=null&&c.contains(s)||(u=y.current)!=null&&u.contains(s))||n==null||n.onBlur(e)},re=l&&h>=0?V(h):void 0,le=b==="sm"?16:b==="md"?14:12,H=i.length>0;return t.jsxs("div",{className:R.clsx(r.field,r[b],ae&&r.fullWidth,W&&r.error,p&&r.disabled,_e),style:ye,children:[w!=null&&t.jsxs("span",{id:P,className:r.label,onClick:()=>{var e;return!p&&((e=y.current)==null?void 0:e.focus())},children:[t.jsx(M.Typography,{as:"span",variant:"bodySmall",color:"muted",children:w}),Q&&t.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),t.jsxs("div",{ref:ge,id:g,..._?{name:_}:{},role:"combobox",tabIndex:p?-1:0,"aria-haspopup":"listbox","aria-expanded":l,"aria-controls":l?K:void 0,"aria-activedescendant":d?void 0:re,"aria-labelledby":w!=null?P:void 0,"aria-disabled":p||void 0,"aria-required":Q||void 0,"aria-invalid":W||void 0,"aria-describedby":$!=null?U:void 0,className:R.clsx(r.control,l&&r.open,H&&r.filled),onClick:()=>l?C(!1):j(),onKeyDown:te,onBlur:je,children:[H?t.jsx("span",{className:r.chips,children:i.map(e=>{const s=D.find(c=>c.value===e);return t.jsx(Ne.Chip,{size:b,color:ue,disabled:p,onDelete:()=>ee(e),deleteLabel:`Remove ${(s==null?void 0:s.label)??e}`,deleteTabIndex:-1,children:(s==null?void 0:s.label)??e},e)})}):t.jsx("span",{className:R.clsx(r.value,r.placeholder),children:t.jsx("span",{className:r.valueLabel,children:ie??I("select.placeholder")})}),de&&H&&!p&&t.jsx("button",{type:"button",className:r.clear,"aria-label":I("multiSelect.clearAll"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{var s;e.stopPropagation(),A([]),(s=y.current)==null||s.focus()},children:t.jsx(E.Icon,{name:"CloseCircle",size:"sm"})}),t.jsx(E.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:le,height:le},"aria-hidden":"true"})]}),t.jsxs(De.FloatingPanel,{ref:Z,open:l,triggerRef:y,onClose:C,matchTriggerWidth:!0,className:r.popover,children:[d&&t.jsxs("div",{className:r.search,children:[t.jsx(E.Icon,{name:"SearchNormal",size:"sm",className:r.searchIcon,"aria-hidden":"true"}),t.jsx("input",{ref:J,className:r.searchInput,type:"text",role:"combobox","aria-expanded":"true","aria-controls":K,"aria-activedescendant":re,"aria-autocomplete":"list","aria-label":z,placeholder:z,value:m,spellCheck:!1,onChange:e=>{Y(e.target.value),k==null||k(e.target.value)},onKeyDown:te})]}),t.jsx(qe.List,{role:"listbox",id:K,"aria-labelledby":w!=null?P:void 0,"aria-multiselectable":"true",size:b,className:r.listbox,onMouseLeave:()=>f(-1),children:pe?t.jsxs("div",{className:r.loading,children:[t.jsx(Te.Loader,{size:"sm"}),t.jsx(M.Typography,{as:"span",variant:"bodySmall",color:"muted",children:he??I("common.loading")})]}):a.length===0?t.jsx("div",{className:r.noOptions,children:t.jsx(M.Typography,{as:"span",variant:"bodySmall",color:"muted",children:N==null?I("select.noOptions"):typeof N=="function"?N(m):N})}):a.map((e,s)=>{const c=i.includes(e.value);return t.jsx(Le.ListItem,{id:V(s),role:"option",tabIndex:-1,"aria-selected":c,"aria-current":void 0,clickable:!0,selected:c,disabled:e.disabled,icon:e.icon,className:R.clsx(s===h&&r.active),trailing:c?t.jsx(E.Icon,{name:"TickCircle",size:"sm"}):void 0,onMouseEnter:()=>!e.disabled&&f(s),onMouseDown:u=>u.preventDefault(),onClick:()=>O(e),children:e.label},e.value)})})]}),$!=null&&t.jsx(M.Typography,{as:"span",id:U,variant:"bodySmall",color:W?"error":"muted",className:r.helper,children:$})]})});exports.MultiSelect=cs;
+//# sourceMappingURL=MultiSelect-DS2DRpaP.cjs.map

package/dist/{MultiSelect-CtLpWaBX.cjs.map → MultiSelect-DS2DRpaP.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-CtLpWaBX.cjs","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  // when `onSearchChange` is set the consumer owns `options` (server-side search) — skip local filter\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the first enabled option, focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    setHighlightedIndex(findEnabled(0, 1))\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // search filter → re-anchor to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // keep the highlight in range if the option count changes while open\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const toggleOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(\n      selectedValues.includes(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value],\n    )\n    // multi-select stays open\n  }\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else toggleOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); toggles only when open & not searchable\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          toggleOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Backspace':\n        // remove the last chip when the (search) input is empty or there's no search box\n        if (open && (!searchable || searchQuery === '') && selectedValues.length > 0) {\n          event.preventDefault()\n          removeValue(selectedValues[selectedValues.length - 1])\n        }\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={`Remove ${opt?.label ?? v}`}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          aria-multiselectable=\"true\"\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = selectedValues.includes(opt.value)\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={isSelected ? <Icon name=\"TickCircle\" size=\"sm\" /> : undefined}\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  // keep focus on the search input (menu stays open on toggle) so typing keeps working\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => toggleOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","o","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","openMenu","toggleOption","opt","v","removeValue","x","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","activeId","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","Chip","Icon","FloatingPanel","List","Loader","isSelected","ListItem","e"],"mappings":"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"}
+{"version":3,"file":"MultiSelect-DS2DRpaP.cjs","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  // when `onSearchChange` is set the consumer owns `options` (server-side search) — skip local filter\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the first enabled option, focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    setHighlightedIndex(findEnabled(0, 1))\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // search filter → re-anchor to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // keep the highlight in range if the option count changes while open\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const toggleOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(\n      selectedValues.includes(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value],\n    )\n    // multi-select stays open\n  }\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else toggleOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); toggles only when open & not searchable\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          toggleOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Backspace':\n        // remove the last chip when the (search) input is empty or there's no search box\n        if (open && (!searchable || searchQuery === '') && selectedValues.length > 0) {\n          event.preventDefault()\n          removeValue(selectedValues[selectedValues.length - 1])\n        }\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={`Remove ${opt?.label ?? v}`}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          aria-multiselectable=\"true\"\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = selectedValues.includes(opt.value)\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={isSelected ? <Icon name=\"TickCircle\" size=\"sm\" /> : undefined}\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  // keep focus on the search input (menu stays open on toggle) so typing keeps working\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => toggleOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","o","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","openMenu","toggleOption","opt","v","removeValue","x","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","activeId","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","Chip","Icon","FloatingPanel","List","Loader","isSelected","ListItem","e"],"mappings":"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"}

package/dist/{NumberField-C6qj3nCa.cjs → NumberField-DC3TdGTt.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),d=require("react"),J=require("clsx"),he=require("./formContext-bTWrqdEV.cjs"),K=require("./Icon-CXTl_QAP.cjs"),O=require("./IconButton-DyRC514t.cjs"),Q=require("./Typography-BFatE1_A.cjs"),r=require("./TextField.module-m-UllwzG.cjs"),xe=require("./ConfigProvider-h1WoGC3R.cjs"),X=/^-?\d*\.?\d*$/;function E(t){if(t===""||t==="-"||t==="."||t==="-.")return null;const l=Number(t);return Number.isNaN(l)?null:l}function Y(t,l,n){return l!=null&&t<l?l:n!=null&&t>n?n:t}function ge(t){return Math.round(t*1e6)/1e6}function Z(t,l){const[n,o]=String(t).split("."),c=n.startsWith("-")?"-":"",g=(c?n.slice(1):n).replace(/\B(?=(\d{3})+(?!\d))/g,l);return o!=null?`${c}${g}.${o}`:`${c}${g}`}function ve(t,l){let n=0;for(const o of t)o!==l&&n++;return n}function Ne(t,l,n){if(n<=0)return 0;let o=0;for(let c=0;c<t.length;c++)if(t[c]!==l&&(o+=1,o===n))return c+1;return t.length}const Se=d.forwardRef(function({label:l,size:n="md",error:o,helperText:c,required:$=!1,fullWidth:g=!0,value:D,defaultValue:w=null,onChange:I,min:m=0,max:v,step:ee=1,hideStepper:V=!1,thousandSeparator:p,name:y,onBlur:R,disabled:N=!1,id:te,className:le,style:ne,...se},h){const k=xe.useT(),re=d.useId(),q=te??re,A=`${q}-helper`,x=he.useFormContext(),P=!!(x&&y),u=x&&y?x.field(y):void 0,W=D!==void 0?D:P?x.values[y]??null:void 0,_=W!==void 0,[ie,ce]=d.useState(w),i=_?W:ie,H=e=>e==null?"":p!=null?Z(e,p):String(e),oe=e=>E(p!=null?e.split(p).join(""):e),[L,F]=d.useState(()=>H(i));d.useEffect(()=>{oe(L)!==i&&F(H(i))},[i]);const U=d.useRef(null),B=d.useRef(null),ue=d.useCallback(e=>{U.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]);d.useLayoutEffect(()=>{var a;const e=B.current;e!=null&&(B.current=null,(a=U.current)==null||a.setSelectionRange(e,e))});const T=o??(u==null?void 0:u.error)??!1,M=c??(u==null?void 0:u.helperText),S=e=>{_||ce(e),P&&x.setValue(y,e),I==null||I(e)},ae=e=>{const a=e.target,f=a.value;if(p==null){if(f!==""&&!X.test(f))return;F(f),S(E(f));return}const j=p,b=f.split(j).join("");if(b!==""&&!X.test(b))return;const ye=a.selectionStart??f.length,me=ve(f.slice(0,ye),j),C=E(b),G=C==null?b:Z(C,j);F(G),S(C),B.current=Ne(G,j,me)},de=e=>{if(i!=null){const a=Y(i,m,v);a!==i&&S(a)}u==null||u.onBlur(e),R==null||R(e)},z=e=>{S(Y(ge((i??m??0)+e*ee),m,v))},fe=v!=null&&i!=null&&i>=v,pe=m!=null&&i!=null&&i<=m;return s.jsxs("div",{className:J.clsx(r.fieldStyles.field,r.fieldStyles[n],g&&r.fieldStyles.fullWidth,T&&r.fieldStyles.error,N&&r.fieldStyles.disabled,le),style:ne,children:[l!=null&&s.jsxs("label",{htmlFor:q,className:r.fieldStyles.label,children:[s.jsx(Q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:l}),$&&s.jsx("span",{className:r.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{className:J.clsx(r.fieldStyles.control,!V&&r.fieldStyles.hasRightAdornment),children:[s.jsx("input",{ref:ue,id:q,name:y,type:"text",inputMode:"decimal",className:r.fieldStyles.input,value:L,onChange:ae,onBlur:de,disabled:N,"aria-invalid":T||void 0,"aria-describedby":M!=null?A:void 0,...se}),!V&&s.jsxs(s.Fragment,{children:[s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,style:{marginRight:-2},disabled:N||pe,"aria-label":k("numberField.decrease"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(-1),children:s.jsx(K.Icon,{name:"Minus"})}),s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,disabled:N||fe,"aria-label":k("numberField.increase"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(1),children:s.jsx(K.Icon,{name:"Add"})})]})]}),M!=null&&s.jsx(Q.Typography,{as:"span",id:A,variant:"bodySmall",color:T?"error":"muted",className:r.fieldStyles.helper,children:M})]})});exports.NumberField=Se;
-//# sourceMappingURL=NumberField-C6qj3nCa.cjs.map
+"use strict";const s=require("react/jsx-runtime"),d=require("react"),J=require("clsx"),he=require("./formContext-bTWrqdEV.cjs"),K=require("./Icon-BVULqOJD.cjs"),O=require("./IconButton-Lv0sDDR9.cjs"),Q=require("./Typography-BFatE1_A.cjs"),r=require("./TextField.module-m-UllwzG.cjs"),xe=require("./ConfigProvider-C7DUWHrb.cjs"),X=/^-?\d*\.?\d*$/;function E(t){if(t===""||t==="-"||t==="."||t==="-.")return null;const l=Number(t);return Number.isNaN(l)?null:l}function Y(t,l,n){return l!=null&&t<l?l:n!=null&&t>n?n:t}function ge(t){return Math.round(t*1e6)/1e6}function Z(t,l){const[n,o]=String(t).split("."),c=n.startsWith("-")?"-":"",g=(c?n.slice(1):n).replace(/\B(?=(\d{3})+(?!\d))/g,l);return o!=null?`${c}${g}.${o}`:`${c}${g}`}function ve(t,l){let n=0;for(const o of t)o!==l&&n++;return n}function Ne(t,l,n){if(n<=0)return 0;let o=0;for(let c=0;c<t.length;c++)if(t[c]!==l&&(o+=1,o===n))return c+1;return t.length}const Se=d.forwardRef(function({label:l,size:n="md",error:o,helperText:c,required:$=!1,fullWidth:g=!0,value:D,defaultValue:w=null,onChange:I,min:m=0,max:v,step:ee=1,hideStepper:V=!1,thousandSeparator:p,name:y,onBlur:R,disabled:N=!1,id:te,className:le,style:ne,...se},h){const k=xe.useT(),re=d.useId(),q=te??re,A=`${q}-helper`,x=he.useFormContext(),P=!!(x&&y),u=x&&y?x.field(y):void 0,W=D!==void 0?D:P?x.values[y]??null:void 0,_=W!==void 0,[ie,ce]=d.useState(w),i=_?W:ie,H=e=>e==null?"":p!=null?Z(e,p):String(e),oe=e=>E(p!=null?e.split(p).join(""):e),[L,F]=d.useState(()=>H(i));d.useEffect(()=>{oe(L)!==i&&F(H(i))},[i]);const U=d.useRef(null),B=d.useRef(null),ue=d.useCallback(e=>{U.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]);d.useLayoutEffect(()=>{var a;const e=B.current;e!=null&&(B.current=null,(a=U.current)==null||a.setSelectionRange(e,e))});const T=o??(u==null?void 0:u.error)??!1,M=c??(u==null?void 0:u.helperText),S=e=>{_||ce(e),P&&x.setValue(y,e),I==null||I(e)},ae=e=>{const a=e.target,f=a.value;if(p==null){if(f!==""&&!X.test(f))return;F(f),S(E(f));return}const j=p,b=f.split(j).join("");if(b!==""&&!X.test(b))return;const ye=a.selectionStart??f.length,me=ve(f.slice(0,ye),j),C=E(b),G=C==null?b:Z(C,j);F(G),S(C),B.current=Ne(G,j,me)},de=e=>{if(i!=null){const a=Y(i,m,v);a!==i&&S(a)}u==null||u.onBlur(e),R==null||R(e)},z=e=>{S(Y(ge((i??m??0)+e*ee),m,v))},fe=v!=null&&i!=null&&i>=v,pe=m!=null&&i!=null&&i<=m;return s.jsxs("div",{className:J.clsx(r.fieldStyles.field,r.fieldStyles[n],g&&r.fieldStyles.fullWidth,T&&r.fieldStyles.error,N&&r.fieldStyles.disabled,le),style:ne,children:[l!=null&&s.jsxs("label",{htmlFor:q,className:r.fieldStyles.label,children:[s.jsx(Q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:l}),$&&s.jsx("span",{className:r.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{className:J.clsx(r.fieldStyles.control,!V&&r.fieldStyles.hasRightAdornment),children:[s.jsx("input",{ref:ue,id:q,name:y,type:"text",inputMode:"decimal",className:r.fieldStyles.input,value:L,onChange:ae,onBlur:de,disabled:N,"aria-invalid":T||void 0,"aria-describedby":M!=null?A:void 0,...se}),!V&&s.jsxs(s.Fragment,{children:[s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,style:{marginRight:-2},disabled:N||pe,"aria-label":k("numberField.decrease"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(-1),children:s.jsx(K.Icon,{name:"Minus"})}),s.jsx(O.IconButton,{variant:"filled",color:"primary",className:r.fieldStyles.iconButton,disabled:N||fe,"aria-label":k("numberField.increase"),onMouseDown:e=>e.preventDefault(),onClick:()=>z(1),children:s.jsx(K.Icon,{name:"Add"})})]})]}),M!=null&&s.jsx(Q.Typography,{as:"span",id:A,variant:"bodySmall",color:T?"error":"muted",className:r.fieldStyles.helper,children:M})]})});exports.NumberField=Se;
+//# sourceMappingURL=NumberField-DC3TdGTt.cjs.map

package/dist/{NumberField-C6qj3nCa.cjs.map → NumberField-DC3TdGTt.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberField-C6qj3nCa.cjs","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","n","clampValue","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}
+{"version":3,"file":"NumberField-DC3TdGTt.cjs","sources":["../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\n// shared field chrome (label/control/helper) AND the `.control .iconButton` styling for the steppers\nimport fieldStyles from '../TextField/TextField.module.css'\n\nexport type NumberFieldSize = 'sm' | 'md' | 'lg'\n\n/** Allowed while typing — digits, an optional leading `-`, and one decimal point. */\nconst NUMERIC_RE = /^-?\\d*\\.?\\d*$/\n\n/** Parses the display string to a number, treating empty / in-progress input (`\"\"`, `\"-\"`, `\".\"`) as null. */\nfunction parseValue(raw: string): number | null {\n  if (raw === '' || raw === '-' || raw === '.' || raw === '-.') return null\n  const n = Number(raw)\n  return Number.isNaN(n) ? null : n\n}\n\nfunction clampValue(n: number, min?: number, max?: number): number {\n  if (min != null && n < min) return min\n  if (max != null && n > max) return max\n  return n\n}\n\n/** Kills binary float drift from repeated stepping (e.g. 0.1 + 0.2). */\nfunction roundStep(n: number): number {\n  return Math.round(n * 1e6) / 1e6\n}\n\n/** Groups the integer part with `separator` for display (e.g. 32345345 → \"32.345.345\"). */\nfunction groupThousands(value: number, separator: string): string {\n  const [intPart, decPart] = String(value).split('.')\n  const sign = intPart.startsWith('-') ? '-' : ''\n  const digits = sign ? intPart.slice(1) : intPart\n  const grouped = digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n  return decPart != null ? `${sign}${grouped}.${decPart}` : `${sign}${grouped}`\n}\n\n/** Counts the \"significant\" (non-separator) chars — used to keep the caret stable across regrouping. */\nfunction countExcept(s: string, sep: string): number {\n  let n = 0\n  for (const c of s) if (c !== sep) n++\n  return n\n}\n\n/** Index just after the `n`-th non-separator char in `str` (where the caret should land after regrouping). */\nfunction positionAfterExcept(str: string, sep: string, n: number): number {\n  if (n <= 0) return 0\n  let count = 0\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] !== sep) {\n      count += 1\n      if (count === n) return i + 1\n    }\n  }\n  return str.length\n}\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'prefix'\n> {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — drives the control height, font size and padding. */\n  size?: NumberFieldSize\n  /** Marks the field invalid: red border/focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Controlled numeric value (`null` = empty). */\n  value?: number | null\n  /** Initial value for uncontrolled use (`null` = empty). Defaults to `null`. */\n  defaultValue?: number | null\n  /** Fires with the parsed numeric value (or `null` when the field is empty). */\n  onChange?: (value: number | null) => void\n  /** Minimum value — clamps on blur and on the stepper, and disables `−` at the floor. Defaults to `0`; pass a negative `min` to allow negatives. */\n  min?: number\n  /** Maximum value — clamps on blur and on the stepper, and disables `+` at the ceiling. */\n  max?: number\n  /** Amount the `+`/`−` buttons add or subtract. Defaults to `1`. */\n  step?: number\n  /** Hides the `+`/`−` stepper buttons (keyboard entry only). */\n  hideStepper?: boolean\n  /**\n   * Thousands-group separator shown **live** as you type, e.g. `\".\"` displays `32345345` as\n   * `32.345.345` (or `\",\"`). The caret is preserved across regrouping; the `value`/`onChange`/form\n   * value stay a plain `number`. Best for integers — with `\".\"` decimals aren't supported (the dot is\n   * the group separator).\n   */\n  thousandSeparator?: string\n}\n\n/**\n * A numeric input with `+`/`−` stepper buttons. Supports `min`/`max` clamping, a `step` amount,\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`) use, optional live thousands\n * grouping, and — like `TextField` — binds to a surrounding `<Form>` by `name` (its form value is a\n * real `number`, validated by the Zod schema). `onChange` emits a `number` or `null` (empty). Shares\n * `TextField`'s field chrome, so label, sizing, error and focus styling are identical.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(function NumberField(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    value,\n    defaultValue = null,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    hideStepper = false,\n    thousandSeparator,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name`. The form stores a real number; we use field() for\n  // touched/error/helper and read/write the numeric value through values/setValue.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: number | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as number | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<number | null>(defaultValue)\n  const numValue: number | null = isControlled ? externalValue! : internal\n\n  // number <-> display string, applying live thousands grouping when `thousandSeparator` is set.\n  const toDisplay = (v: number | null): string =>\n    v == null ? '' : thousandSeparator != null ? groupThousands(v, thousandSeparator) : String(v)\n  const fromDisplay = (raw: string): number | null =>\n    parseValue(thousandSeparator != null ? raw.split(thousandSeparator).join('') : raw)\n\n  // The display string mirrors `numValue` but tolerates in-progress input (\"-\", \"1.\" …).\n  const [text, setText] = useState<string>(() => toDisplay(numValue))\n  useEffect(() => {\n    if (fromDisplay(text) !== numValue) setText(toDisplay(numValue))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numValue]) // re-sync only when the value changes from the outside (stepper, form, reset)\n\n  // Caret restoration after regrouping (the formatted string length changes as separators move).\n  const innerRef = useRef<HTMLInputElement>(null)\n  const pendingCaret = useRef<number | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: number | null) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    const raw = el.value\n\n    if (thousandSeparator == null) {\n      if (raw !== '' && !NUMERIC_RE.test(raw)) return // reject non-numeric keystrokes\n      setText(raw)\n      commit(parseValue(raw))\n      return\n    }\n\n    // Live grouping: strip separators, validate, regroup, and remember where the caret should land.\n    const sep = thousandSeparator\n    const cleaned = raw.split(sep).join('')\n    if (cleaned !== '' && !NUMERIC_RE.test(cleaned)) return\n    const caret = el.selectionStart ?? raw.length\n    const significantBefore = countExcept(raw.slice(0, caret), sep)\n    const next = parseValue(cleaned)\n    const formatted = next == null ? cleaned : groupThousands(next, sep)\n    setText(formatted)\n    commit(next)\n    pendingCaret.current = positionAfterExcept(formatted, sep, significantBefore)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    if (numValue != null) {\n      const clamped = clampValue(numValue, min, max)\n      if (clamped !== numValue) commit(clamped)\n    }\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const stepBy = (direction: 1 | -1) => {\n    const base = numValue ?? min ?? 0\n    commit(clampValue(roundStep(base + direction * step), min, max))\n  }\n\n  const atMax = max != null && numValue != null && numValue >= max\n  const atMin = min != null && numValue != null && numValue <= min\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={clsx(fieldStyles.control, !hideStepper && fieldStyles.hasRightAdornment)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          className={fieldStyles.input}\n          value={text}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          {...props}\n        />\n        {!hideStepper && (\n          <>\n            {/* Filled icon buttons, sized via the shared `.control .iconButton` rule (flush square,\n                stretched to the control height, scaled). The minus glyph is nudged for optical centering. */}\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              style={{ marginRight: -2 }}\n              disabled={disabled || atMin}\n              aria-label={t('numberField.decrease')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(-1)}\n            >\n              <Icon name=\"Minus\" />\n            </IconButton>\n            <IconButton\n              variant=\"filled\"\n              color=\"primary\"\n              className={fieldStyles.iconButton}\n              disabled={disabled || atMax}\n              aria-label={t('numberField.increase')}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => stepBy(1)}\n            >\n              <Icon name=\"Add\" />\n            </IconButton>\n          </>\n        )}\n      </div>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["NUMERIC_RE","parseValue","raw","n","clampValue","min","max","roundStep","groupThousands","value","separator","intPart","decPart","sign","grouped","countExcept","s","sep","c","positionAfterExcept","str","count","i","NumberField","forwardRef","label","size","error","helperText","required","fullWidth","defaultValue","onChange","step","hideStepper","thousandSeparator","name","onBlur","disabled","idProp","className","style","props","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","numValue","toDisplay","v","fromDisplay","text","setText","useEffect","innerRef","useRef","pendingCaret","setInputRef","useCallback","node","useLayoutEffect","pos","_a","resolvedError","resolvedHelperText","commit","next","handleChange","event","el","cleaned","caret","significantBefore","formatted","handleBlur","clamped","stepBy","direction","atMax","atMin","jsxs","clsx","fieldStyles","jsx","Typography","Fragment","IconButton","Icon"],"mappings":"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"}

package/dist/{NumberField-Cz03nksO.js → NumberField-mFb9pKCx.js}

@@ -2,11 +2,11 @@ import { jsxs as x, jsx as a, Fragment as Ne } from "react/jsx-runtime";
 import { forwardRef as ye, useId as be, useState as J, useEffect as Ie, useRef as K, useCallback as Re, useLayoutEffect as xe } from "react";
 import { clsx as O } from "clsx";
 import { u as Fe } from "./formContext-B7ln1Miy.js";
-import { I as Q } from "./Icon-CophpkHo.js";
-import { I as X } from "./IconButton-DpTxmj3d.js";
+import { I as Q } from "./Icon-DaTvzLBu.js";
+import { I as X } from "./IconButton-DXMmtuLA.js";
 import { T as Y } from "./Typography-Cta6Rg4L.js";
 import { f as r } from "./TextField.module-QePvGeJ3.js";
-import { a as Me } from "./ConfigProvider-DDuIJSM7.js";
+import { a as Me } from "./ConfigProvider-DT0yrgmd.js";
 const Z = /^-?\d*\.?\d*$/;
 function V(t) {
   if (t === "" || t === "-" || t === "." || t === "-.") return null;
@@ -180,4 +180,4 @@ const We = ye(function({
 export {
   We as N
 };
-//# sourceMappingURL=NumberField-Cz03nksO.js.map
+//# sourceMappingURL=NumberField-mFb9pKCx.js.map