@servicetitan/anvil2 1.50.1 → 1.50.2

package/dist/MultiSelectFieldSync-B3HNQf7R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectFieldSync-B3HNQf7R.js","sources":["../src/beta/components/MultiSelectField/internal/MultiSelectFieldList.tsx","../src/beta/components/MultiSelectField/internal/MultiSelectFieldInput.tsx","../src/beta/components/MultiSelectField/internal/useComboMultiple.tsx","../src/beta/components/MultiSelectField/MultiSelectField.tsx","../src/beta/components/MultiSelectField/MultiSelectFieldSync.tsx"],"sourcesContent":["import {\n  MultiSelectFieldDownshiftItem,\n  MultiSelectFieldOption,\n} from \"../types\";\nimport { CheckState } from \"../../../../types\";\nimport { UseComboboxPropGetters } from \"downshift\";\nimport Spinner from \"../../../../components/Spinner\";\nimport Button from \"../../../../components/Button\";\nimport styles from \"../../SelectField/internal/SelectFieldList.module.scss\";\nimport cx from \"classnames\";\nimport { CSSProperties, useMemo } from \"react\";\nimport { SelectFieldListItem } from \"../../SelectField/internal/SelectFieldListItem\";\nimport { InView } from \"../../SelectField/internal/InView\";\nimport { Text } from \"../../../../components/Text\";\nimport { SrOnly } from \"../../../../components\";\n\ntype GetMenuProps =\n  UseComboboxPropGetters<MultiSelectFieldDownshiftItem>[\"getMenuProps\"];\ntype GetItemProps =\n  UseComboboxPropGetters<MultiSelectFieldDownshiftItem>[\"getItemProps\"];\n\nexport type MultiSelectFieldListProps = {\n  isOpen: boolean;\n  items: MultiSelectFieldDownshiftItem[];\n  getMenuProps: GetMenuProps;\n  getItemProps: GetItemProps;\n  highlightedIndex: number;\n  selectedOptions: MultiSelectFieldOption[];\n  hasMore: boolean;\n  onLoadMore: () => void;\n  loading: boolean;\n  loadingMore: boolean;\n  disableAutoLoadMore?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const MultiSelectFieldList = ({\n  isOpen,\n  items,\n  getMenuProps,\n  getItemProps,\n  highlightedIndex,\n  selectedOptions,\n  hasMore,\n  onLoadMore,\n  loading,\n  loadingMore,\n  disableAutoLoadMore,\n  disabled,\n  className,\n  style,\n}: MultiSelectFieldListProps) => {\n  const handleLoaderVisibilityChange = (visible: boolean) => {\n    if (visible && !disableAutoLoadMore) {\n      onLoadMore();\n    }\n  };\n\n  // Create a Set of selected option IDs for efficient lookup\n  const selectedIds = useMemo(\n    () => new Set(selectedOptions.map((opt) => opt.id)),\n    [selectedOptions],\n  );\n\n  // Determine the checked state for each item\n  const getCheckedState = (item: MultiSelectFieldDownshiftItem): CheckState => {\n    if (item.type === \"select-all\") {\n      return item.checkState ?? \"indeterminate\";\n    }\n    return selectedIds.has(item.id) ? \"checked\" : \"unchecked\";\n  };\n\n  return (\n    <div\n      {...getMenuProps({\n        className: cx(styles[\"scroller\"], className),\n        style,\n      })}\n    >\n      <ul className={cx(styles[\"select-field-list\"])}>\n        {isOpen && (\n          <>\n            {loading ? (\n              <div className={styles[\"empty\"]}>\n                <Spinner size=\"medium\" />\n              </div>\n            ) : items.length > 0 ? (\n              items.map((item, index) => (\n                <SelectFieldListItem\n                  key={item.id}\n                  item={item}\n                  index={index}\n                  getItemProps={getItemProps}\n                  selectionType=\"multiple\"\n                  checked={getCheckedState(item)}\n                  highlighted={highlightedIndex === index}\n                  disabled={(disabled || item.disabled) ?? false}\n                />\n              ))\n            ) : (\n              <div className={styles[\"empty\"]}>\n                <Text subdued size=\"small\">\n                  No match found\n                </Text>\n              </div>\n            )}\n          </>\n        )}\n      </ul>\n      {loadingMore ? (\n        <div className={styles[\"load-more\"]}>\n          <Spinner size=\"small\" />\n          <SrOnly>Loading more...</SrOnly>\n        </div>\n      ) : hasMore && !loading ? (\n        <InView\n          onVisibilityChange={handleLoaderVisibilityChange}\n          rootMargin=\"0px 0px -100px 0px\"\n        >\n          <div className={styles[\"load-more\"]}>\n            <Button appearance=\"secondary\" size=\"small\" onClick={onLoadMore}>\n              Load more\n            </Button>\n          </div>\n        </InView>\n      ) : null}\n    </div>\n  );\n};\n\nMultiSelectFieldList.displayName = \"MultiSelectFieldList\";\n","import styles from \"./MultiSelectFieldInput.module.scss\";\nimport cx from \"classnames\";\nimport { PassThroughProps, Size } from \"../../../../types\";\nimport { Button } from \"../../../../components/Button\";\nimport { Chip } from \"../../../../components/Chip\";\nimport { Flex } from \"../../../../components/Flex\";\nimport { mergeRefs } from \"../../../../hooks/useMergeRefs/useMergeRefs\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport {\n  ReactElement,\n  RefObject,\n  useState,\n  useLayoutEffect,\n  useRef,\n  KeyboardEvent,\n  MouseEvent,\n} from \"react\";\nimport { MultiSelectFieldOption } from \"../types\";\n\n/**\n * Props for the MultiSelectFieldInput component\n * @property {string} [placeholder] - Placeholder text displayed when input is empty\n * @property {Extract<Size, \"small\" | \"medium\" | \"large\">} [size] - Size variant of the input\n * @property {boolean} [disableClearButton] - Hides the clear button when true\n * @property {boolean} [disableToggleButton] - Hides the toggle button when true\n * @property {boolean} [disabled] - Disables the input entirely\n * @property {boolean} [readOnly] - Cannot be modified but remains interactive\n * @property {boolean} [error] - Shows error styling on the input when true\n * @property {() => void} [onClear] - Callback fired when the clear button is clicked\n * @property {string} [id] - HTML id attribute for the input element\n * @property {string} [popoverTarget] - Target identifier for popover association\n * @property {RefObject<HTMLDivElement>} [inputWrapperRef] - Ref for the input wrapper div element\n * @property {PassThroughProps<\"div\">} [htmlInputWrapperProps] - Additional props passed to the wrapper div\n * @property {PassThroughProps<\"input\">} [inputProps] - Additional props passed to the input element\n * @property {PassThroughProps<\"button\">} [toggleButtonProps] - Additional props passed to the toggle button\n * @property {string | ReactElement} [prefix] - Content to display before the input\n * @property {string | ReactElement} [suffix] - Content to display after the input\n * @property {MultiSelectFieldOption[]} [selectedOptions] - Array of selected options to display as chips\n * @property {(option: MultiSelectFieldOption) => void} [onRemoveOption] - Callback when a chip is removed\n * @property {boolean} [singleRow] - When true, restricts the field to a single row height\n * @property {number} [maxChips] - Maximum number of chips to display before showing +N indicator (default: 10)\n */\nexport type MultiSelectFieldInputProps = {\n  placeholder?: string;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  disableClearButton?: boolean;\n  disableToggleButton?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  onClear?: () => void;\n  id?: string;\n  popoverTarget?: string;\n  inputWrapperRef?: RefObject<HTMLDivElement>;\n  htmlInputWrapperProps?: PassThroughProps<\"div\">;\n  inputProps?: PassThroughProps<\"input\">;\n  toggleButtonProps?: PassThroughProps<\"button\">;\n  prefix?: string | ReactElement;\n  suffix?: string | ReactElement;\n  selectedOptions?: MultiSelectFieldOption[];\n  onRemoveOption?: (option: MultiSelectFieldOption) => void;\n  singleRow?: boolean;\n  maxChips?: number;\n  onWrapperClick?: (e: MouseEvent<HTMLDivElement>) => void;\n};\n\n// Helper to check if content spans multiple rows\nconst hasMultipleRows = (container: HTMLElement) => {\n  const children = Array.from(container.children);\n  if (children.length <= 1) return false;\n  const firstTop = children[0].getBoundingClientRect().top;\n  return children.some(\n    (child) => child.getBoundingClientRect().top !== firstTop,\n  );\n};\n\n/**\n * Internal input component for the MultiSelectField that provides the text input,\n * chip display for selected options, and action buttons.\n *\n * Features:\n * - Text input for filtering options\n * - Chip display for selected options with remove functionality\n * - Optional clear button for removing all selections\n * - Optional toggle button for opening/closing the dropdown menu\n * - Supports multiple size variants (small, medium, large)\n * - Fully accessible with proper ARIA labels on buttons\n * - Supports pass-through props for customization of internal elements\n * - Optional prefix and suffix content\n * - Error state styling\n * - Single row mode with singleRow prop\n * - Chip count limiting with maxChips prop\n *\n * @example\n * <MultiSelectFieldInput\n *   placeholder=\"Search...\"\n *   size=\"medium\"\n *   selectedOptions={[{ id: 1, label: \"Option 1\" }]}\n *   onRemoveOption={(option) => handleRemove(option)}\n *   onClear={() => handleClearAll()}\n * />\n */\nexport const MultiSelectFieldInput = ({\n  placeholder,\n  size,\n  disableClearButton,\n  disableToggleButton,\n  disabled,\n  readOnly,\n  error,\n  onClear,\n  id,\n  inputWrapperRef,\n  htmlInputWrapperProps,\n  inputProps,\n  toggleButtonProps,\n  prefix,\n  suffix,\n  selectedOptions = [],\n  onRemoveOption,\n  singleRow,\n  maxChips,\n  onWrapperClick,\n}: MultiSelectFieldInputProps) => {\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  // inputProps may contain a ref from hooks like useCombobox, merge it with our internal ref\n  const externalRef = (inputProps as { ref?: React.Ref<HTMLInputElement> })\n    ?.ref;\n  const mergedInputRef = mergeRefs([inputRef, externalRef]);\n  const [visibleCount, setVisibleCount] = useState<number | null>(null);\n\n  // Reset visibleCount when selectedOptions changes\n  const prevSelectedLengthRef = useRef(selectedOptions.length);\n  useLayoutEffect(() => {\n    if (prevSelectedLengthRef.current !== selectedOptions.length) {\n      prevSelectedLengthRef.current = selectedOptions.length;\n      setVisibleCount(null);\n    }\n  }, [selectedOptions.length]);\n\n  useLayoutEffect(() => {\n    if (!singleRow || !rowsRef.current) {\n      setVisibleCount(null);\n      return;\n    }\n\n    // If we haven't started calculating yet\n    if (visibleCount === null) {\n      if (hasMultipleRows(rowsRef.current)) {\n        // Start with count of first row's items (quick approximation)\n        const firstRowTop =\n          rowsRef.current.children[0]?.getBoundingClientRect().top;\n        const firstRowCount = Array.from(rowsRef.current.children).filter(\n          (c) => c.getBoundingClientRect().top === firstRowTop,\n        ).length;\n        setVisibleCount(Math.max(firstRowCount - 1, 0)); // -1 to leave room for +N chip\n      }\n      return;\n    }\n\n    // Keep reducing until single row\n    if (hasMultipleRows(rowsRef.current) && visibleCount > 0) {\n      setVisibleCount(visibleCount - 1);\n    }\n  }, [singleRow, selectedOptions.length, visibleCount]);\n\n  // Calculate display count based on singleRow and maxChips\n  const maxAllowed = maxChips ?? 10;\n  const displayCount =\n    singleRow && visibleCount !== null\n      ? Math.min(visibleCount, maxAllowed)\n      : Math.min(selectedOptions.length, maxAllowed);\n  const hiddenCount = selectedOptions.length - displayCount;\n\n  const inputWrapperClassNames = cx(styles[\"input-wrapper\"], {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"no-clear-button\"]]: disableClearButton,\n    [styles[\"no-toggle-button\"]]: disableToggleButton,\n    [styles[\"disabled\"]]: disabled || readOnly,\n  });\n\n  const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    // Handle backspace to remove the last chip when input is empty\n    if (\n      e.key === \"Backspace\" &&\n      !inputProps?.value &&\n      selectedOptions.length > 0 &&\n      onRemoveOption &&\n      !disabled &&\n      !readOnly\n    ) {\n      onRemoveOption(selectedOptions[selectedOptions.length - 1]);\n    }\n\n    // Call the original onKeyDown if provided\n    if (inputProps?.onKeyDown) {\n      (inputProps.onKeyDown as (e: KeyboardEvent<HTMLInputElement>) => void)(e);\n    }\n  };\n\n  const handleWrapperClick = (e: MouseEvent<HTMLDivElement>) => {\n    // Skip if clicking on interactive elements (buttons) or input\n    const target = e.target as HTMLElement;\n    if (target.closest(\"button\") || target.tagName === \"INPUT\") {\n      return;\n    }\n    onWrapperClick?.(e);\n    inputRef.current?.focus();\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- Click-to-focus container; Despite the disabled rules, this remains accessible. Keyboard interaction is provided by the input and nested buttons are filtered out in the handler.\n    <div\n      ref={inputWrapperRef}\n      {...htmlInputWrapperProps}\n      className={cx(inputWrapperClassNames, htmlInputWrapperProps?.className)}\n      onClick={handleWrapperClick}\n    >\n      {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n\n      <div className={styles[\"rows-wrapper\"]} ref={rowsRef}>\n        {selectedOptions.length > 0 && onRemoveOption\n          ? selectedOptions.slice(0, displayCount).map((option, index) => (\n              <div\n                key={`selected-item-${option.id}-${index}`}\n                className={styles[\"chip-wrapper\"]}\n              >\n                <Chip\n                  label={option.label}\n                  onClose={\n                    disabled || readOnly\n                      ? undefined\n                      : () => onRemoveOption(option)\n                  }\n                  className={styles[\"chip\"]}\n                  title={option.label}\n                />\n              </div>\n            ))\n          : null}\n\n        {hiddenCount > 0 ? (\n          <div className={styles[\"chip-wrapper\"]}>\n            <Chip\n              label={`+${hiddenCount}`}\n              className={styles[\"chip\"]}\n              title={selectedOptions\n                .slice(displayCount)\n                .map((option) => option.label)\n                .join(\", \")}\n            />\n          </div>\n        ) : null}\n\n        <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n          <input\n            id={id}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            {...inputProps}\n            ref={mergedInputRef}\n            onKeyDown={handleInputKeyDown}\n            className={cx(styles[\"input\"], inputProps?.className, {\n              [styles[\"error\"]]: error,\n            })}\n          />\n          {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n        </Flex>\n      </div>\n\n      <div className={styles[\"buttons-wrapper\"]}>\n        {disableClearButton ? null : (\n          <div className={styles[\"close-button-wrapper\"]}>\n            <Button\n              icon={Close}\n              aria-label=\"clear selection\"\n              appearance=\"ghost\"\n              size=\"small\"\n              className={styles[\"close-button\"]}\n              onClick={() => {\n                onClear?.();\n              }}\n            />\n          </div>\n        )}\n        {disableToggleButton ? null : (\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              icon={Chevron_Right}\n              aria-label=\"toggle menu\"\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n              {...toggleButtonProps}\n              className={cx(\n                styles[\"toggle-button\"],\n                toggleButtonProps?.className,\n              )}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMultiSelectFieldInput.displayName = \"MultiSelectFieldInput\";\n","import {\n  useCombobox,\n  UseComboboxProps,\n  UseComboboxState,\n  UseComboboxStateChangeOptions,\n} from \"downshift\";\nimport {\n  MultiSelectFieldDownshiftItem,\n  MultiSelectFieldOption,\n} from \"../types\";\nimport { CheckState } from \"../../../../types\";\nimport { useCallback, useMemo } from \"react\";\nimport { useDownshiftEnvironment } from \"../../../../internal/hooks\";\n\nexport type UseComboMultipleOptions = {\n  /** An array of currently loaded options */\n  options: MultiSelectFieldOption[];\n  pinnedOptions?: unknown;\n  /** Configuration for the \"Select All\" option */\n  selectAll?: {\n    label: string;\n    onClick: () => void;\n    checkState: CheckState;\n  };\n  /** The currently selected options (controlled from outside) */\n  selectedOptions: MultiSelectFieldOption[];\n  onSelectedOptionsChange: (options: MultiSelectFieldOption[]) => void;\n  displayAs: \"popover\" | \"dialog\";\n  disabled: boolean;\n} & Pick<\n  UseComboboxProps<MultiSelectFieldDownshiftItem>,\n  \"onInputValueChange\" | \"onIsOpenChange\"\n>;\n\n/**\n * Hook that wraps downshift's useCombobox for multi-select behavior.\n * Unlike useCombo, this hook:\n * - Keeps the menu open after item selection\n * - Does not track internal selection state (controlled externally)\n * - Preserves input value on item selection for continued filtering\n * @param options - Configuration options for the hook\n * @returns Downshift combobox props and state\n */\nexport const useComboMultiple = ({\n  options,\n  pinnedOptions,\n  selectAll,\n  selectedOptions,\n  onSelectedOptionsChange,\n  onInputValueChange,\n  onIsOpenChange,\n  displayAs = \"popover\",\n  disabled,\n}: UseComboMultipleOptions) => {\n  // Options are not 1:1 with the items we pass to downshift.\n  // We may choose to insert, remove, or modify them before passing them down.\n  // Anything which can be accessed via arrow keys should be included here.\n  const downshiftItems = useMemo(() => {\n    const items: MultiSelectFieldDownshiftItem[] = options.map(\n      mapOptionToDownshiftItem,\n    );\n\n    // Add the pinned options to the top of the list if they are provided\n    if (pinnedOptions) {\n      // TODO: Implement pinned options\n    }\n\n    // Add the select all option to the top of the list if it is provided\n    if (selectAll) {\n      items.unshift({\n        id: \"select-all\",\n        type: \"select-all\",\n        original: {\n          id: \"select-all\",\n          label: selectAll.label ?? \"Select All\",\n        },\n        checkState: selectAll.checkState,\n      });\n    }\n\n    return items;\n  }, [options, pinnedOptions, selectAll]);\n\n  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();\n\n  const handleItemClick = useCallback(\n    (option: { id: string | number; label: string }) => {\n      const isSelected = selectedOptions.some((opt) => opt.id === option.id);\n      if (isSelected) {\n        // Remove the option\n        onSelectedOptionsChange(\n          selectedOptions.filter((opt) => opt.id !== option.id),\n        );\n      } else {\n        // Add the option\n        const fullOption = options.find((opt) => opt.id === option.id);\n        if (fullOption) {\n          onSelectedOptionsChange([...selectedOptions, fullOption]);\n        }\n      }\n    },\n    [selectedOptions, onSelectedOptionsChange, options],\n  );\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    inputValue,\n    closeMenu,\n    openMenu,\n    toggleMenu,\n  } = useCombobox({\n    isItemDisabled: (item, _index) => {\n      if (!item) {\n        return false; // Downshift passes -1 index with an undefined item. Ignore it.\n      }\n      return (disabled || item.disabled) ?? false;\n    },\n    environment: environment,\n    // For multi-select, we don't track a single selected item\n    selectedItem: null,\n    onSelectedItemChange: ({\n      selectedItem: si,\n    }: {\n      selectedItem: MultiSelectFieldDownshiftItem | null;\n    }) => {\n      console.log(\"selectedItem\", si);\n      if (si) {\n        if (si.type === \"select-all\") {\n          selectAll?.onClick();\n        } else if (si.type === \"option\") {\n          handleItemClick(si.original);\n        }\n      }\n    },\n    onInputValueChange,\n    onIsOpenChange,\n    items: downshiftItems,\n    itemToString(item: MultiSelectFieldDownshiftItem | null) {\n      return item?.original.label ?? \"\";\n    },\n    stateReducer: (state, actionAndChanges) =>\n      stateReducer(state, actionAndChanges, displayAs),\n  });\n\n  return {\n    inputValue,\n    wrapperDivRef,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    highlightedIndex,\n    isOpen,\n    downshiftItems,\n    closeMenu,\n    openMenu,\n    toggleMenu,\n    selectedOptions,\n  };\n};\n\nfunction mapOptionToDownshiftItem(\n  option: MultiSelectFieldOption,\n): MultiSelectFieldDownshiftItem {\n  return {\n    id: option.id,\n    type: \"option\",\n    disabled: option.disabled ?? false,\n    original: option,\n  };\n}\n\nfunction stateReducer(\n  state: UseComboboxState<MultiSelectFieldDownshiftItem>,\n  actionAndChanges: UseComboboxStateChangeOptions<MultiSelectFieldDownshiftItem>,\n  displayAs: \"popover\" | \"dialog\",\n) {\n  const { type, changes } = actionAndChanges;\n\n  switch (type) {\n    case useCombobox.stateChangeTypes.InputBlur:\n      console.log(\"inputBlur\", changes, state);\n      // keep the dialog open if the user blurs the input while the dialog is open\n      if (displayAs === \"dialog\" && state.isOpen) {\n        return {\n          ...changes,\n          isOpen: state.isOpen,\n          // Preserve input value for multi-select\n          inputValue: state.inputValue,\n        };\n      }\n      return {\n        ...changes,\n        // For multi-select, preserve the input value on blur\n        inputValue: state.inputValue,\n      };\n    case useCombobox.stateChangeTypes.InputKeyDownEscape:\n    case useCombobox.stateChangeTypes.FunctionCloseMenu:\n      return {\n        ...changes,\n        // Clear input value when menu is closed\n        inputValue: \"\",\n      };\n    case useCombobox.stateChangeTypes.InputClick:\n      if (displayAs === \"dialog\" && state.isOpen) {\n        // keep the dialog open if the user clicks the input while the dialog is open\n        return {\n          ...changes,\n          isOpen: state.isOpen,\n        };\n      }\n      return changes;\n    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n    case useCombobox.stateChangeTypes.ItemClick:\n      // Optimize for continuing to select items based on the input value\n      return {\n        ...changes,\n        isOpen: state.isOpen, // Keep menu open\n        highlightedIndex: state.highlightedIndex, // Preserve highlight position\n        inputValue: state.inputValue, // Preserve input value for continued filtering\n      };\n    default:\n      return changes;\n  }\n}\n","import { MultiSelectFieldHandle, MultiSelectFieldProps } from \"./types\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  useId,\n  useRef,\n} from \"react\";\nimport { MultiSelectFieldList } from \"./internal/MultiSelectFieldList\";\nimport { MultiSelectFieldInput } from \"./internal/MultiSelectFieldInput\";\nimport { SelectFieldLabel } from \"../SelectField/internal/SelectFieldLabel\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks/useLayoutPropsUtil\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport {\n  useSelectFieldLoading,\n  DEFAULT_PAGE_SIZE,\n} from \"../../../internal/hooks/useSelectFieldLoading\";\nimport styles from \"../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport { useComboMultiple } from \"./internal/useComboMultiple\";\nimport { FieldPopover } from \"../SelectField/internal/FieldPopover/FieldPopover\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { FieldDialog } from \"../SelectField/internal/FieldDialog/FieldDialog\";\nimport { FieldMessage } from \"../../../components\";\n\n/**\n * MultiSelectField component for selecting multiple options from a searchable dropdown.\n *\n * Features:\n * - Multiple selection with chip display\n * - Search and filtering capabilities\n * - Lazy loading with pagination (page, offset, or group modes)\n * - Optional \"Select All\" functionality\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Cache support for loadOptions results\n * - Single row mode to restrict height (singleRow prop)\n * - Chip count limiting (maxChips prop)\n * - Full accessibility support with ARIA attributes\n * - Controlled selection state\n *\n * @example\n * <MultiSelectField\n *   label=\"Select Tags\"\n *   value={selectedTags}\n *   onSelectedOptionsChange={setSelectedTags}\n *   loadOptions={(search) => fetchTags(search)}\n *   selectAll={{ onClick: handleSelectAll }}\n * />\n */\nexport const MultiSelectField = forwardRef<\n  MultiSelectFieldHandle,\n  MultiSelectFieldProps\n>((propsWithLayout, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(propsWithLayout);\n  const [initialLoadPerformed, setInitialLoadPerformed] = useState(false);\n\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n\n  const {\n    id: idProp,\n    value: selectedOptions,\n    initialLoad: initialLoadProp = \"auto\",\n    displayMenuAs: displayMenuAsProp = \"auto\",\n    lazy,\n    loadOptions: loadOptionsProp,\n    label,\n    labelNode,\n    hideLabel,\n    placeholder,\n    debounceMs = 200,\n    onSelectedOptionsChange,\n    cache,\n    size,\n    error,\n    hint,\n    description,\n    errorAriaLive: errorAriaLiveProp = \"assertive\",\n    required,\n    disabled,\n    readOnly,\n    prefix,\n    suffix,\n    selectAll,\n    singleRow,\n    maxChips,\n    className,\n    style,\n  } = componentProps;\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helperUid = useId();\n\n  const [shouldAriaLive, setShouldAriaLive] = useState(false);\n  const handleFocus = () => {\n    setShouldAriaLive(true);\n  };\n  const handleBlur = () => {\n    setShouldAriaLive(false);\n  };\n\n  const errorMessage = typeof error !== \"boolean\" ? error : undefined;\n  const hasHelperText = hint || errorMessage || description;\n  const isDisabledOrReadOnly = (disabled || readOnly) ?? false;\n\n  const { isMobile } = useAdaptiveView();\n  const displayAs =\n    displayMenuAsProp === \"auto\"\n      ? isMobile\n        ? \"dialog\"\n        : \"popover\"\n      : displayMenuAsProp;\n\n  const initialLoad =\n    initialLoadProp === \"auto\" ? \"immediate\" : initialLoadProp;\n\n  const pageSize =\n    lazy === \"page\" && \"lazyOptions\" in componentProps\n      ? (componentProps.lazyOptions?.pageSize ?? DEFAULT_PAGE_SIZE)\n      : DEFAULT_PAGE_SIZE;\n  const limit =\n    lazy === \"offset\" && \"lazyOptions\" in componentProps\n      ? (componentProps.lazyOptions?.limit ?? DEFAULT_PAGE_SIZE)\n      : DEFAULT_PAGE_SIZE;\n\n  const loadingHookConfig = useMemo(() => {\n    const cacheConfig = {\n      enabled: cache?.enabled,\n      maxSize: cache?.maxSize,\n    };\n    if (lazy === \"page\")\n      return {\n        lazy: \"page\" as const,\n        loadOptions: loadOptionsProp,\n        pageSize,\n        cache: cacheConfig,\n      };\n    if (lazy === \"offset\")\n      return {\n        lazy: \"offset\" as const,\n        loadOptions: loadOptionsProp,\n        limit,\n        cache: cacheConfig,\n      };\n    if (lazy === \"group\")\n      return {\n        lazy: \"group\" as const,\n        loadOptions: loadOptionsProp,\n        cache: cacheConfig,\n      };\n    return {\n      lazy: false as const,\n      loadOptions: loadOptionsProp,\n      cache: cacheConfig,\n    };\n  }, [lazy, loadOptionsProp, pageSize, limit, cache?.enabled, cache?.maxSize]);\n\n  const {\n    options,\n    loading,\n    loadingMore,\n    hasMore,\n    loadOptions,\n    loadMore,\n    clearCache,\n  } = useSelectFieldLoading(loadingHookConfig);\n\n  useImperativeHandle(ref, () => ({ clearCache }), [clearCache]);\n\n  const debouncedOptionLoader = useDebouncedCallback((inputValue: string) => {\n    loadOptions(inputValue, { initial: true });\n  }, debounceMs);\n\n  const handleRemoveOption = useCallback(\n    (option: { id: string | number }) => {\n      onSelectedOptionsChange(\n        selectedOptions.filter((opt) => opt.id !== option.id),\n      );\n    },\n    [selectedOptions, onSelectedOptionsChange],\n  );\n\n  const handleClear = useCallback(() => {\n    onSelectedOptionsChange([]);\n  }, [onSelectedOptionsChange]);\n\n  const {\n    isOpen,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    wrapperDivRef,\n    highlightedIndex,\n    getItemProps,\n    inputValue,\n    downshiftItems,\n    closeMenu,\n    toggleMenu,\n  } = useComboMultiple({\n    displayAs,\n    onSelectedOptionsChange,\n    disabled: isDisabledOrReadOnly,\n    options,\n    pinnedOptions: [],\n    selectedOptions,\n    selectAll: selectAll\n      ? {\n          label: selectAll.label ?? \"Select All\",\n          onClick: selectAll.onClick,\n          checkState:\n            selectAll.isChecked === true\n              ? \"checked\"\n              : selectAll.isChecked === false\n                ? \"unchecked\"\n                : (selectAll.isChecked ?? \"indeterminate\"),\n        }\n      : undefined,\n    async onIsOpenChange(changes) {\n      if (initialLoad === \"open\" && !initialLoadPerformed && changes.isOpen) {\n        await loadOptions(\"\", { initial: true });\n        setInitialLoadPerformed(true);\n      }\n    },\n    onInputValueChange: ({ inputValue: iv }) => {\n      debouncedOptionLoader(iv ?? \"\");\n    },\n  });\n\n  useEffect(() => {\n    const performInitialLoad = async () => {\n      if (initialLoad === \"immediate\" && !initialLoadPerformed) {\n        await loadOptions(\"\", { initial: true });\n        setInitialLoadPerformed(true);\n      }\n    };\n    performInitialLoad();\n  }, [loadOptions, initialLoadPerformed, initialLoad]);\n\n  const handleLoadMore = async () => {\n    await loadMore(inputValue);\n  };\n\n  const disableClearButton =\n    selectedOptions.length === 0 || isDisabledOrReadOnly;\n\n  if (displayAs === \"dialog\") {\n    return (\n      <div\n        className={\n          className\n            ? `${styles[\"search-field\"]} ${className}`\n            : styles[\"search-field\"]\n        }\n        style={{ ...layoutStyles, ...style }}\n        ref={wrapperDivRef}\n      >\n        <SelectFieldLabel\n          label={label}\n          labelNode={labelNode}\n          hideLabel={hideLabel}\n          getLabelProps={getLabelProps}\n          required={required}\n        />\n        <MultiSelectFieldInput\n          disabled={disabled}\n          readOnly={readOnly}\n          disableToggleButton={false}\n          placeholder={placeholder}\n          disableClearButton={disableClearButton}\n          toggleButtonProps={getToggleButtonProps()}\n          onClear={handleClear}\n          id={`${id}-input`}\n          inputProps={getInputProps({\n            \"aria-describedby\": hasHelperText ? helperUid : undefined,\n            \"aria-invalid\": error ? true : undefined,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n          })}\n          size={size}\n          error={!!error}\n          prefix={prefix}\n          suffix={suffix}\n          selectedOptions={selectedOptions}\n          onRemoveOption={handleRemoveOption}\n          singleRow={singleRow}\n          maxChips={maxChips}\n          onWrapperClick={toggleMenu}\n        />\n        {hasHelperText ? (\n          <FieldMessage\n            id={helperUid}\n            hint={hint}\n            errorMessage={errorMessage}\n            errorAriaLive={isOpen || shouldAriaLive ? errorAriaLiveProp : \"off\"}\n            description={description}\n          />\n        ) : null}\n        <FieldDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={closeMenu}\n          title={label}\n          initialFocusResolver={(elements) => {\n            return (\n              elements.find((element) => element.tagName === \"INPUT\") ||\n              elements[0]\n            );\n          }}\n          field={\n            <MultiSelectFieldInput\n              disabled={disabled}\n              readOnly={readOnly}\n              inputProps={getInputProps()}\n              disableToggleButton\n              placeholder={placeholder}\n              disableClearButton={disableClearButton}\n              onClear={handleClear}\n              id={`${id}-dialog-input`}\n              inputWrapperRef={inputWrapperRef}\n              size=\"medium\"\n              error={!!error}\n              prefix={prefix}\n              suffix={suffix}\n              selectedOptions={selectedOptions}\n              onRemoveOption={handleRemoveOption}\n              singleRow\n              maxChips={20} // Arbitrary, but given singleRow is always true inside the dialog, we can use a large number here.\n            />\n          }\n        >\n          <MultiSelectFieldList\n            isOpen\n            items={downshiftItems}\n            getMenuProps={getMenuProps}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOptions={selectedOptions}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            disabled={isDisabledOrReadOnly}\n            style={{\n              paddingInline: 24,\n              paddingBlockEnd: 24,\n            }}\n          />\n        </FieldDialog>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={\n        className\n          ? `${styles[\"search-field\"]} ${className}`\n          : styles[\"search-field\"]\n      }\n      style={{ ...layoutStyles, ...style }}\n    >\n      <SelectFieldLabel\n        label={label}\n        labelNode={labelNode}\n        hideLabel={hideLabel}\n        getLabelProps={getLabelProps}\n        required={required}\n      />\n      <MultiSelectFieldInput\n        disabled={disabled}\n        readOnly={readOnly}\n        inputProps={getInputProps({\n          popovertarget: `${id}-popover`,\n          \"aria-describedby\": hasHelperText ? helperUid : undefined,\n          \"aria-invalid\": error ? true : undefined,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n        })}\n        toggleButtonProps={getToggleButtonProps()}\n        disableToggleButton={false}\n        placeholder={placeholder}\n        disableClearButton={disableClearButton}\n        onClear={handleClear}\n        id={`${id}-input`}\n        popoverTarget={`${id}-popover`}\n        inputWrapperRef={inputWrapperRef}\n        size={size}\n        error={!!error}\n        prefix={prefix}\n        suffix={suffix}\n        selectedOptions={selectedOptions}\n        onRemoveOption={handleRemoveOption}\n        singleRow={singleRow}\n        maxChips={maxChips}\n        onWrapperClick={toggleMenu}\n      />\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          errorMessage={errorMessage}\n          errorAriaLive={isOpen || shouldAriaLive ? errorAriaLiveProp : \"off\"}\n          description={description}\n        />\n      ) : null}\n\n      <FieldPopover\n        id={`${id}-popover`}\n        referenceElement={inputWrapperRef}\n        open={isOpen && displayAs === \"popover\"}\n        onClickOutside={closeMenu}\n      >\n        <MultiSelectFieldList\n          isOpen={isOpen}\n          items={downshiftItems}\n          getMenuProps={getMenuProps}\n          getItemProps={getItemProps}\n          highlightedIndex={highlightedIndex}\n          selectedOptions={selectedOptions}\n          hasMore={hasMore}\n          onLoadMore={handleLoadMore}\n          loading={loading}\n          loadingMore={loadingMore}\n          disabled={isDisabledOrReadOnly}\n          style={{\n            padding: 8,\n          }}\n        />\n      </FieldPopover>\n    </div>\n  );\n});\n\nMultiSelectField.displayName = \"MultiSelectField\";\n","import { useMemo } from \"react\";\nimport { matchSorter, MatchSorterOptions } from \"match-sorter\";\nimport { MultiSelectField } from \"./MultiSelectField\";\nimport { MultiSelectFieldProps, MultiSelectFieldOption } from \"./types\";\nimport { CheckState } from \"../../../types\";\n\nexport type MultiSelectFieldSyncProps = Omit<\n  MultiSelectFieldProps,\n  \"loadOptions\" | \"lazy\" | \"debounceMs\" | \"cache\" | \"initialLoad\" | \"selectAll\"\n> & {\n  /**\n   * The options to display in the multi-select field.\n   */\n  options: MultiSelectFieldOption[];\n  /**\n   * The filter to use to filter the options.\n   * Can be a function to filter the options, or a MatchSorterOptions object to customize the default filtering.\n   *\n   * @example\n   * <MultiSelectFieldSync\n   *   options={options}\n   *   filter={(options, searchValue) => {\n   *     return options.filter((option) => {\n   *       return option.label?.toLowerCase().includes(searchValue.toLowerCase());\n   *     });\n   *   }}\n   * />\n   *\n   * @example\n   * <MultiSelectFieldSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?:\n    | ((\n        options: MultiSelectFieldOption[],\n        searchValue: string,\n      ) => MultiSelectFieldOption[])\n    | MatchSorterOptions;\n  /**\n   * Enables the \"Select All\" option at the top of the list.\n   * Can be a boolean to enable with default label, or an object to customize the label.\n   * Click handling and check state are managed automatically based on the options and value.\n   *\n   * The label can be a string or a function that receives a boolean indicating whether all options are selected.\n   *\n   * @example\n   * <MultiSelectFieldSync selectAll options={options} {...props} />\n   *\n   * @example\n   * <MultiSelectFieldSync selectAll={{ label: \"Select All Items\" }} options={options} {...props} />\n   *\n   * @example\n   * <MultiSelectFieldSync\n   *   selectAll={{ label: (checked) => checked ? \"Deselect All\" : \"Select All\" }}\n   *   options={options}\n   *   {...props}\n   * />\n   */\n  selectAll?: boolean | { label?: string | ((checked: boolean) => string) };\n};\n\nconst defaultFilter = (\n  options: MultiSelectFieldOption[],\n  searchValue: string,\n) => {\n  return matchSorter(options, searchValue, {\n    keys: [\"label\", \"searchText\"],\n  });\n};\n\n/**\n * MultiSelectFieldSync is a simplified version of MultiSelectField that is used to display a list of options in a multi-select field.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`.\n * - Performs client-side filtering of the options.\n * - Optionally accepts a function to filter the options, or a MatchSorterOptions object to customize the default filtering.\n * - Simplified `selectAll` prop that automatically handles click and check state.\n * - Supports all the other props of MultiSelectField.\n */\nexport const MultiSelectFieldSync = (props: MultiSelectFieldSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultFilter,\n    selectAll: selectAllProp,\n    value,\n    onSelectedOptionsChange,\n    ...rest\n  } = props;\n\n  const filter =\n    typeof filterProp === \"function\"\n      ? filterProp\n      : (options: MultiSelectFieldOption[], searchValue: string) =>\n          matchSorter<MultiSelectFieldOption>(\n            options,\n            searchValue,\n            filterProp as MatchSorterOptions<MultiSelectFieldOption>,\n          );\n\n  const selectAllConfig = useMemo(() => {\n    if (!selectAllProp) return undefined;\n\n    const enabledOptions = options.filter((opt) => !opt.disabled);\n    const selectedCount = value.length;\n    const totalCount = enabledOptions.length;\n    const allSelected = selectedCount === totalCount;\n\n    const labelProp =\n      typeof selectAllProp === \"object\" ? selectAllProp.label : undefined;\n    const label =\n      typeof labelProp === \"function\" ? labelProp(allSelected) : labelProp;\n\n    const isChecked: CheckState = allSelected\n      ? \"checked\"\n      : selectedCount > 0\n        ? \"indeterminate\"\n        : \"unchecked\";\n\n    const handleClick = () => {\n      if (allSelected) {\n        onSelectedOptionsChange([]);\n      } else {\n        onSelectedOptionsChange(enabledOptions);\n      }\n    };\n\n    return {\n      label,\n      onClick: handleClick,\n      isChecked,\n    };\n  }, [selectAllProp, options, value, onSelectedOptionsChange]);\n\n  return (\n    <MultiSelectField\n      lazy={false}\n      loadOptions={(searchValue) => filter(options, searchValue)}\n      debounceMs={0}\n      value={value}\n      onSelectedOptionsChange={onSelectedOptionsChange}\n      selectAll={selectAllConfig}\n      {...rest}\n    />\n  );\n};\n"],"names":["styles","Close","Chevron_Right","inputValue","options"],"mappings":"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"}

package/dist/MultiSelectFieldSync.css

@@ -0,0 +1,259 @@
+@layer starter, reset, base, state, application;
+/* REVERT LAYER BUGFIX START */
+._input-wrapper_1t7vf_2 input::-moz-placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+._input-wrapper_1t7vf_2 input,
+._input-wrapper_1t7vf_2 button,
+._input-wrapper_1t7vf_2 input::placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+
+/* REVERT LAYER BUGFIX END */
+@layer reset {
+  ._buttons-wrapper_1t7vf_11 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: flex;
+  }
+  ._input_1t7vf_2,
+  ._input-wrapper_1t7vf_2 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: block;
+  }
+  ._toggle-button-wrapper_1t7vf_38,
+  ._close-button-wrapper_1t7vf_39 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: revert-layer;
+  }
+  ._prefix_1t7vf_52,
+  ._suffix_1t7vf_53 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: flex;
+  }
+}
+@layer base {
+  ._input-wrapper_1t7vf_2 {
+    display: flex;
+    position: relative;
+    border: 0.0625rem solid var(--border-color, #949596);
+    border-radius: 0.375rem;
+    outline: 0 solid var(--focus-ring-color, #0265DC);
+    outline-offset: 0.125rem;
+    padding-inline-start: 0.75rem;
+    padding-inline-end: 4.5rem;
+    background-color: var(--background-color, #ffffff);
+  }
+  ._input-wrapper_1t7vf_2._no-clear-button_1t7vf_79 {
+    padding-inline-end: 2rem;
+  }
+  ._input-wrapper_1t7vf_2._no-toggle-button_1t7vf_82 {
+    padding-inline-end: 2rem;
+  }
+  ._input-wrapper_1t7vf_2._no-clear-button_1t7vf_79._no-toggle-button_1t7vf_82 {
+    padding-inline-end: 0.75rem;
+  }
+  ._rows-wrapper_1t7vf_88 {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: stretch;
+    gap: 0 0.25rem;
+    flex-grow: 1;
+    width: 100%;
+    max-width: 100%;
+  }
+  ._chip-wrapper_1t7vf_98 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    max-width: 100%;
+    height: 2.375rem;
+  }
+  ._chip-wrapper_1t7vf_98 ._chip_1t7vf_98 {
+    max-width: 100%;
+  }
+  ._input-flex_1t7vf_108 {
+    flex: 1 1 100px;
+    width: 0px;
+    min-width: 100px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  ._input_1t7vf_2 {
+    display: flex;
+    align-items: center;
+    flex: 1 0 100px;
+    width: 100px;
+    min-width: 100px;
+    height: 2.375rem;
+    padding-block: 0.5rem;
+    padding-inline: 0;
+    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    ._input_1t7vf_2 {
+      transition-duration: 0.01ms !important;
+      transition-property: outline;
+    }
+  }
+  ._input_1t7vf_2::-moz-placeholder {
+    color: var(--foreground-color-subdued, #737475);
+  }
+  ._input_1t7vf_2::placeholder {
+    color: var(--foreground-color-subdued, #737475);
+  }
+  ._buttons-wrapper_1t7vf_11 {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    height: 2.375rem;
+  }
+  ._close-button-wrapper_1t7vf_39 {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+  }
+  ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39 {
+    color: var(--foreground-color, #141414);
+  }
+  ._toggle-button-wrapper_1t7vf_38 {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+  }
+  ._toggle-button_1t7vf_38 {
+    color: var(--foreground-color, #141414);
+    transform: rotate(90deg);
+    transition: transform 200ms cubic-bezier(0, 0, 0.4, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    ._toggle-button_1t7vf_38 {
+      transition-duration: 0.01ms !important;
+    }
+  }
+  ._prefix_1t7vf_52,
+  ._suffix_1t7vf_53 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: flex;
+    flex: 0 0 auto;
+    justify-content: center;
+    align-items: center;
+    font-weight: 600;
+    min-width: 2rem;
+  }
+  ._prefix_1t7vf_52 {
+    padding-inline-end: 0.5rem;
+  }
+  ._suffix_1t7vf_53 {
+    padding-inline-start: 0.5rem;
+    padding-inline-end: 0.5rem;
+  }
+}
+@layer state {
+  ._input-wrapper_1t7vf_2._small_1t7vf_193 ._input_1t7vf_2 {
+    height: 1.875rem;
+  }
+  ._input-wrapper_1t7vf_2._large_1t7vf_196 ._input_1t7vf_2 {
+    height: 2.875rem;
+  }
+  ._input-wrapper_1t7vf_2 input._input_1t7vf_2:-moz-read-only {
+    background-color: var(--background-color-strong, #f7f7f7);
+  }
+  ._input-wrapper_1t7vf_2 input._input_1t7vf_2:read-only {
+    background-color: var(--background-color-strong, #f7f7f7);
+  }
+  ._input-wrapper_1t7vf_2._disabled_1t7vf_202, ._input-wrapper_1t7vf_2[disabled], ._input-wrapper_1t7vf_2:has(._input_1t7vf_2:disabled) {
+    opacity: 0.4;
+  }
+  ._input-wrapper_1t7vf_2._disabled_1t7vf_202 *, ._input-wrapper_1t7vf_2[disabled] *, ._input-wrapper_1t7vf_2:has(._input_1t7vf_2:disabled) * {
+    cursor: not-allowed;
+  }
+  ._input-wrapper_1t7vf_2:has(input._input_1t7vf_2:-moz-read-only) {
+    background-color: var(--background-color-strong, #f7f7f7);
+  }
+  ._input-wrapper_1t7vf_2[disabled], ._input-wrapper_1t7vf_2[readonly], ._input-wrapper_1t7vf_2._disabled_1t7vf_202, ._input-wrapper_1t7vf_2:has(input._input_1t7vf_2:read-only) {
+    background-color: var(--background-color-strong, #f7f7f7);
+  }
+  ._input-wrapper_1t7vf_2:focus:not([disabled]), ._input-wrapper_1t7vf_2:focus-visible, ._input-wrapper_1t7vf_2:has(._input_1t7vf_2:focus-visible) {
+    outline-width: 0.125rem;
+  }
+  ._input-wrapper_1t7vf_2:has(._input_1t7vf_2._error_1t7vf_214) {
+    border-color: var(--border-color-danger, #e13212);
+  }
+  ._input-wrapper_1t7vf_2:focus:has(._input_1t7vf_2._error_1t7vf_214):not([disabled]), ._input-wrapper_1t7vf_2:focus-visible:has(._input_1t7vf_2._error_1t7vf_214), ._input-wrapper_1t7vf_2:has(._input_1t7vf_2._error_1t7vf_214:focus-visible) {
+    outline-color: var(--focus-ring-color-danger, #e13212);
+    outline-width: 0.125rem;
+  }
+  ._small_1t7vf_193 ._buttons-wrapper_1t7vf_11 {
+    height: 1.875rem;
+  }
+  ._large_1t7vf_196 ._buttons-wrapper_1t7vf_11 {
+    height: 2.875rem;
+  }
+  ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39[data-interactive=hover]::before, ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39:hover::before, ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39:disabled:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39._disabled_1t7vf_202:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39[aria-disabled=true]:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227) {
+    background-color: inherit;
+  }
+  ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38[aria-expanded=true] {
+    transform: rotate(270deg);
+  }
+  ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38[data-interactive=hover]::before, ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38:hover::before, ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38:disabled:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38._disabled_1t7vf_202:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38[aria-disabled=true]:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227) {
+    background-color: inherit;
+  }
+  [aria-expanded=true] ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38 {
+    transform: rotate(270deg);
+  }
+  ._small_1t7vf_193 ._chip-wrapper_1t7vf_98 {
+    height: 1.875rem;
+  }
+  ._large_1t7vf_196 ._chip-wrapper_1t7vf_98 {
+    height: 2.875rem;
+  }
+}

package/dist/{NumberField-CjWLnD9X.js → NumberField-CcH25bnO.js}

@@ -6,7 +6,7 @@ import { S as Spinner } from './Spinner-xEFwsq8_.js';
 import { t as textFieldStyles } from './TextField.module-pD1felN8.js';
 import { B as Button } from './Button-92_FKAyV.js';
 import { I as Icon } from './Icon-BSuTVNaa.js';
-import { F as FieldLabel } from './FieldLabel-jqlQ1Ldh.js';
+import { F as FieldLabel } from './FieldLabel-BWOIFXgt.js';
 import { d as maskitoNumberOptionsGenerator, e as maskitoParseNumber, f as maskitoStringifyNumber, u as useMaskito } from './index.esm-C2ZhC_8d.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -1468,7 +1468,7 @@ const NumberField = forwardRef(
             FieldLabel,
             {
               moreInfo,
-              openMoreInfo: openInfo,
+              moreInfoOpen: openInfo,
               required,
               htmlFor: id,
               ...labelProps,
@@ -1575,4 +1575,4 @@ const NumberField = forwardRef(
 NumberField.displayName = "NumberField";
 
 export { NumberField as N };
-//# sourceMappingURL=NumberField-CjWLnD9X.js.map
+//# sourceMappingURL=NumberField-CcH25bnO.js.map