@servicetitan/anvil2 3.0.5 → 3.0.6

package/dist/{SelectMenuSync-Cf1Zradm.js → SelectMenuSync-C-PFemsQ.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useId, useState, useMemo, useCallback, useEffect } from 'react';
-import { S as SelectOptions } from './SelectOptions-BgT1V6qp.js';
-import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, A as AddNewItemButton, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-Dpp7gt05.js';
+import { S as SelectOptions } from './SelectOptions-Tr11Ckqw.js';
+import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, A as AddNewItemButton, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-COxBIkt6.js';
 import { u as useMenuInteraction } from './useMenuInteraction-C4RU5Fdq.js';
-import { S as SearchField } from './SearchField-Dl7sh_M4.js';
+import { S as SearchField } from './SearchField-3tUPU8hH.js';
 
 const SelectMenu = forwardRef(
   (props, ref) => {
@@ -357,4 +357,4 @@ const SelectMenuSync = (props) => {
 };
 
 export { SelectMenu as S, SelectMenuSync as a };
-//# sourceMappingURL=SelectMenuSync-Cf1Zradm.js.map
+//# sourceMappingURL=SelectMenuSync-C-PFemsQ.js.map

package/dist/{SelectMenuSync-Cf1Zradm.js.map → SelectMenuSync-C-PFemsQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectMenuSync-Cf1Zradm.js","sources":["../src/beta/components/SelectMenu/SelectMenu.tsx","../src/beta/components/SelectMenu/SelectMenuSync.tsx"],"sourcesContent":["import { SelectMenuHandle, SelectMenuProps } from \"./types\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { SelectOptions } from \"../../../internal/components/SelectOptions\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { AddNewItemButton } from \"../../../internal/components/AddNewItemButton\";\nimport { useProcessedOptions } from \"../../../internal/hooks/useProcessedOptions\";\nimport { buildSelectItems } from \"../../../internal/functions/buildSelectItems\";\nimport { useMenuInteraction } from \"./internal/useMenuInteraction\";\nimport { SelectItem } from \"../../../internal/types/selectFieldInternalTypes\";\nimport { useSelectOrchestration } from \"../../../internal/hooks/useSelectOrchestration\";\nimport { SearchField } from \"../../../components\";\n\n/**\n * SelectMenu component for selecting a single option from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Optional search input rendered inside the popover/dialog\n * - Lazy loading with pagination (page, offset, or group modes)\n * - Pinned options support\n * - Grouped options support\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Cache support for loadOptions results\n * - Full accessibility support with ARIA attributes\n * - Controlled selection state\n * - Configurable popover width\n * - Optional \"Add new item\" affordance below the option list with consumer-owned dialog\n *\n * @example\n * <SelectMenu\n *   trigger={(props) => <Button {...props}>Select a book</Button>}\n *   label=\"Books\"\n *   value={selectedOption}\n *   onSelectedOptionChange={setSelectedOption}\n *   loadOptions={loadOptions}\n * />\n */\nexport const SelectMenu = forwardRef<SelectMenuHandle, SelectMenuProps>(\n  (props, ref) => {\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const searchRef = useRef<HTMLInputElement>(null);\n\n    const {\n      id: idProp,\n      value: selectedOption,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      lazy,\n      loadOptions: loadOptionsProp,\n      label,\n      searchPlaceholder,\n      debounceMs = 200,\n      onSelectedOptionChange,\n      cache,\n      pinned,\n      virtualize,\n      disableSearch,\n      popoverWidth,\n      trigger,\n      onSearchChange,\n      onMenuKeyDown,\n      onImplicitClose,\n      onExplicitClose,\n      addItemLabel,\n      onAddNewItem,\n    } = props;\n\n    const groupToString =\n      \"groupToString\" in props ? props.groupToString : undefined;\n    const groupSorter = \"groupSorter\" in props ? props.groupSorter : undefined;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n\n    const {\n      displayAs,\n      initialLoad,\n      initialLoadPerformed,\n      setInitialLoadPerformed,\n      options,\n      loading,\n      loadingMore,\n      hasMore,\n      loadOptions,\n      loadMore,\n    } = useSelectOrchestration({\n      lazy,\n      loadOptions: loadOptionsProp,\n      cache,\n      lazyOptions: \"lazyOptions\" in props ? props.lazyOptions : undefined,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      ref,\n    });\n\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const searchValue = disableSearch ? \"\" : inputValue;\n\n    const { pinnedSections, ungroupedItems, groupSections } =\n      useProcessedOptions({\n        options,\n        pinned,\n        searchValue,\n        groupToString,\n        groupSorter,\n      });\n\n    const { items, sectionsMeta } = useMemo(\n      () =>\n        buildSelectItems({\n          pinnedSections,\n          groupSections,\n          ungroupedItems,\n        }),\n      [pinnedSections, groupSections, ungroupedItems],\n    );\n\n    const selectedItemIds = useMemo(\n      () => new Set(selectedOption ? [selectedOption.id] : []),\n      [selectedOption],\n    );\n\n    const handleItemActivate = useCallback(\n      (item: SelectItem) => {\n        if (\n          item.type === \"option\" ||\n          item.type === \"pinned-option\" ||\n          item.type === \"grouped-option\"\n        ) {\n          onSelectedOptionChange(item.original);\n        } else {\n          onSelectedOptionChange(null);\n        }\n      },\n      [onSelectedOptionChange],\n    );\n\n    const {\n      isOpen,\n      closeMenu,\n      highlightedIndex,\n      setHighlightedIndex,\n      getTriggerProps,\n      getMenuProps,\n      getItemProps,\n      listRef,\n      menuContainerRef,\n      handleKeyDown,\n    } = useMenuInteraction({\n      items: items,\n      sectionsMeta,\n      onItemActivate: handleItemActivate,\n      selectedItemIds,\n      displayAs,\n      closeOnActivate: true,\n      id,\n      triggerRef,\n      label,\n      onImplicitClose,\n      onExplicitClose,\n    });\n\n    const debouncedOptionLoader = useDebouncedCallback((value: string) => {\n      loadOptions(value, { initial: true });\n    }, debounceMs);\n\n    const handleInputChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value;\n        setInputValue(value);\n        debouncedOptionLoader(value);\n        onSearchChange?.(value);\n      },\n      [debouncedOptionLoader, onSearchChange],\n    );\n\n    const handleInputKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        onMenuKeyDown?.(e);\n        handleKeyDown(e);\n      },\n      [handleKeyDown, onMenuKeyDown],\n    );\n\n    const getMenuPropsWithKeyDown: typeof getMenuProps = useCallback(\n      (opts) => {\n        const menuProps = getMenuProps(opts);\n        if (!onMenuKeyDown) return menuProps;\n        return {\n          ...menuProps,\n          onKeyDown: (e: KeyboardEvent) => {\n            onMenuKeyDown(e);\n            menuProps.onKeyDown(e);\n          },\n        };\n      },\n      [getMenuProps, onMenuKeyDown],\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    }, [\n      loadOptions,\n      initialLoadPerformed,\n      initialLoad,\n      setInitialLoadPerformed,\n    ]);\n\n    const prevIsOpenRef = useRef(false);\n    useEffect(() => {\n      const wasOpen = prevIsOpenRef.current;\n      prevIsOpenRef.current = isOpen;\n\n      if (isOpen && !wasOpen) {\n        if (initialLoad === \"open\" && !initialLoadPerformed) {\n          loadOptions(\"\", { initial: true }).then(() => {\n            setInitialLoadPerformed(true);\n          });\n        }\n        const selectedIdx = items.findIndex(\n          (item) => item.original.id === selectedOption?.id,\n        );\n        if (selectedIdx >= 0) {\n          setHighlightedIndex(selectedIdx);\n        }\n      }\n\n      if (!isOpen && wasOpen) {\n        setInputValue(\"\");\n        loadOptions(\"\", { initial: true });\n      }\n    }, [\n      isOpen,\n      initialLoad,\n      initialLoadPerformed,\n      loadOptions,\n      setInitialLoadPerformed,\n      items,\n      selectedOption?.id,\n      setHighlightedIndex,\n    ]);\n\n    useEffect(() => {\n      if (!isOpen || displayAs !== \"popover\") return;\n\n      const frameId = requestAnimationFrame(() => {\n        if (!disableSearch) {\n          searchRef.current?.focus();\n        } else {\n          menuContainerRef.current?.focus();\n        }\n      });\n\n      return () => cancelAnimationFrame(frameId);\n    }, [isOpen, displayAs, disableSearch, menuContainerRef]);\n\n    const handleLoadMore = async () => {\n      await loadMore(searchValue);\n    };\n\n    const handleClickOutside = useCallback(() => {\n      closeMenu({ restoreFocus: false });\n    }, [closeMenu]);\n\n    const triggerProps = getTriggerProps();\n\n    const menuPropsForAria = getMenuProps();\n    const activeDescendant = menuPropsForAria[\"aria-activedescendant\"];\n\n    const handleSearchClear = useCallback(() => {\n      setInputValue(\"\");\n      debouncedOptionLoader(\"\");\n      onSearchChange?.(\"\");\n    }, [debouncedOptionLoader, onSearchChange]);\n\n    const searchInput = !disableSearch ? (\n      <SearchField\n        ref={searchRef}\n        value={inputValue}\n        onChange={\n          handleInputChange as React.ChangeEventHandler<HTMLInputElement>\n        }\n        onKeyDown={\n          handleInputKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n        }\n        onClear={handleSearchClear}\n        aria-activedescendant={activeDescendant}\n        aria-controls={menuPropsForAria.id}\n        placeholder={searchPlaceholder}\n        type=\"search\"\n      />\n    ) : null;\n\n    const addNewItemButton = onAddNewItem ? (\n      <AddNewItemButton\n        searchText={inputValue}\n        addItemLabel={addItemLabel}\n        onAddNewItem={onAddNewItem}\n        onCloseMenu={() => closeMenu({ restoreFocus: false })}\n      />\n    ) : null;\n\n    if (displayAs === \"dialog\") {\n      return (\n        <>\n          {trigger(triggerProps)}\n          <OptionsDialog\n            id={`${id}-dialog`}\n            isOpen={isOpen}\n            onClose={closeMenu}\n            title={label}\n            field={searchInput ?? undefined}\n            footer={addNewItemButton ?? undefined}\n            initialFocusResolver={\n              !disableSearch\n                ? (elements) =>\n                    elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n                : undefined\n            }\n          >\n            <SelectOptions\n              ref={listRef}\n              isOpen\n              items={items}\n              sectionsMeta={sectionsMeta}\n              getMenuProps={(opts) => {\n                const menuProps = getMenuPropsWithKeyDown(opts);\n                if (disableSearch) {\n                  return menuProps;\n                }\n                return { ...menuProps, tabIndex: -1 };\n              }}\n              getItemProps={getItemProps}\n              highlightedIndex={highlightedIndex}\n              selectedOption={selectedOption}\n              hasMore={hasMore}\n              onLoadMore={handleLoadMore}\n              loading={loading}\n              loadingMore={loadingMore}\n              virtualize={virtualize}\n            />\n          </OptionsDialog>\n        </>\n      );\n    }\n\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsPopover\n          id={`${id}-popover`}\n          referenceElement={triggerRef}\n          open={isOpen && displayAs === \"popover\"}\n          onClose={handleClickOutside}\n          width={popoverWidth ?? 320}\n          footer={addNewItemButton ?? undefined}\n        >\n          {searchInput}\n          <SelectOptions\n            ref={listRef}\n            isOpen={isOpen}\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={(opts) => {\n              const menuProps = getMenuPropsWithKeyDown(opts);\n              if (disableSearch) {\n                return menuProps;\n              }\n              return { ...menuProps, tabIndex: -1 };\n            }}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOption={selectedOption}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            virtualize={virtualize}\n          />\n        </OptionsPopover>\n      </>\n    );\n  },\n);\n\nSelectMenu.displayName = \"SelectMenu\";\n","import { useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { SelectMenu } from \"./SelectMenu\";\nimport {\n  SelectMenuHandle,\n  SelectMenuProps,\n  SelectMenuOption,\n  SelectMenuGroupByValue,\n} from \"./types\";\nimport {\n  SyncFilterFn,\n  defaultSyncFilter,\n  toSyncFilterFn,\n  sortByGroup,\n} from \"../../../internal/functions/syncFilterUtils\";\n\nexport type SelectMenuSyncProps = Omit<\n  SelectMenuProps,\n  \"loadOptions\" | \"lazy\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The options to display in the select menu.\n   */\n  options: SelectMenuOption[];\n  /**\n   * Controls how options are filtered and sorted when the user types a search value.\n   * Can be a function that returns options in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, options are filtered by `label` and `searchText` using match-sorter.\n   */\n  filter?: SyncFilterFn | MatchSorterOptions<SelectMenuOption>;\n  /**\n   * Custom comparator function to sort groups.\n   */\n  groupSorter?: (\n    a: SelectMenuGroupByValue,\n    b: SelectMenuGroupByValue,\n  ) => number;\n};\n\n/**\n * SelectMenuSync is a simplified version of SelectMenu for client-side option sets.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`\n * - Performs client-side filtering of the options\n * - Optionally accepts a custom filter function or MatchSorterOptions\n * - Supports grouping with optional group sorting via `groupSorter`\n * - Supports all other props of SelectMenu\n *\n * @example\n * <SelectMenuSync\n *   trigger={(props) => <Button {...props}>Pick a book</Button>}\n *   label=\"Books\"\n *   options={bookOptions}\n *   value={selectedOption}\n *   onSelectedOptionChange={setSelectedOption}\n * />\n */\nexport const SelectMenuSync = (props: SelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultSyncFilter,\n    groupSorter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);\n\n  const loadOptions = (searchValue: string) => {\n    const filtered = filter(options, searchValue);\n    return groupSorter ? sortByGroup(filtered, groupSorter) : filtered;\n  };\n\n  const fieldRef = useRef<SelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      fieldRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <SelectMenu\n      ref={fieldRef}\n      lazy={false}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectMenuSync-C-PFemsQ.js","sources":["../src/beta/components/SelectMenu/SelectMenu.tsx","../src/beta/components/SelectMenu/SelectMenuSync.tsx"],"sourcesContent":["import { SelectMenuHandle, SelectMenuProps } from \"./types\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { SelectOptions } from \"../../../internal/components/SelectOptions\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { AddNewItemButton } from \"../../../internal/components/AddNewItemButton\";\nimport { useProcessedOptions } from \"../../../internal/hooks/useProcessedOptions\";\nimport { buildSelectItems } from \"../../../internal/functions/buildSelectItems\";\nimport { useMenuInteraction } from \"./internal/useMenuInteraction\";\nimport { SelectItem } from \"../../../internal/types/selectFieldInternalTypes\";\nimport { useSelectOrchestration } from \"../../../internal/hooks/useSelectOrchestration\";\nimport { SearchField } from \"../../../components\";\n\n/**\n * SelectMenu component for selecting a single option from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Optional search input rendered inside the popover/dialog\n * - Lazy loading with pagination (page, offset, or group modes)\n * - Pinned options support\n * - Grouped options support\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Cache support for loadOptions results\n * - Full accessibility support with ARIA attributes\n * - Controlled selection state\n * - Configurable popover width\n * - Optional \"Add new item\" affordance below the option list with consumer-owned dialog\n *\n * @example\n * <SelectMenu\n *   trigger={(props) => <Button {...props}>Select a book</Button>}\n *   label=\"Books\"\n *   value={selectedOption}\n *   onSelectedOptionChange={setSelectedOption}\n *   loadOptions={loadOptions}\n * />\n */\nexport const SelectMenu = forwardRef<SelectMenuHandle, SelectMenuProps>(\n  (props, ref) => {\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const searchRef = useRef<HTMLInputElement>(null);\n\n    const {\n      id: idProp,\n      value: selectedOption,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      lazy,\n      loadOptions: loadOptionsProp,\n      label,\n      searchPlaceholder,\n      debounceMs = 200,\n      onSelectedOptionChange,\n      cache,\n      pinned,\n      virtualize,\n      disableSearch,\n      popoverWidth,\n      trigger,\n      onSearchChange,\n      onMenuKeyDown,\n      onImplicitClose,\n      onExplicitClose,\n      addItemLabel,\n      onAddNewItem,\n    } = props;\n\n    const groupToString =\n      \"groupToString\" in props ? props.groupToString : undefined;\n    const groupSorter = \"groupSorter\" in props ? props.groupSorter : undefined;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n\n    const {\n      displayAs,\n      initialLoad,\n      initialLoadPerformed,\n      setInitialLoadPerformed,\n      options,\n      loading,\n      loadingMore,\n      hasMore,\n      loadOptions,\n      loadMore,\n    } = useSelectOrchestration({\n      lazy,\n      loadOptions: loadOptionsProp,\n      cache,\n      lazyOptions: \"lazyOptions\" in props ? props.lazyOptions : undefined,\n      initialLoad: initialLoadProp,\n      displayMenuAs: displayMenuAsProp,\n      ref,\n    });\n\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const searchValue = disableSearch ? \"\" : inputValue;\n\n    const { pinnedSections, ungroupedItems, groupSections } =\n      useProcessedOptions({\n        options,\n        pinned,\n        searchValue,\n        groupToString,\n        groupSorter,\n      });\n\n    const { items, sectionsMeta } = useMemo(\n      () =>\n        buildSelectItems({\n          pinnedSections,\n          groupSections,\n          ungroupedItems,\n        }),\n      [pinnedSections, groupSections, ungroupedItems],\n    );\n\n    const selectedItemIds = useMemo(\n      () => new Set(selectedOption ? [selectedOption.id] : []),\n      [selectedOption],\n    );\n\n    const handleItemActivate = useCallback(\n      (item: SelectItem) => {\n        if (\n          item.type === \"option\" ||\n          item.type === \"pinned-option\" ||\n          item.type === \"grouped-option\"\n        ) {\n          onSelectedOptionChange(item.original);\n        } else {\n          onSelectedOptionChange(null);\n        }\n      },\n      [onSelectedOptionChange],\n    );\n\n    const {\n      isOpen,\n      closeMenu,\n      highlightedIndex,\n      setHighlightedIndex,\n      getTriggerProps,\n      getMenuProps,\n      getItemProps,\n      listRef,\n      menuContainerRef,\n      handleKeyDown,\n    } = useMenuInteraction({\n      items: items,\n      sectionsMeta,\n      onItemActivate: handleItemActivate,\n      selectedItemIds,\n      displayAs,\n      closeOnActivate: true,\n      id,\n      triggerRef,\n      label,\n      onImplicitClose,\n      onExplicitClose,\n    });\n\n    const debouncedOptionLoader = useDebouncedCallback((value: string) => {\n      loadOptions(value, { initial: true });\n    }, debounceMs);\n\n    const handleInputChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value;\n        setInputValue(value);\n        debouncedOptionLoader(value);\n        onSearchChange?.(value);\n      },\n      [debouncedOptionLoader, onSearchChange],\n    );\n\n    const handleInputKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        onMenuKeyDown?.(e);\n        handleKeyDown(e);\n      },\n      [handleKeyDown, onMenuKeyDown],\n    );\n\n    const getMenuPropsWithKeyDown: typeof getMenuProps = useCallback(\n      (opts) => {\n        const menuProps = getMenuProps(opts);\n        if (!onMenuKeyDown) return menuProps;\n        return {\n          ...menuProps,\n          onKeyDown: (e: KeyboardEvent) => {\n            onMenuKeyDown(e);\n            menuProps.onKeyDown(e);\n          },\n        };\n      },\n      [getMenuProps, onMenuKeyDown],\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    }, [\n      loadOptions,\n      initialLoadPerformed,\n      initialLoad,\n      setInitialLoadPerformed,\n    ]);\n\n    const prevIsOpenRef = useRef(false);\n    useEffect(() => {\n      const wasOpen = prevIsOpenRef.current;\n      prevIsOpenRef.current = isOpen;\n\n      if (isOpen && !wasOpen) {\n        if (initialLoad === \"open\" && !initialLoadPerformed) {\n          loadOptions(\"\", { initial: true }).then(() => {\n            setInitialLoadPerformed(true);\n          });\n        }\n        const selectedIdx = items.findIndex(\n          (item) => item.original.id === selectedOption?.id,\n        );\n        if (selectedIdx >= 0) {\n          setHighlightedIndex(selectedIdx);\n        }\n      }\n\n      if (!isOpen && wasOpen) {\n        setInputValue(\"\");\n        loadOptions(\"\", { initial: true });\n      }\n    }, [\n      isOpen,\n      initialLoad,\n      initialLoadPerformed,\n      loadOptions,\n      setInitialLoadPerformed,\n      items,\n      selectedOption?.id,\n      setHighlightedIndex,\n    ]);\n\n    useEffect(() => {\n      if (!isOpen || displayAs !== \"popover\") return;\n\n      const frameId = requestAnimationFrame(() => {\n        if (!disableSearch) {\n          searchRef.current?.focus();\n        } else {\n          menuContainerRef.current?.focus();\n        }\n      });\n\n      return () => cancelAnimationFrame(frameId);\n    }, [isOpen, displayAs, disableSearch, menuContainerRef]);\n\n    const handleLoadMore = async () => {\n      await loadMore(searchValue);\n    };\n\n    const handleClickOutside = useCallback(() => {\n      closeMenu({ restoreFocus: false });\n    }, [closeMenu]);\n\n    const triggerProps = getTriggerProps();\n\n    const menuPropsForAria = getMenuProps();\n    const activeDescendant = menuPropsForAria[\"aria-activedescendant\"];\n\n    const handleSearchClear = useCallback(() => {\n      setInputValue(\"\");\n      debouncedOptionLoader(\"\");\n      onSearchChange?.(\"\");\n    }, [debouncedOptionLoader, onSearchChange]);\n\n    const searchInput = !disableSearch ? (\n      <SearchField\n        ref={searchRef}\n        value={inputValue}\n        onChange={\n          handleInputChange as React.ChangeEventHandler<HTMLInputElement>\n        }\n        onKeyDown={\n          handleInputKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n        }\n        onClear={handleSearchClear}\n        aria-activedescendant={activeDescendant}\n        aria-controls={menuPropsForAria.id}\n        placeholder={searchPlaceholder}\n        type=\"search\"\n      />\n    ) : null;\n\n    const addNewItemButton = onAddNewItem ? (\n      <AddNewItemButton\n        searchText={inputValue}\n        addItemLabel={addItemLabel}\n        onAddNewItem={onAddNewItem}\n        onCloseMenu={() => closeMenu({ restoreFocus: false })}\n      />\n    ) : null;\n\n    if (displayAs === \"dialog\") {\n      return (\n        <>\n          {trigger(triggerProps)}\n          <OptionsDialog\n            id={`${id}-dialog`}\n            isOpen={isOpen}\n            onClose={closeMenu}\n            title={label}\n            field={searchInput ?? undefined}\n            footer={addNewItemButton ?? undefined}\n            initialFocusResolver={\n              !disableSearch\n                ? (elements) =>\n                    elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n                : undefined\n            }\n          >\n            <SelectOptions\n              ref={listRef}\n              isOpen\n              items={items}\n              sectionsMeta={sectionsMeta}\n              getMenuProps={(opts) => {\n                const menuProps = getMenuPropsWithKeyDown(opts);\n                if (disableSearch) {\n                  return menuProps;\n                }\n                return { ...menuProps, tabIndex: -1 };\n              }}\n              getItemProps={getItemProps}\n              highlightedIndex={highlightedIndex}\n              selectedOption={selectedOption}\n              hasMore={hasMore}\n              onLoadMore={handleLoadMore}\n              loading={loading}\n              loadingMore={loadingMore}\n              virtualize={virtualize}\n            />\n          </OptionsDialog>\n        </>\n      );\n    }\n\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsPopover\n          id={`${id}-popover`}\n          referenceElement={triggerRef}\n          open={isOpen && displayAs === \"popover\"}\n          onClose={handleClickOutside}\n          width={popoverWidth ?? 320}\n          footer={addNewItemButton ?? undefined}\n        >\n          {searchInput}\n          <SelectOptions\n            ref={listRef}\n            isOpen={isOpen}\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={(opts) => {\n              const menuProps = getMenuPropsWithKeyDown(opts);\n              if (disableSearch) {\n                return menuProps;\n              }\n              return { ...menuProps, tabIndex: -1 };\n            }}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOption={selectedOption}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            virtualize={virtualize}\n          />\n        </OptionsPopover>\n      </>\n    );\n  },\n);\n\nSelectMenu.displayName = \"SelectMenu\";\n","import { useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { SelectMenu } from \"./SelectMenu\";\nimport {\n  SelectMenuHandle,\n  SelectMenuProps,\n  SelectMenuOption,\n  SelectMenuGroupByValue,\n} from \"./types\";\nimport {\n  SyncFilterFn,\n  defaultSyncFilter,\n  toSyncFilterFn,\n  sortByGroup,\n} from \"../../../internal/functions/syncFilterUtils\";\n\nexport type SelectMenuSyncProps = Omit<\n  SelectMenuProps,\n  \"loadOptions\" | \"lazy\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The options to display in the select menu.\n   */\n  options: SelectMenuOption[];\n  /**\n   * Controls how options are filtered and sorted when the user types a search value.\n   * Can be a function that returns options in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, options are filtered by `label` and `searchText` using match-sorter.\n   */\n  filter?: SyncFilterFn | MatchSorterOptions<SelectMenuOption>;\n  /**\n   * Custom comparator function to sort groups.\n   */\n  groupSorter?: (\n    a: SelectMenuGroupByValue,\n    b: SelectMenuGroupByValue,\n  ) => number;\n};\n\n/**\n * SelectMenuSync is a simplified version of SelectMenu for client-side option sets.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`\n * - Performs client-side filtering of the options\n * - Optionally accepts a custom filter function or MatchSorterOptions\n * - Supports grouping with optional group sorting via `groupSorter`\n * - Supports all other props of SelectMenu\n *\n * @example\n * <SelectMenuSync\n *   trigger={(props) => <Button {...props}>Pick a book</Button>}\n *   label=\"Books\"\n *   options={bookOptions}\n *   value={selectedOption}\n *   onSelectedOptionChange={setSelectedOption}\n * />\n */\nexport const SelectMenuSync = (props: SelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultSyncFilter,\n    groupSorter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);\n\n  const loadOptions = (searchValue: string) => {\n    const filtered = filter(options, searchValue);\n    return groupSorter ? sortByGroup(filtered, groupSorter) : filtered;\n  };\n\n  const fieldRef = useRef<SelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      fieldRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <SelectMenu\n      ref={fieldRef}\n      lazy={false}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/{SelectOptions-BgT1V6qp.js → SelectOptions-Tr11Ckqw.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useCallback } from 'react';
-import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-Dpp7gt05.js';
+import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-COxBIkt6.js';
 
 const SelectOptions = forwardRef(
   ({ selectedOption, virtualize, ...rest }, ref) => {
@@ -23,4 +23,4 @@ const SelectOptions = forwardRef(
 SelectOptions.displayName = "SelectOptions";
 
 export { SelectOptions as S };
-//# sourceMappingURL=SelectOptions-BgT1V6qp.js.map
+//# sourceMappingURL=SelectOptions-Tr11Ckqw.js.map

package/dist/{SelectOptions-BgT1V6qp.js.map → SelectOptions-Tr11Ckqw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectOptions-BgT1V6qp.js","sources":["../src/internal/components/SelectOptions.tsx"],"sourcesContent":["import { SelectFieldOption } from \"../../beta/components/SelectField/types\";\nimport { CSSProperties, forwardRef, useCallback } from \"react\";\nimport { CheckState } from \"../../types\";\nimport { OptionsPanel, OptionsPanelHandle } from \"./OptionsPanel\";\nimport { VirtualizedOptionsPanel } from \"./VirtualizedOptionsPanel\";\nimport {\n  GetItemPropsFn,\n  GetMenuPropsFn,\n  SectionMeta,\n  SelectItem,\n} from \"../types/selectFieldInternalTypes\";\n\nexport type SelectOptionsProps = {\n  isOpen: boolean;\n  items: SelectItem[];\n  getMenuProps: GetMenuPropsFn;\n  getItemProps: GetItemPropsFn;\n  highlightedIndex: number;\n  selectedOption: SelectFieldOption | null;\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  sectionsMeta?: SectionMeta[];\n  virtualize?: boolean;\n};\n\nexport const SelectOptions = forwardRef<OptionsPanelHandle, SelectOptionsProps>(\n  ({ selectedOption, virtualize, ...rest }, ref) => {\n    const getCheckedState = useCallback(\n      (item: SelectItem): CheckState =>\n        selectedOption?.id === item.original.id ? \"checked\" : \"unchecked\",\n      [selectedOption],\n    );\n\n    const ListComponent = virtualize ? VirtualizedOptionsPanel : OptionsPanel;\n\n    return (\n      <ListComponent\n        {...rest}\n        ref={ref}\n        selectionType=\"single\"\n        getCheckedState={getCheckedState}\n      />\n    );\n  },\n);\n\nSelectOptions.displayName = \"SelectOptions\";\n"],"names":[],"mappings":";;;;AA+BO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,EAAE,cAAA,EAAgB,YAAY,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAChD,IAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,MACtB,CAAC,IAAA,KACC,cAAA,EAAgB,OAAO,IAAA,CAAK,QAAA,CAAS,KAAK,SAAA,GAAY,WAAA;AAAA,MACxD,CAAC,cAAc;AAAA,KACjB;AAEA,IAAA,MAAM,aAAA,GAAgB,aAAa,uBAAA,GAA0B,YAAA;AAE7D,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAc,QAAA;AAAA,QACd;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}
+{"version":3,"file":"SelectOptions-Tr11Ckqw.js","sources":["../src/internal/components/SelectOptions.tsx"],"sourcesContent":["import { SelectFieldOption } from \"../../beta/components/SelectField/types\";\nimport { CSSProperties, forwardRef, useCallback } from \"react\";\nimport { CheckState } from \"../../types\";\nimport { OptionsPanel, OptionsPanelHandle } from \"./OptionsPanel\";\nimport { VirtualizedOptionsPanel } from \"./VirtualizedOptionsPanel\";\nimport {\n  GetItemPropsFn,\n  GetMenuPropsFn,\n  SectionMeta,\n  SelectItem,\n} from \"../types/selectFieldInternalTypes\";\n\nexport type SelectOptionsProps = {\n  isOpen: boolean;\n  items: SelectItem[];\n  getMenuProps: GetMenuPropsFn;\n  getItemProps: GetItemPropsFn;\n  highlightedIndex: number;\n  selectedOption: SelectFieldOption | null;\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  sectionsMeta?: SectionMeta[];\n  virtualize?: boolean;\n};\n\nexport const SelectOptions = forwardRef<OptionsPanelHandle, SelectOptionsProps>(\n  ({ selectedOption, virtualize, ...rest }, ref) => {\n    const getCheckedState = useCallback(\n      (item: SelectItem): CheckState =>\n        selectedOption?.id === item.original.id ? \"checked\" : \"unchecked\",\n      [selectedOption],\n    );\n\n    const ListComponent = virtualize ? VirtualizedOptionsPanel : OptionsPanel;\n\n    return (\n      <ListComponent\n        {...rest}\n        ref={ref}\n        selectionType=\"single\"\n        getCheckedState={getCheckedState}\n      />\n    );\n  },\n);\n\nSelectOptions.displayName = \"SelectOptions\";\n"],"names":[],"mappings":";;;;AA+BO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,EAAE,cAAA,EAAgB,YAAY,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAChD,IAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,MACtB,CAAC,IAAA,KACC,cAAA,EAAgB,OAAO,IAAA,CAAK,QAAA,CAAS,KAAK,SAAA,GAAY,WAAA;AAAA,MACxD,CAAC,cAAc;AAAA,KACjB;AAEA,IAAA,MAAM,aAAA,GAAgB,aAAa,uBAAA,GAA0B,YAAA;AAE7D,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAc,QAAA;AAAA,QACd;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}

package/dist/{SelectTrigger-37HzF-VI.js → SelectTrigger-DTz7V-Xx.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { A as Avatar } from './Avatar-B_cRQqKR.js';
 import { I as Icon } from './Icon-feeG7gXA.js';
-import { S as SelectTriggerBase, d as defaultItemToString, a as defaultItemToKey } from './SelectTriggerBase-4o1cqEbR.js';
+import { S as SelectTriggerBase, d as defaultItemToString, a as defaultItemToKey } from './SelectTriggerBase-Ds6I7Qbr.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -121,4 +121,4 @@ const SelectTrigger = function(props) {
 };
 
 export { SelectTrigger as S };
-//# sourceMappingURL=SelectTrigger-37HzF-VI.js.map
+//# sourceMappingURL=SelectTrigger-DTz7V-Xx.js.map

package/dist/{SelectTrigger-37HzF-VI.js.map → SelectTrigger-DTz7V-Xx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger-37HzF-VI.js","sources":["../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import { Dispatch, SetStateAction } from \"react\";\nimport {\n  UseComboboxProps as UseDownshiftComboboxProps,\n  UseMultipleSelectionProps as UseDownshiftMultipleSelectionProps,\n} from \"downshift\";\n\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { FieldLabelProps } from \"../FieldLabel\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport {\n  SelectTriggerBase,\n  SelectTriggerBaseProps,\n} from \"./internal/SelectTriggerBase\";\nimport {\n  defaultItemToKey,\n  defaultItemToString,\n} from \"../Combobox/internal/ComboboxUtils\";\n\nexport type SelectTriggerProps<Item> = DistributiveOmit<\n  SelectTriggerBaseProps<Item>,\n  \"prefix\" | \"selectedItem\" | \"selectedItems\" | \"onChange\"\n> &\n  Pick<FieldLabelProps, \"required\" | \"moreInfo\"> &\n  Pick<UseDownshiftComboboxProps<Item>, \"itemToString\" | \"itemToKey\"> &\n  DataTrackingId & {\n    prefix?:\n      | string\n      | { icon: DistributiveOmit<IconProps, \"size\"> }\n      | { avatar: DistributiveOmit<AvatarProps, \"size\"> };\n  } & (\n    | {\n        multiple?: never;\n        onChange?:\n          | Dispatch<SetStateAction<Item | null>>\n          | ((arg: Item | null) => void);\n        selectedItem: UseDownshiftComboboxProps<Item>[\"selectedItem\"];\n        selectedItems?: never;\n      }\n    | {\n        multiple: true;\n        onChange?:\n          | Dispatch<SetStateAction<Item[] | null>>\n          | ((arg: Item[] | null) => void);\n        selectedItem?: never;\n        selectedItems: UseDownshiftMultipleSelectionProps<Item>[\"selectedItems\"];\n      }\n  );\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO: look into unknown\nexport const SelectTrigger = function <Item = any>(\n  props: SelectTriggerProps<Item>,\n) {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    style,\n    label,\n    size,\n    error,\n    hint,\n    description,\n    required,\n    moreInfo,\n    prefix: prefixProp,\n    suffix,\n    maxRows,\n    selectedItemProps = () => ({}),\n    id,\n    placeholder,\n    disabled: isDisabled,\n    readOnly: isReadOnly,\n    onClick,\n    multiple,\n    onChange,\n    disableClearSelection,\n    itemToString: itemToStringProp,\n    itemToKey: itemToKeyProp,\n    selectedItem = null,\n    selectedItems = [],\n    ...rest\n  } = componentProps;\n\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n  const itemToKey = itemToKeyProp ?? defaultItemToKey<Item>;\n\n  function removeSelectedItem(item: Item) {\n    if (multiple) {\n      onChange?.(\n        selectedItems.filter(\n          (selectedItem: Item) => itemToKey(selectedItem) !== itemToKey(item),\n        ),\n      );\n    } else if (itemToKey(selectedItem) === itemToKey(item)) {\n      onChange?.(null);\n    }\n  }\n\n  function reset() {\n    if (multiple) {\n      onChange?.([]);\n    } else {\n      onChange?.(null);\n    }\n  }\n\n  const noClearButton = isDisabled || isReadOnly || disableClearSelection;\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    size: props.size,\n    required: props.required,\n    moreInfo: props.moreInfo,\n    description: childrenToString(props.description),\n    hint: props.hint,\n    labelProps: labelPropsWithoutAiMark,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"ComboboxSearchField\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const prefix =\n    prefixProp == null || typeof prefixProp === \"string\" ? (\n      prefixProp\n    ) : \"icon\" in prefixProp ? (\n      <Icon {...prefixProp.icon} />\n    ) : \"avatar\" in prefixProp ? (\n      <Avatar\n        {...prefixProp.avatar}\n        size={props.size === \"small\" ? \"small\" : \"medium\"}\n      />\n    ) : (\n      prefixProp\n    );\n\n  return (\n    <SelectTriggerBase\n      data-anv=\"select-trigger\"\n      data-tracking-id={trackingId}\n      className={className}\n      style={styleCombined}\n      label={label}\n      size={size}\n      error={error}\n      hint={hint}\n      description={description}\n      labelProps={{\n        aiMark,\n        moreInfo,\n        required,\n      }}\n      prefix={prefix}\n      suffix={suffix}\n      maxRows={maxRows}\n      selectedItemProps={selectedItemProps}\n      id={id}\n      placeholder={placeholder}\n      disabled={isDisabled}\n      readOnly={isReadOnly}\n      itemToString={itemToString}\n      removeSelectedItem={removeSelectedItem}\n      disableClearSelection={noClearButton}\n      selectedItem={selectedItem}\n      selectedItems={selectedItems}\n      onClearButtonClick={reset}\n      inputWrapperProps={{ onClick }}\n      inputProps={rest}\n    />\n  );\n};\n"],"names":["selectedItem"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger-DTz7V-Xx.js","sources":["../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import { Dispatch, SetStateAction } from \"react\";\nimport {\n  UseComboboxProps as UseDownshiftComboboxProps,\n  UseMultipleSelectionProps as UseDownshiftMultipleSelectionProps,\n} from \"downshift\";\n\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { FieldLabelProps } from \"../FieldLabel\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport {\n  SelectTriggerBase,\n  SelectTriggerBaseProps,\n} from \"./internal/SelectTriggerBase\";\nimport {\n  defaultItemToKey,\n  defaultItemToString,\n} from \"../Combobox/internal/ComboboxUtils\";\n\nexport type SelectTriggerProps<Item> = DistributiveOmit<\n  SelectTriggerBaseProps<Item>,\n  \"prefix\" | \"selectedItem\" | \"selectedItems\" | \"onChange\"\n> &\n  Pick<FieldLabelProps, \"required\" | \"moreInfo\"> &\n  Pick<UseDownshiftComboboxProps<Item>, \"itemToString\" | \"itemToKey\"> &\n  DataTrackingId & {\n    prefix?:\n      | string\n      | { icon: DistributiveOmit<IconProps, \"size\"> }\n      | { avatar: DistributiveOmit<AvatarProps, \"size\"> };\n  } & (\n    | {\n        multiple?: never;\n        onChange?:\n          | Dispatch<SetStateAction<Item | null>>\n          | ((arg: Item | null) => void);\n        selectedItem: UseDownshiftComboboxProps<Item>[\"selectedItem\"];\n        selectedItems?: never;\n      }\n    | {\n        multiple: true;\n        onChange?:\n          | Dispatch<SetStateAction<Item[] | null>>\n          | ((arg: Item[] | null) => void);\n        selectedItem?: never;\n        selectedItems: UseDownshiftMultipleSelectionProps<Item>[\"selectedItems\"];\n      }\n  );\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO: look into unknown\nexport const SelectTrigger = function <Item = any>(\n  props: SelectTriggerProps<Item>,\n) {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    style,\n    label,\n    size,\n    error,\n    hint,\n    description,\n    required,\n    moreInfo,\n    prefix: prefixProp,\n    suffix,\n    maxRows,\n    selectedItemProps = () => ({}),\n    id,\n    placeholder,\n    disabled: isDisabled,\n    readOnly: isReadOnly,\n    onClick,\n    multiple,\n    onChange,\n    disableClearSelection,\n    itemToString: itemToStringProp,\n    itemToKey: itemToKeyProp,\n    selectedItem = null,\n    selectedItems = [],\n    ...rest\n  } = componentProps;\n\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n  const itemToKey = itemToKeyProp ?? defaultItemToKey<Item>;\n\n  function removeSelectedItem(item: Item) {\n    if (multiple) {\n      onChange?.(\n        selectedItems.filter(\n          (selectedItem: Item) => itemToKey(selectedItem) !== itemToKey(item),\n        ),\n      );\n    } else if (itemToKey(selectedItem) === itemToKey(item)) {\n      onChange?.(null);\n    }\n  }\n\n  function reset() {\n    if (multiple) {\n      onChange?.([]);\n    } else {\n      onChange?.(null);\n    }\n  }\n\n  const noClearButton = isDisabled || isReadOnly || disableClearSelection;\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    size: props.size,\n    required: props.required,\n    moreInfo: props.moreInfo,\n    description: childrenToString(props.description),\n    hint: props.hint,\n    labelProps: labelPropsWithoutAiMark,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"ComboboxSearchField\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const prefix =\n    prefixProp == null || typeof prefixProp === \"string\" ? (\n      prefixProp\n    ) : \"icon\" in prefixProp ? (\n      <Icon {...prefixProp.icon} />\n    ) : \"avatar\" in prefixProp ? (\n      <Avatar\n        {...prefixProp.avatar}\n        size={props.size === \"small\" ? \"small\" : \"medium\"}\n      />\n    ) : (\n      prefixProp\n    );\n\n  return (\n    <SelectTriggerBase\n      data-anv=\"select-trigger\"\n      data-tracking-id={trackingId}\n      className={className}\n      style={styleCombined}\n      label={label}\n      size={size}\n      error={error}\n      hint={hint}\n      description={description}\n      labelProps={{\n        aiMark,\n        moreInfo,\n        required,\n      }}\n      prefix={prefix}\n      suffix={suffix}\n      maxRows={maxRows}\n      selectedItemProps={selectedItemProps}\n      id={id}\n      placeholder={placeholder}\n      disabled={isDisabled}\n      readOnly={isReadOnly}\n      itemToString={itemToString}\n      removeSelectedItem={removeSelectedItem}\n      disableClearSelection={noClearButton}\n      selectedItem={selectedItem}\n      selectedItems={selectedItems}\n      onClearButtonClick={reset}\n      inputWrapperProps={{ onClick }}\n      inputProps={rest}\n    />\n  );\n};\n"],"names":["selectedItem"],"mappings":"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"}

package/dist/SelectTrigger.js

@@ -1,2 +1,2 @@
-export { S as SelectTrigger, S as default } from './SelectTrigger-37HzF-VI.js';
+export { S as SelectTrigger, S as default } from './SelectTrigger-DTz7V-Xx.js';
 //# sourceMappingURL=SelectTrigger.js.map

package/dist/{SelectTriggerBase-4o1cqEbR.js → SelectTriggerBase-Ds6I7Qbr.js}

@@ -4,11 +4,11 @@ import { c as cx } from './index-De1g9FRV.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { B as Button } from './Button-C_V2xQAs.js';
-import { C as Chip } from './Chip-0-Yx9SGX.js';
+import { C as Chip } from './Chip-D2k5X_wX.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
-import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { F as FieldLabel } from './FieldLabel-D1qPAGtB.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { s as styles } from './SelectTriggerBase.module-BgZSNZfE.js';
+import { s as styles } from './SelectTriggerBase.module-DsPvTQE7.js';
 import { H as Helper } from './Helper-B_VAFgGd.js';
 
 const ADD_NEW = Symbol.for("add-new");
@@ -312,4 +312,4 @@ const SelectTriggerBase = function({
 };
 
 export { ADD_NEW as A, SelectTriggerBase as S, defaultItemToKey as a, SELECT_ALL as b, defaultItemToString as d, getScrollParent as g, isMultiple as i };
-//# sourceMappingURL=SelectTriggerBase-4o1cqEbR.js.map
+//# sourceMappingURL=SelectTriggerBase-Ds6I7Qbr.js.map

package/dist/{SelectTriggerBase-4o1cqEbR.js.map → SelectTriggerBase-Ds6I7Qbr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectTriggerBase-4o1cqEbR.js","sources":["../src/components/Combobox/internal/ComboboxUtils.ts","../src/components/SelectTrigger/internal/SelectTriggerBase.tsx"],"sourcesContent":["import {\n  ComboboxMultipleProps,\n  ComboboxProps,\n  ComboboxSelectProps,\n  SelectMultipleProps,\n} from \"../ComboboxTypes\";\n\nexport const ADD_NEW = Symbol.for(\"add-new\");\nexport const SELECT_ALL = Symbol.for(\"select-all\");\n\n/**\n * Default function to convert an item to a string representation\n * @template Item - The type of the item\n * @param item - The item to convert to string\n * @returns String representation of the item or empty string if null/undefined\n */\nexport const defaultItemToString = function <Item>(item: Item | null) {\n  return item != null ? String(item) : \"\";\n};\n\n/**\n * Default function to generate a unique key for an item\n * @template Item - The type of the item\n * @param item - The item to generate a key for\n * @returns The item itself as the key\n */\nexport const defaultItemToKey = function <Item>(item: Item | null) {\n  return item;\n};\n\nexport function isMultiple<Item>(\n  props: ComboboxProps<Item> | ComboboxSelectProps<Item>,\n): props is ComboboxMultipleProps<Item> | SelectMultipleProps<Item> {\n  return Object.hasOwn(props, \"multiple\") && props.multiple === true;\n}\n\nexport function getScrollParent(node: HTMLElement | null) {\n  if (node == null) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    if (node.parentNode instanceof HTMLElement) {\n      return getScrollParent(node.parentNode);\n    }\n    return null;\n  }\n}\n","import {\n  useState,\n  useId,\n  useRef,\n  useLayoutEffect,\n  isValidElement,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type MutableRefObject,\n  type MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Chip, ChipProps } from \"../../Chip\";\nimport { Flex } from \"../../Flex\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { Helper } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { TextFieldProps } from \"../../TextField\";\n\nimport styles from \"./SelectTriggerBase.module.scss\";\nimport { DistributiveOmit } from \"../../../types\";\nimport { defaultItemToString } from \"../../Combobox/internal/ComboboxUtils\";\n\ntype PartialChipProps = Partial<Omit<ChipProps, \"icon\" | \"avatar\">> &\n  (\n    | { icon?: ChipProps[\"icon\"]; avatar?: never }\n    | { icon?: never; avatar?: ChipProps[\"avatar\"] }\n  );\n\nfunction mergeChipProps(\n  ...propSets: (PartialChipProps | Partial<ChipProps>)[]\n): ChipProps {\n  const merged = propSets.reduce(\n    (acc, props) => ({ ...acc, ...props }),\n    {} as Record<string, unknown>,\n  );\n\n  return merged as ChipProps;\n}\n\nexport type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<\n  TextFieldProps,\n  \"showCounter\" | \"prefix\"\n> & {\n  /**\n   * Should be a positive integer.\n   */\n  maxRows?: number;\n\n  /** Allows Combobox/Select to display custom-colored Chips */\n  selectedItemProps?: (item: Item, index: number) => PartialChipProps;\n} & {\n  itemToString?: (item: Item) => string;\n  removeSelectedItem?: (item: Item) => void;\n  disableClearSelection?: boolean;\n  selectedItem: Item | null;\n  selectedItems: Item[];\n\n  inputValue?: string;\n  referenceRef?: MutableRefObject<HTMLDivElement | null>;\n} & {\n  variant?: \"select\" | \"combobox\";\n  onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;\n  labelProps?: Partial<FieldLabelProps>;\n  inputWrapperProps?: ComponentPropsWithoutRef<\"div\">;\n  toggleButtonProps?: ComponentPropsWithoutRef<\"button\">;\n  chipProps?: (item: Item, index: number) => PartialChipProps;\n  inputProps?: ComponentPropsWithoutRef<\"input\" | \"div\">;\n} & {\n  prefix?: string | ReactNode;\n};\n\nexport const SelectTriggerBase = function <Item>({\n  className,\n  label,\n  size,\n  error,\n  hint,\n  description,\n  prefix,\n  suffix,\n  maxRows,\n  selectedItemProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  disabled,\n  readOnly,\n  /** ======== */\n  disableClearSelection,\n  itemToString: itemToStringProp,\n  selectedItem,\n  selectedItems,\n  removeSelectedItem,\n  inputValue,\n  referenceRef,\n  /** ======== */\n  variant = \"select\",\n  onClearButtonClick,\n  labelProps,\n  inputWrapperProps = {},\n  toggleButtonProps = {},\n  inputProps = {},\n  chipProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  warning,\n  placeholder,\n  ...rest\n}: SelectTriggerBaseProps<Item>) {\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n\n  const ComboboxTriggerClassNames = cx(styles[\"search-field\"], {\n    [styles[\"select\"]]: variant === \"select\",\n  });\n\n  const noClearButton = disabled || readOnly || disableClearSelection;\n\n  const ComboboxInputWrapperClassNames = cx(\n    styles[\"input-wrapper\"],\n    className\n      ? {\n          [className]: variant === \"select\",\n        }\n      : {},\n    {\n      [styles[\"small\"]]: size === \"small\",\n      [styles[\"large\"]]: size === \"large\",\n      [styles[\"no-clear-button\"]]: noClearButton,\n    },\n  );\n\n  const ComboboxInputClassNames = cx(\n    styles[\"input\"],\n    className\n      ? {\n          [className]: variant === \"combobox\",\n        }\n      : {},\n    {\n      [styles[\"error\"]]: error,\n    },\n  );\n\n  const helperUid = \"helper\" + useId();\n  const placeholderUid = \"placeholder\" + useId();\n  const ariaDescribedBy = `${helperUid} ${placeholderUid}`;\n\n  warnDeprecatedErrorUsage(\"SelectTrigger\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const [stillCalculating, setStillCalculating] = useState<boolean>(false);\n  const [collapsedChips, setCollapsedChips] = useState<boolean>(false);\n  const [visibleChipsCount, setVisibleChipsCount] = useState<number | null>(\n    null,\n  );\n  const [forceRenderCount, setForceRenderCount] = useState<number>(0);\n\n  useLayoutEffect(() => {\n    // we only need to do this nonsense if maxRows is set\n    if (maxRows === undefined) return;\n\n    // 1) Render with no chips collapsed, if it's already just one row, we're done\n    // 2) If there is a second row, then render again with best guess at how we should collapse\n    // 3) If there is still a second row while collapsed, then render again with one less item\n    // 4) Keep going until there is only one row, then /actually/ render\n\n    // start calculation loop, set intiial values and force re-render\n    if (stillCalculating === false) {\n      setStillCalculating(true);\n      setCollapsedChips(false);\n      setVisibleChipsCount(null);\n      setForceRenderCount((x) => x + 1);\n\n      // otherwise, calculate the number of rows\n    } else if (rowsRef?.current?.children) {\n      const children = rowsRef?.current?.children;\n\n      // Exclude the input-flex element from row counting so the algorithm\n      // only considers chip elements when deciding whether to collapse.\n      // The input will naturally fit alongside chips thanks to its\n      // reduced min-width.\n      const chipChildren = Array.from(children).filter(\n        (child) =>\n          !(child as HTMLElement).classList?.contains(styles[\"input-flex\"]),\n      );\n\n      const rowData = chipChildren.reduce(\n        (acc, child) => {\n          const top = child.getBoundingClientRect().top;\n\n          if (!acc.length) {\n            return [{ count: 1, top }];\n          } else if (acc[acc.length - 1].top === top) {\n            return [\n              ...acc.slice(0, -1),\n              { count: acc[acc.length - 1].count + 1, top },\n            ];\n          } else if (acc[acc.length - 1].top !== top) {\n            return [...acc, { count: 1, top }];\n          } else {\n            return acc;\n          }\n        },\n        [] as { count: number; top: number }[],\n      );\n\n      // Call it a day if:\n      // We don't have a second row OR\n      // We're already hiding everything OR\n      // There's only one item selected\n      if (\n        !rowData[maxRows] ||\n        visibleChipsCount === 0 ||\n        selectedItems.length === 1\n      ) {\n        setStillCalculating(false);\n      } else {\n        setCollapsedChips(true);\n\n        // otherwise, either guess how many visible chips we have\n        if (visibleChipsCount == null) {\n          if (rowData[maxRows]) {\n            const quickGuess = Math.max(\n              rowData\n                .slice(0, maxRows)\n                .reduce((sum, row) => sum + row.count, -1),\n              0,\n            );\n\n            setVisibleChipsCount(quickGuess);\n          } else {\n            const naiveGuess = Math.max(\n              rowData.reduce((sum, row) => sum + row.count, -2),\n              0,\n            );\n            setVisibleChipsCount(naiveGuess);\n          }\n\n          // or decrease our last guess by 1 and try again\n        } else {\n          setVisibleChipsCount(visibleChipsCount - 1);\n        }\n\n        setForceRenderCount((x) => x + 1);\n      }\n    }\n  }, [selectedItems.length, maxRows, forceRenderCount]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const selectedItemsDisplayCount =\n    collapsedChips && maxRows != null && visibleChipsCount !== null\n      ? visibleChipsCount\n      : selectedItems.length;\n\n  // TODO: Update this to use a TextField component once we can pass props\n  //       directly to both the label and the text input\n  return (\n    <div {...rest} className={ComboboxTriggerClassNames} ref={referenceRef}>\n      {label ? (\n        <FieldLabel\n          {...labelProps}\n          className={cx(styles[\"label\"], labelProps?.className)}\n        >\n          {label}\n        </FieldLabel>\n      ) : null}\n\n      <div\n        {...inputWrapperProps}\n        className={ComboboxInputWrapperClassNames}\n        {...(variant === \"select\"\n          ? {\n              \"aria-describedby\": ariaDescribedBy,\n              \"aria-labelledby\": labelProps?.id,\n            }\n          : {})}\n      >\n        <div className={styles[\"buttons-wrapper\"]}>\n          {(inputValue || selectedItem || selectedItems.length) &&\n          !noClearButton ? (\n            <div className={styles[\"close-button-wrapper\"]}>\n              <Button\n                aria-label=\"clear selection\"\n                appearance=\"ghost\"\n                size=\"small\"\n                icon={Close}\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                  e.stopPropagation();\n                  onClearButtonClick?.(e);\n                }}\n                tabIndex={-1}\n              />\n            </div>\n          ) : null}\n\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              {...toggleButtonProps}\n              {...(variant === \"select\" ? { tabIndex: -1, inert: \"true\" } : {})}\n              className={styles[\"toggle-button\"]}\n              aria-label=\"toggle menu\"\n              icon={Chevron_Right}\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className={styles[\"prefix-wrapper\"]}>\n          {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n        </div>\n\n        <div\n          className={cx(styles[\"rows-wrapper\"], {\n            [styles[\"max-rows\"]]: maxRows !== undefined,\n            [styles[\"single-row\"]]: maxRows === 1 && !stillCalculating,\n          })}\n          ref={rowsRef}\n        >\n          {selectedItems.length && removeSelectedItem != null\n            ? selectedItems\n                .slice(0, selectedItemsDisplayCount)\n                .map((item, index) => {\n                  return (\n                    <div\n                      key={`selected-item-${index}`}\n                      className={styles[\"chip-wrapper\"]}\n                    >\n                      <Chip\n                        {...mergeChipProps(\n                          chipProps(item, index),\n                          selectedItemProps(item, index),\n                          {\n                            label: itemToString(item),\n                            onClose:\n                              disabled || readOnly\n                                ? undefined\n                                : (_e) => {\n                                    removeSelectedItem(item);\n                                  },\n                            className: styles[\"chip\"],\n                            title: itemToString(item),\n                          },\n                        )}\n                      />\n                    </div>\n                  );\n                })\n            : null}\n\n          {collapsedChips && maxRows != null ? (\n            <div className={styles[\"chip-wrapper\"]}>\n              <Chip\n                label={`+${selectedItems.length - selectedItemsDisplayCount}`}\n                className={styles[\"chip\"]}\n                title={selectedItems\n                  .slice(selectedItemsDisplayCount)\n                  .map((item) => itemToString(item))\n                  .join(\", \")}\n              />\n            </div>\n          ) : null}\n\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            {variant === \"select\" ? (\n              <div\n                {...inputProps}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n              >\n                {selectedItems.length ? null : selectedItem ? (\n                  itemToString(selectedItem)\n                ) : (\n                  <span\n                    className={styles[\"fake-placeholder\"]}\n                    id={placeholderUid}\n                  >\n                    {placeholder}\n                  </span>\n                )}\n              </div>\n            ) : (\n              <input\n                type=\"text\"\n                {...inputProps}\n                placeholder={placeholder}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n                {...(inputProps[\"aria-expanded\"] != null &&\n                inputProps[\"aria-controls\"] != null\n                  ? {\n                      role: \"combobox\",\n                    }\n                  : {})}\n              />\n            )}\n\n            {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n          </Flex>\n        </div>\n      </div>\n\n      {hint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          hint={hint}\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["Close","Chevron_Right"],"mappings":"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"}
+{"version":3,"file":"SelectTriggerBase-Ds6I7Qbr.js","sources":["../src/components/Combobox/internal/ComboboxUtils.ts","../src/components/SelectTrigger/internal/SelectTriggerBase.tsx"],"sourcesContent":["import {\n  ComboboxMultipleProps,\n  ComboboxProps,\n  ComboboxSelectProps,\n  SelectMultipleProps,\n} from \"../ComboboxTypes\";\n\nexport const ADD_NEW = Symbol.for(\"add-new\");\nexport const SELECT_ALL = Symbol.for(\"select-all\");\n\n/**\n * Default function to convert an item to a string representation\n * @template Item - The type of the item\n * @param item - The item to convert to string\n * @returns String representation of the item or empty string if null/undefined\n */\nexport const defaultItemToString = function <Item>(item: Item | null) {\n  return item != null ? String(item) : \"\";\n};\n\n/**\n * Default function to generate a unique key for an item\n * @template Item - The type of the item\n * @param item - The item to generate a key for\n * @returns The item itself as the key\n */\nexport const defaultItemToKey = function <Item>(item: Item | null) {\n  return item;\n};\n\nexport function isMultiple<Item>(\n  props: ComboboxProps<Item> | ComboboxSelectProps<Item>,\n): props is ComboboxMultipleProps<Item> | SelectMultipleProps<Item> {\n  return Object.hasOwn(props, \"multiple\") && props.multiple === true;\n}\n\nexport function getScrollParent(node: HTMLElement | null) {\n  if (node == null) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    if (node.parentNode instanceof HTMLElement) {\n      return getScrollParent(node.parentNode);\n    }\n    return null;\n  }\n}\n","import {\n  useState,\n  useId,\n  useRef,\n  useLayoutEffect,\n  isValidElement,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type MutableRefObject,\n  type MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Chip, ChipProps } from \"../../Chip\";\nimport { Flex } from \"../../Flex\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { Helper } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { TextFieldProps } from \"../../TextField\";\n\nimport styles from \"./SelectTriggerBase.module.scss\";\nimport { DistributiveOmit } from \"../../../types\";\nimport { defaultItemToString } from \"../../Combobox/internal/ComboboxUtils\";\n\ntype PartialChipProps = Partial<Omit<ChipProps, \"icon\" | \"avatar\">> &\n  (\n    | { icon?: ChipProps[\"icon\"]; avatar?: never }\n    | { icon?: never; avatar?: ChipProps[\"avatar\"] }\n  );\n\nfunction mergeChipProps(\n  ...propSets: (PartialChipProps | Partial<ChipProps>)[]\n): ChipProps {\n  const merged = propSets.reduce(\n    (acc, props) => ({ ...acc, ...props }),\n    {} as Record<string, unknown>,\n  );\n\n  return merged as ChipProps;\n}\n\nexport type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<\n  TextFieldProps,\n  \"showCounter\" | \"prefix\"\n> & {\n  /**\n   * Should be a positive integer.\n   */\n  maxRows?: number;\n\n  /** Allows Combobox/Select to display custom-colored Chips */\n  selectedItemProps?: (item: Item, index: number) => PartialChipProps;\n} & {\n  itemToString?: (item: Item) => string;\n  removeSelectedItem?: (item: Item) => void;\n  disableClearSelection?: boolean;\n  selectedItem: Item | null;\n  selectedItems: Item[];\n\n  inputValue?: string;\n  referenceRef?: MutableRefObject<HTMLDivElement | null>;\n} & {\n  variant?: \"select\" | \"combobox\";\n  onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;\n  labelProps?: Partial<FieldLabelProps>;\n  inputWrapperProps?: ComponentPropsWithoutRef<\"div\">;\n  toggleButtonProps?: ComponentPropsWithoutRef<\"button\">;\n  chipProps?: (item: Item, index: number) => PartialChipProps;\n  inputProps?: ComponentPropsWithoutRef<\"input\" | \"div\">;\n} & {\n  prefix?: string | ReactNode;\n};\n\nexport const SelectTriggerBase = function <Item>({\n  className,\n  label,\n  size,\n  error,\n  hint,\n  description,\n  prefix,\n  suffix,\n  maxRows,\n  selectedItemProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  disabled,\n  readOnly,\n  /** ======== */\n  disableClearSelection,\n  itemToString: itemToStringProp,\n  selectedItem,\n  selectedItems,\n  removeSelectedItem,\n  inputValue,\n  referenceRef,\n  /** ======== */\n  variant = \"select\",\n  onClearButtonClick,\n  labelProps,\n  inputWrapperProps = {},\n  toggleButtonProps = {},\n  inputProps = {},\n  chipProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  warning,\n  placeholder,\n  ...rest\n}: SelectTriggerBaseProps<Item>) {\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n\n  const ComboboxTriggerClassNames = cx(styles[\"search-field\"], {\n    [styles[\"select\"]]: variant === \"select\",\n  });\n\n  const noClearButton = disabled || readOnly || disableClearSelection;\n\n  const ComboboxInputWrapperClassNames = cx(\n    styles[\"input-wrapper\"],\n    className\n      ? {\n          [className]: variant === \"select\",\n        }\n      : {},\n    {\n      [styles[\"small\"]]: size === \"small\",\n      [styles[\"large\"]]: size === \"large\",\n      [styles[\"no-clear-button\"]]: noClearButton,\n    },\n  );\n\n  const ComboboxInputClassNames = cx(\n    styles[\"input\"],\n    className\n      ? {\n          [className]: variant === \"combobox\",\n        }\n      : {},\n    {\n      [styles[\"error\"]]: error,\n    },\n  );\n\n  const helperUid = \"helper\" + useId();\n  const placeholderUid = \"placeholder\" + useId();\n  const ariaDescribedBy = `${helperUid} ${placeholderUid}`;\n\n  warnDeprecatedErrorUsage(\"SelectTrigger\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const [stillCalculating, setStillCalculating] = useState<boolean>(false);\n  const [collapsedChips, setCollapsedChips] = useState<boolean>(false);\n  const [visibleChipsCount, setVisibleChipsCount] = useState<number | null>(\n    null,\n  );\n  const [forceRenderCount, setForceRenderCount] = useState<number>(0);\n\n  useLayoutEffect(() => {\n    // we only need to do this nonsense if maxRows is set\n    if (maxRows === undefined) return;\n\n    // 1) Render with no chips collapsed, if it's already just one row, we're done\n    // 2) If there is a second row, then render again with best guess at how we should collapse\n    // 3) If there is still a second row while collapsed, then render again with one less item\n    // 4) Keep going until there is only one row, then /actually/ render\n\n    // start calculation loop, set intiial values and force re-render\n    if (stillCalculating === false) {\n      setStillCalculating(true);\n      setCollapsedChips(false);\n      setVisibleChipsCount(null);\n      setForceRenderCount((x) => x + 1);\n\n      // otherwise, calculate the number of rows\n    } else if (rowsRef?.current?.children) {\n      const children = rowsRef?.current?.children;\n\n      // Exclude the input-flex element from row counting so the algorithm\n      // only considers chip elements when deciding whether to collapse.\n      // The input will naturally fit alongside chips thanks to its\n      // reduced min-width.\n      const chipChildren = Array.from(children).filter(\n        (child) =>\n          !(child as HTMLElement).classList?.contains(styles[\"input-flex\"]),\n      );\n\n      const rowData = chipChildren.reduce(\n        (acc, child) => {\n          const top = child.getBoundingClientRect().top;\n\n          if (!acc.length) {\n            return [{ count: 1, top }];\n          } else if (acc[acc.length - 1].top === top) {\n            return [\n              ...acc.slice(0, -1),\n              { count: acc[acc.length - 1].count + 1, top },\n            ];\n          } else if (acc[acc.length - 1].top !== top) {\n            return [...acc, { count: 1, top }];\n          } else {\n            return acc;\n          }\n        },\n        [] as { count: number; top: number }[],\n      );\n\n      // Call it a day if:\n      // We don't have a second row OR\n      // We're already hiding everything OR\n      // There's only one item selected\n      if (\n        !rowData[maxRows] ||\n        visibleChipsCount === 0 ||\n        selectedItems.length === 1\n      ) {\n        setStillCalculating(false);\n      } else {\n        setCollapsedChips(true);\n\n        // otherwise, either guess how many visible chips we have\n        if (visibleChipsCount == null) {\n          if (rowData[maxRows]) {\n            const quickGuess = Math.max(\n              rowData\n                .slice(0, maxRows)\n                .reduce((sum, row) => sum + row.count, -1),\n              0,\n            );\n\n            setVisibleChipsCount(quickGuess);\n          } else {\n            const naiveGuess = Math.max(\n              rowData.reduce((sum, row) => sum + row.count, -2),\n              0,\n            );\n            setVisibleChipsCount(naiveGuess);\n          }\n\n          // or decrease our last guess by 1 and try again\n        } else {\n          setVisibleChipsCount(visibleChipsCount - 1);\n        }\n\n        setForceRenderCount((x) => x + 1);\n      }\n    }\n  }, [selectedItems.length, maxRows, forceRenderCount]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const selectedItemsDisplayCount =\n    collapsedChips && maxRows != null && visibleChipsCount !== null\n      ? visibleChipsCount\n      : selectedItems.length;\n\n  // TODO: Update this to use a TextField component once we can pass props\n  //       directly to both the label and the text input\n  return (\n    <div {...rest} className={ComboboxTriggerClassNames} ref={referenceRef}>\n      {label ? (\n        <FieldLabel\n          {...labelProps}\n          className={cx(styles[\"label\"], labelProps?.className)}\n        >\n          {label}\n        </FieldLabel>\n      ) : null}\n\n      <div\n        {...inputWrapperProps}\n        className={ComboboxInputWrapperClassNames}\n        {...(variant === \"select\"\n          ? {\n              \"aria-describedby\": ariaDescribedBy,\n              \"aria-labelledby\": labelProps?.id,\n            }\n          : {})}\n      >\n        <div className={styles[\"buttons-wrapper\"]}>\n          {(inputValue || selectedItem || selectedItems.length) &&\n          !noClearButton ? (\n            <div className={styles[\"close-button-wrapper\"]}>\n              <Button\n                aria-label=\"clear selection\"\n                appearance=\"ghost\"\n                size=\"small\"\n                icon={Close}\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                  e.stopPropagation();\n                  onClearButtonClick?.(e);\n                }}\n                tabIndex={-1}\n              />\n            </div>\n          ) : null}\n\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              {...toggleButtonProps}\n              {...(variant === \"select\" ? { tabIndex: -1, inert: \"true\" } : {})}\n              className={styles[\"toggle-button\"]}\n              aria-label=\"toggle menu\"\n              icon={Chevron_Right}\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className={styles[\"prefix-wrapper\"]}>\n          {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n        </div>\n\n        <div\n          className={cx(styles[\"rows-wrapper\"], {\n            [styles[\"max-rows\"]]: maxRows !== undefined,\n            [styles[\"single-row\"]]: maxRows === 1 && !stillCalculating,\n          })}\n          ref={rowsRef}\n        >\n          {selectedItems.length && removeSelectedItem != null\n            ? selectedItems\n                .slice(0, selectedItemsDisplayCount)\n                .map((item, index) => {\n                  return (\n                    <div\n                      key={`selected-item-${index}`}\n                      className={styles[\"chip-wrapper\"]}\n                    >\n                      <Chip\n                        {...mergeChipProps(\n                          chipProps(item, index),\n                          selectedItemProps(item, index),\n                          {\n                            label: itemToString(item),\n                            onClose:\n                              disabled || readOnly\n                                ? undefined\n                                : (_e) => {\n                                    removeSelectedItem(item);\n                                  },\n                            className: styles[\"chip\"],\n                            title: itemToString(item),\n                          },\n                        )}\n                      />\n                    </div>\n                  );\n                })\n            : null}\n\n          {collapsedChips && maxRows != null ? (\n            <div className={styles[\"chip-wrapper\"]}>\n              <Chip\n                label={`+${selectedItems.length - selectedItemsDisplayCount}`}\n                className={styles[\"chip\"]}\n                title={selectedItems\n                  .slice(selectedItemsDisplayCount)\n                  .map((item) => itemToString(item))\n                  .join(\", \")}\n              />\n            </div>\n          ) : null}\n\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            {variant === \"select\" ? (\n              <div\n                {...inputProps}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n              >\n                {selectedItems.length ? null : selectedItem ? (\n                  itemToString(selectedItem)\n                ) : (\n                  <span\n                    className={styles[\"fake-placeholder\"]}\n                    id={placeholderUid}\n                  >\n                    {placeholder}\n                  </span>\n                )}\n              </div>\n            ) : (\n              <input\n                type=\"text\"\n                {...inputProps}\n                placeholder={placeholder}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n                {...(inputProps[\"aria-expanded\"] != null &&\n                inputProps[\"aria-controls\"] != null\n                  ? {\n                      role: \"combobox\",\n                    }\n                  : {})}\n              />\n            )}\n\n            {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n          </Flex>\n        </div>\n      </div>\n\n      {hint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          hint={hint}\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["Close","Chevron_Right"],"mappings":"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"}

package/dist/SelectTriggerBase.css

@@ -1,4 +1,4 @@
-.anvil2 {._search-field_66f9d_1 {
+.anvil2 {._search-field_2e6em_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -12,9 +12,9 @@
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
-}._select_66f9d_17 {
+}._select_2e6em_17 {
   cursor: pointer;
-}._input-wrapper_66f9d_21 {
+}._input-wrapper_2e6em_21 {
   --a2-mod-select-trigger-base-height: calc(
     var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
@@ -37,29 +37,30 @@
   padding-inline-end: 4.5rem;
   padding-inline-start: var(--a2-size-3, 0.75rem);
   position: relative;
-}._input-wrapper_66f9d_21:focus:not([disabled]), ._input-wrapper_66f9d_21:focus-visible, ._input-wrapper_66f9d_21:has(._input_66f9d_21:focus-visible) {
+}._input-wrapper_2e6em_21:focus:not([disabled]), ._input-wrapper_2e6em_21:focus-visible, ._input-wrapper_2e6em_21:has(._input_2e6em_21:focus-visible) {
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_66f9d_21:has(._input_66f9d_21._error_66f9d_48) {
+}._input-wrapper_2e6em_21:has(._input_2e6em_21._error_2e6em_48) {
   border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
-}._input-wrapper_66f9d_21:focus:has(._input_66f9d_21._error_66f9d_48):not([disabled]), ._input-wrapper_66f9d_21:focus-visible:has(._input_66f9d_21._error_66f9d_48), ._input-wrapper_66f9d_21:has(._input_66f9d_21._error_66f9d_48:focus-visible) {
+}._input-wrapper_2e6em_21:focus:has(._input_2e6em_21._error_2e6em_48):not([disabled]), ._input-wrapper_2e6em_21:focus-visible:has(._input_2e6em_21._error_2e6em_48), ._input-wrapper_2e6em_21:has(._input_2e6em_21._error_2e6em_48:focus-visible) {
   outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_66f9d_21._disabled_66f9d_55, ._input-wrapper_66f9d_21[disabled], ._input-wrapper_66f9d_21:has(._input_66f9d_21:disabled) {
+}._input-wrapper_2e6em_21._disabled_2e6em_55, ._input-wrapper_2e6em_21[disabled], ._input-wrapper_2e6em_21:has(._input_2e6em_21:disabled) {
   opacity: 0.4;
-}._input-wrapper_66f9d_21._disabled_66f9d_55 *, ._input-wrapper_66f9d_21[disabled] *, ._input-wrapper_66f9d_21:has(._input_66f9d_21:disabled) * {
+}._input-wrapper_2e6em_21._disabled_2e6em_55 *, ._input-wrapper_2e6em_21[disabled] *, ._input-wrapper_2e6em_21:has(._input_2e6em_21:disabled) * {
   cursor: not-allowed;
-}._input-wrapper_66f9d_21:has(input._input_66f9d_21:-moz-read-only) {
+}._input-wrapper_2e6em_21:has(input._input_2e6em_21:-moz-read-only) {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-wrapper_66f9d_21[disabled], ._input-wrapper_66f9d_21[readonly], ._input-wrapper_66f9d_21._disabled_66f9d_55, ._input-wrapper_66f9d_21:has(input._input_66f9d_21:read-only) {
+}._input-wrapper_2e6em_21[disabled], ._input-wrapper_2e6em_21[readonly], ._input-wrapper_2e6em_21._disabled_2e6em_55, ._input-wrapper_2e6em_21:has(input._input_2e6em_21:read-only) {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-flex_66f9d_65 {
+}._input-flex_2e6em_65 {
   flex: 1 1 100px;
   min-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 0;
-}._input_66f9d_21[type=text] {
+}._input_2e6em_21,
+._input_2e6em_21[type] {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -82,42 +83,45 @@
   padding-inline: 0;
   transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: 100px;
-}._input_66f9d_21[type=text]::-moz-placeholder {
+}._input_2e6em_21::-moz-placeholder, ._input_2e6em_21[type]::-moz-placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_66f9d_21[type=text]::placeholder {
+}._input_2e6em_21::placeholder,
+._input_2e6em_21[type]::placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_66f9d_21[type=text]:focus {
+}._input_2e6em_21:focus,
+._input_2e6em_21[type]:focus {
   box-shadow: none;
   outline: none;
 }@media (prefers-reduced-motion: reduce) {
-  ._input_66f9d_21[type=text] {
+  ._input_2e6em_21,
+  ._input_2e6em_21[type] {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}input._input_66f9d_21:-moz-read-only {
+}input._input_2e6em_21:-moz-read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}input._input_66f9d_21:read-only {
+}input._input_2e6em_21:read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._fake-placeholder_66f9d_116 {
+}._fake-placeholder_2e6em_120 {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-}._no-clear-button_66f9d_121 {
+}._no-clear-button_2e6em_125 {
   padding-inline-end: var(--a2-size-8, 2rem);
-}._no-toggle-button_66f9d_125 {
+}._no-toggle-button_2e6em_129 {
   padding-inline-end: var(--a2-size-8, 2rem);
-}._no-clear-button_66f9d_121._no-toggle-button_66f9d_125 {
+}._no-clear-button_2e6em_125._no-toggle-button_2e6em_129 {
   padding-inline-end: var(--a2-size-3, 0.75rem);
-}._small_66f9d_133 {
+}._small_2e6em_137 {
   --a2-mod-select-trigger-base-height: calc(
     var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._large_66f9d_139 {
+}._large_2e6em_143 {
   --a2-mod-select-trigger-base-height: calc(
     var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._buttons-wrapper_66f9d_145 {
+}._buttons-wrapper_2e6em_149 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -132,7 +136,7 @@
   inset-block-start: 0;
   inset-inline-end: 0;
   position: absolute;
-}._close-button-wrapper_66f9d_162 {
+}._close-button-wrapper_2e6em_166 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -146,11 +150,11 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._close-button_66f9d_162 {
+}._close-button_2e6em_166 {
   --a2-mod-button-background-color: transparent;
-}._close-button_66f9d_162[data-interactive=hover]::before, ._close-button_66f9d_162:hover::before, ._close-button_66f9d_162:disabled:not(._loading-infinite_66f9d_181, ._loading-progress_66f9d_181), ._close-button_66f9d_162._disabled_66f9d_55:not(._loading-infinite_66f9d_181, ._loading-progress_66f9d_181), ._close-button_66f9d_162[aria-disabled=true]:not(._loading-infinite_66f9d_181, ._loading-progress_66f9d_181) {
+}._close-button_2e6em_166[data-interactive=hover]::before, ._close-button_2e6em_166:hover::before, ._close-button_2e6em_166:disabled:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._close-button_2e6em_166._disabled_2e6em_55:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._close-button_2e6em_166[aria-disabled=true]:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185) {
   --a2-mod-button-background-color: transparent;
-}._toggle-button-wrapper_66f9d_185 {
+}._toggle-button-wrapper_2e6em_189 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -164,29 +168,29 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._toggle-button_66f9d_185 {
+}._toggle-button_2e6em_189 {
   --a2-mod-button-background-color: transparent;
   --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
   transform: rotate(90deg);
   transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._toggle-button_66f9d_185[aria-expanded=true] {
+}._toggle-button_2e6em_189[aria-expanded=true] {
   transform: rotate(270deg);
-}._toggle-button_66f9d_185[data-interactive=hover]::before, ._toggle-button_66f9d_185:hover::before, ._toggle-button_66f9d_185:disabled:not(._loading-infinite_66f9d_181, ._loading-progress_66f9d_181), ._toggle-button_66f9d_185._disabled_66f9d_55:not(._loading-infinite_66f9d_181, ._loading-progress_66f9d_181), ._toggle-button_66f9d_185[aria-disabled=true]:not(._loading-infinite_66f9d_181, ._loading-progress_66f9d_181) {
+}._toggle-button_2e6em_189[data-interactive=hover]::before, ._toggle-button_2e6em_189:hover::before, ._toggle-button_2e6em_189:disabled:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._toggle-button_2e6em_189._disabled_2e6em_55:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._toggle-button_2e6em_189[aria-disabled=true]:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185) {
   --a2-mod-button-background-color: transparent;
 }@media (prefers-reduced-motion: reduce) {
-  ._toggle-button_66f9d_185 {
+  ._toggle-button_2e6em_189 {
     transition-duration: 0.01ms !important;
   }
-}[aria-expanded=true] ._toggle-button_66f9d_185 {
+}[aria-expanded=true] ._toggle-button_2e6em_189 {
   transform: rotate(270deg);
-}._prefix-wrapper_66f9d_223 {
+}._prefix-wrapper_2e6em_227 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   height: var(--a2-mod-select-trigger-base-height);
   pointer-events: none;
-}._rows-wrapper_66f9d_232 {
+}._rows-wrapper_2e6em_236 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
@@ -195,16 +199,16 @@
   gap: 0 var(--a2-size-1, 0.25rem);
   max-width: 100%;
   width: 100%;
-}._chip-wrapper_66f9d_243 {
+}._chip-wrapper_2e6em_247 {
   align-items: center;
   display: flex;
   height: var(--a2-mod-select-trigger-base-height);
   justify-content: center;
   max-width: 100%;
-}._chip_66f9d_243 {
+}._chip_2e6em_247 {
   --a2-mod-chip-max-width: 100%;
-}._prefix_66f9d_223,
-._suffix_66f9d_256 {
+}._prefix_2e6em_227,
+._suffix_2e6em_260 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
@@ -220,9 +224,9 @@
   font-weight: var(--a2-font-weight-semibold, 600);
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
-}._prefix_66f9d_223 {
+}._prefix_2e6em_227 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
-}._suffix_66f9d_256 {
+}._suffix_2e6em_260 {
   padding-inline-start: var(--a2-size-2, 0.5rem);
   padding-inline-end: var(--a2-size-2, 0.5rem);
 }