@new-black/lyra 1.0.8 → 1.0.9

package/dist/lyra36.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra36.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { Group, Key } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport clsx from \"clsx\";\n\nimport { useLocale } from \"../../..\";\nimport { SvgIcon } from \"../../../components/svg-icon\";\nimport { Text } from \"../../../components/text\";\nimport { sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  open,\n  selectRenderElements,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      style={\n        {\n          width: (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <Listbox.Options\n        static\n        className={sharedListStyles({\n          className: \"h-full max-h-72 overflow-auto\",\n        })}\n      >\n        {items.map((item) => (\n          <Listbox.Option\n            key={getItemId(item)}\n            value={item}\n            disabled={disabledItemIdKeys?.includes(getItemId(item))}\n          >\n            {(renderItemState) => (\n              <SharedListItem\n                item={item}\n                state={renderItemState}\n                selectRenderElements={selectRenderElements}\n                hasSelection\n              />\n            )}\n          </Listbox.Option>\n        ))}\n      </Listbox.Options>\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      e.stopPropagation();\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={inputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        hasEndSlot: true,\n        className: isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n    >\n      <div className=\"grow text-left\">\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon name=\"chevron-up-down\" />\n      </div>\n    </Listbox.Button>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"items-start\",\n          ),\n        })\n      }\n    >\n      <Listbox.Button className=\"flex w-full outline-none\" as=\"div\" role=\"button\" tabIndex={0}>\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem]\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </Listbox.Button>\n    </Group>\n  );\n};\n\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const { wrapper } = sharedInputStyles({});\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Listbox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={value ?? internalValue ?? \"\"}\n    >\n      {({ disabled, open, value }) => (\n        <>\n          <div className={wrapper({ fullWidth })}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                disableClearLogic={disableClearLogic}\n                isInvalid={isInvalid}\n                placeholder={placeholder}\n                value={value as T | undefined}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                label={label}\n                onChange={onSingleChange}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            label={`${label} options`}\n            getItemId={getItemId}\n            selectRenderElements={selectRenderElements}\n            items={items}\n            open={open}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({});\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Listbox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={value ?? internalValue ?? []}\n    >\n      {({ disabled, open, value }) => (\n        <>\n          <div className={wrapper({ fullWidth })}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                placeholder={placeholder}\n                value={value}\n                onChange={onMultipleChange}\n                getItemId={getItemId}\n                getLabel={getLabel}\n                label={label}\n                disableClearLogic={disableClearLogic}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SelectItems<T>\n            label={`${label} options`}\n            triggerRef={triggerRef}\n            items={items}\n            open={open}\n            getItemId={getItemId}\n            selectRenderElements={selectRenderElements}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["SelectItems","direction","disabledItemIdKeys","getItemId","items","label","open","selectRenderElements","triggerRef","jsx","Popover","_a","Listbox","sharedListStyles","item","renderItemState","SharedListItem","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","value","isFocused","setIsFocused","useState","isHovered","setIsHovered","inputFieldStyles","sharedInputStyles","onKeyDown","e","jsxs","Text","Fragment","SvgIcon","MultipleValuesButton","onRemove","useCallback","keys","itemId","Group","clsx","InputTagGroup","InputTag","Select","by","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","name","fieldGroupIsDisabled","useContext","FieldGroupContext","internalValue","setInternalValue","wrapper","useRef","useLocale","onSingleChange","newValue","useEffect","disabled","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra36.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button as AriaButton, Group, Key } from \"react-aria-components\";\n\nimport clsx from \"clsx\";\n\nimport { useLocale, useMousePosition } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\ntype UseItemSelectionProps<T> = {\n  closePopover: () => void;\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  getItemId: (item: T) => Key;\n  onMultiChange?: (value?: T[]) => void;\n  onSingleChange?: (value?: T) => void;\n  value?: T | T[];\n};\n\nconst useItemSelection = <T extends object>({\n  closePopover,\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems.findIndex((item) => getItemId(item) === getItemId(value));\n    }\n  }, [filteredItems, getItemId, value]);\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const refs = useRef<HTMLButtonElement[]>([]);\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\n  }, []);\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.includes(item);\n      } else {\n        return value === item;\n      }\n    },\n    [value],\n  );\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation on buttons\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n          const nextButtonRef = refs.current[safeNextIndex];\n          nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          nextButtonRef?.focus();\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n          previousButtonRef?.focus();\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Escape\") {\n        closePopover();\n      }\n    },\n    [activeItem, closePopover, getNextItemIndex, getPreviousItemIndex, mousePosition],\n  );\n\n  // Handles onHoverChange event for the buttons\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current[activeItem].focus();\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst ItemsList = <T extends object>({\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  onMultiChange,\n  onSingleChange,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Pick<\n  SelectItemsProps<T>,\n  | \"disabledItemIdKeys\"\n  | \"getItemId\"\n  | \"items\"\n  | \"onMultiChange\"\n  | \"onSingleChange\"\n  | \"selectRenderElements\"\n  | \"setOpenPopover\"\n  | \"value\"\n>) => {\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    toggleSelection,\n  } = useItemSelection({\n    closePopover: () => setOpenPopover(false),\n    disabledItemIdKeys,\n    filteredItems: items,\n    getItemId,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const itemIsDisabled = (item: T) => {\n    return disabledItemIdKeys?.includes(getItemId(item)) ?? false;\n  };\n\n  return (\n    <div\n      className={sharedListStyles({\n        className: \"h-full max-h-72 overflow-auto\",\n      })}\n    >\n      {items.map((item, index) => (\n        <AriaButton\n          data-index={index}\n          key={getItemId(item)}\n          ref={(el) => assignRefOnIndex(index, el)}\n          className=\"w-full text-start outline-none\"\n          onHoverChange={(isHovering) => {\n            onHoverChange(isHovering, index);\n          }}\n          onPress={() => toggleSelection(item)}\n          onKeyDown={(e) => onKeyDown(e)}\n          isDisabled={itemIsDisabled(item)}\n        >\n          <SharedListItem\n            item={item}\n            state={{\n              active: activeItem === index,\n              disabled: disabledItemIdKeys?.includes(getItemId(item)) ?? false,\n              selected: getItemIsSelected(item),\n            }}\n            selectRenderElements={selectRenderElements}\n            hasSelection\n          />\n        </AriaButton>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  onMultiChange,\n  onSingleChange,\n  open,\n  placement = \"bottom start\",\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SelectItemsProps<T>) => {\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <ItemsList\n          getItemId={getItemId}\n          items={items}\n          onMultiChange={onMultiChange}\n          onSingleChange={onSingleChange}\n          selectRenderElements={selectRenderElements}\n          setOpenPopover={setOpenPopover}\n          value={value}\n          disabledItemIdKeys={disabledItemIdKeys}\n        />\n      ) : null}\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n        })\n      }\n      isDisabled={isDisabled}\n      onKeyDown={onKeyDown}\n      onPress={() => {\n        setOpenPopover(true);\n      }}\n    >\n      <div className=\"flex grow text-start\">\n        {renderCustomElementInValueButton && value\n          ? selectRenderElements(value)?.customElement\n          : null}\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              role=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon name=\"chevron-up-down\" />\n      </div>\n    </AriaButton>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <Group>\n      {({ isFocusWithin }) => (\n        <AriaButton\n          className={({ isFocused, isHovered }) =>\n            inputFieldStyles({\n              fullWidth,\n              isDisabled,\n              isHovered,\n              isFocused: isFocused || isFocusWithin,\n              isInvalid,\n              hasEndSlot: true,\n              className: clsx(\n                isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n                \"items-start\",\n              ),\n            })\n          }\n          onKeyDown={(e) => onKeyDown(e)}\n          onPress={() => setOpenPopover(true)}\n          isDisabled={isDisabled}\n        >\n          <div className=\"flex w-full outline-none\">\n            <div className=\"grow text-left\">\n              {value && value.length ? (\n                <InputTagGroup<T>\n                  label={label ?? \"Selected items\"}\n                  className=\"-m-1.5 -mt-[0.3125rem]\"\n                  onRemove={isDisabled ? undefined : onRemove}\n                >\n                  {value.map((item) => (\n                    <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                      {getLabel(item)}\n                    </InputTag>\n                  ))}\n                </InputTagGroup>\n              ) : (\n                <Text color=\"secondary\">{placeholder}</Text>\n              )}\n            </div>\n            <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-4\" />\n          </div>\n        </AriaButton>\n      )}\n    </Group>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  placement,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [open, setOpenPopover] = useState(false);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const { wrapper } = sharedInputStyles({});\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpenPopover(false);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper({ fullWidth })}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            fullWidth={fullWidth}\n            isDisabled={disabled}\n            disableClearLogic={disableClearLogic}\n            isInvalid={isInvalid}\n            placeholder={placeholder}\n            value={selectedValue}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            label={label}\n            onChange={onSingleChange}\n            setOpenPopover={setOpenPopover}\n            renderCustomElementInValueButton={renderCustomElementInValueButton}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SelectItems<T>\n        triggerRef={triggerRef}\n        label={`${label} options`}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        items={items}\n        open={open}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onSingleChange={onSingleChange}\n        value={selectedValue}\n        placement={placement}\n      />\n    </div>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  placement,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [open, setOpenPopover] = useState(false);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({});\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper({ fullWidth })}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            fullWidth={fullWidth}\n            isDisabled={disabled}\n            isInvalid={isInvalid}\n            placeholder={placeholder}\n            value={selectedValue}\n            onChange={onMultipleChange}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            label={label}\n            disableClearLogic={disableClearLogic}\n            setOpenPopover={setOpenPopover}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SelectItems<T>\n        label={`${label} options`}\n        triggerRef={triggerRef}\n        items={items}\n        open={open}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onMultiChange={onMultipleChange}\n        placement={placement}\n        value={selectedValue}\n      />\n    </div>\n  );\n};\n"],"names":["useItemSelection","closePopover","disabledItemIdKeys","filteredItems","getItemId","onMultiChange","onSingleChange","value","selectedItemIndex","useMemo","item","activeItem","setActiveItem","useState","getPreviousItemIndex","useCallback","activeIndex","i","getNextItemIndex","refs","useRef","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","mousePosition","useMousePosition","previousMousePosition","onKeyDown","e","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","useEffect","_a","ItemsList","items","selectRenderElements","setOpenPopover","itemIsDisabled","jsx","sharedListStyles","AriaButton","SharedListItem","SelectItems","direction","label","open","placement","triggerRef","triggerRefWidth","setTriggerRefWidth","triggerWidth","_b","useEventListener","Popover","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","renderCustomElementInValueButton","inputFieldStyles","sharedInputStyles","jsxs","isFocused","isHovered","Fragment","Text","SvgIcon","MultipleValuesButton","onRemove","keys","itemId","Group","isFocusWithin","clsx","InputTagGroup","InputTag","UncontrolledInputs","name","Select","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","disabled","internalValue","setInternalValue","wrapper","useLocale","selectedValue","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}

package/dist/lyra37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),s=require("react"),L=require("./lyra87.cjs"),ne=require("react-dom"),ce=require("./lyra617.cjs"),le=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const X=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const K=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const ie=require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra456.cjs");const oe=require("./lyra38.cjs"),ue=require("./lyra39.cjs"),Y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const ee=require("./lyra71.cjs");require("./lyra72.cjs");const xe=require("./lyra453.cjs"),ae=require("./lyra454.cjs"),pe=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const re=require("./lyra457.cjs");require("./lyra458.cjs");const de=require("./lyra594.cjs"),je=require("./lyra83.cjs"),me=require("./lyra82.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");const fe=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const Re=require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra96.cjs");const qe=require("./lyra85.cjs"),Q=require("./lyra86.cjs"),Ee=({disableClearLogic:u,endSlot:t,fullWidth:a,getLabel:o,isDisabled:d,isInvalid:c,onChange:l,open:j,openPopover:f,placeholder:h,searchInputRef:R,startSlot:E,value:n})=>{const{buttonExcludedFromTabOrder:m,inputField:x}=Y.sharedInputStyles({isInvalid:c,hasEndSlot:!0,fullWidth:a,isDisabled:d}),q=i=>{(i.key==="Escape"||i.key==="Backspace")&&!u?(i.stopPropagation(),l==null||l(void 0)):i.key==="ArrowDown"||i.key==="ArrowUp"?f==null||f():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(ne.flushSync(()=>{f==null||f()}),R.current&&(R.current.focus(),R.current.setSelectionRange(0,R.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E,e.jsxRuntimeExports.jsxs(L.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:i,isHovered:v})=>x({isHovered:v,isFocused:i,className:"grow"}),isDisabled:d,onKeyDown:q,onPress:f,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:n&&o(n)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:o(n)}):e.jsxRuntimeExports.jsx(ee.Text,{variant:"body-medium",color:"secondary",children:h})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[n&&!d&&!u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:m(),role:"button",onPointerDown:i=>{i.stopPropagation(),l==null||l(void 0)},onClick:i=>{i.stopPropagation(),l==null||l(void 0)},children:e.jsxRuntimeExports.jsx(X.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(X.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),t]})},he=({fullWidth:u,getItemId:t,getLabel:a,isDisabled:o,isInvalid:d,label:c,onChange:l,openPopover:j,placeholder:f,searchInputRef:h,value:R})=>{const{inputField:E}=Y.sharedInputStyles({isInvalid:d,hasEndSlot:!0,fullWidth:u,isDisabled:o}),n=s.useCallback(x=>{x.key==="ArrowDown"||x.key==="ArrowUp"?j():x.key&&x.key.match(/^[a-zA-Z0-9]$/)&&(ne.flushSync(()=>{j()}),h.current&&(h.current.focus(),h.current.setSelectionRange(0,h.current.value.length)))},[j,h]),m=s.useCallback(x=>{R&&l(R.filter(q=>{const i=t(q);return!x.has(i)}))},[t,l,R]);return e.jsxRuntimeExports.jsx(L.Group,{className:({isFocusWithin:x,isHovered:q})=>E({isHovered:q,isFocused:x,className:le.clsx(q&&!d&&!o&&!x?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(L.Button,{onPress:j,onKeyDown:n,isDisabled:o,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:R&&R.length?e.jsxRuntimeExports.jsx(re.InputTagGroup,{label:c??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:o?void 0:m,children:R.map(x=>e.jsxRuntimeExports.jsx(re.InputTag,{id:t(x),isDisabled:o,children:a(x)},t(x)))}):e.jsxRuntimeExports.jsx(ee.Text,{color:"secondary",children:f})}),e.jsxRuntimeExports.jsx(X.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},ye=({endSlot:u,isLoading:t,onKeyDown:a,onQueryChange:o,query:d,searchInputRef:c,setQuery:l})=>{const j=s.useId(),{clear:f,search:h}=ie.useDictionary(),R=qe.useSpinDelay(t??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:E}=Y.sharedInputStyles({fullWidth:!0});return s.useEffect(()=>{var n;(n=c.current)==null||n.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(L.Input,{ref:c,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:n=>{var m,x;l(((m=n.target)==null?void 0:m.value)??""),o==null||o((x=n.target)==null?void 0:x.value)},placeholder:h,value:d??"",onKeyDown:n=>{n.code==="Tab"&&n.preventDefault(),a==null||a(n)}}),d&&d.length?e.jsxRuntimeExports.jsx(L.Button,{"aria-label":f,className:E(),excludeFromTabOrder:!0,onPress:()=>{var n;l(""),(n=c.current)==null||n.focus()},children:e.jsxRuntimeExports.jsx(X.SvgIcon,{name:"clear"})}):null,u,R?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},Se=u=>{const t=s.useRef(null),[a,o]=s.useState(!1);return s.useEffect(()=>o(!1),[u]),{loadMoreButtonRef:t,isLoadMoreButtonFocused:a,setIsLoadMoreButtonFocused:o}},be=({filteredItems:u,getItemId:t,loadMoreButtonRef:a,onMultiChange:o,onSingleChange:d,value:c})=>{const l=s.useRef(null),j=s.useRef(null),f=s.useRef(null),h=r=>r===m?l:r===m-1?j:r===m+1?f:null,R=s.useMemo(()=>{if(Array.isArray(c))return c.length?u.findIndex(r=>t(r)===t(c[0])):0;if(c)return u.findIndex(r=>t(r)===t(c))},[u,t,c]),E=s.useCallback(r=>{if(o){const p=c?[...c]:[],S=p.map(t),w=S!=null&&S.includes(t(r))?p.filter(b=>t(b)!==t(r)):[...p,r];o==null||o(w)}else d&&(d==null||d(r))},[t,o,d,c]),n=s.useCallback(r=>Array.isArray(c)?c.includes(r):c===r,[c]),[m,x]=s.useState(R??0),q=me.useMousePosition(),i=s.useRef(void 0),v=s.useCallback(r=>{var b,k;const p=m,S=Math.min(u.length-1,p+1),w=Math.max(0,p-1);r.key==="ArrowDown"?(r.preventDefault(),x(S),i.current=q,S===u.length-1&&a.current?a.current.scrollIntoView({block:"nearest"}):(b=f.current)==null||b.scrollIntoView({block:"nearest"})):r.key==="ArrowUp"?(r.preventDefault(),x(w),(k=j.current)==null||k.scrollIntoView({block:"nearest"}),i.current=q):r.key==="Enter"&&E(u[m])},[m,u,a,q,E]),O=s.useCallback((r,p)=>{r&&i.current!==q&&(x(p),i.current=q)},[q]);return s.useEffect(()=>{l.current&&l.current.scrollIntoView({block:"nearest"})},[open]),{activeItem:m,assignRefOnIndex:h,getItemIsSelected:n,onKeyDown:v,onHoverChange:O,selectedItemIndex:R,toggleSelection:E}},I=({direction:u,disabledItemIdKeys:t,getItemId:a,getLabel:o,isLoading:d,items:c,label:l,onLoadMore:j,onMultiChange:f,onQueryChange:h,onSingleChange:R,open:E,placement:n,searchInputRef:m,selectRenderElements:x,setOpenPopover:q,triggerRef:i,value:v})=>{var A,se,te;const{loadMore:O,noResultsFound:r}=ie.useDictionary(),{filteredItems:p,query:S,setQuery:w}=je.useFilterItemsByQuery({getLabel:o,items:c,onQueryChange:h}),{item:b}=xe.sharedListItemStyles(),{isLoadMoreButtonFocused:k,loadMoreButtonRef:M,setIsLoadMoreButtonFocused:F}=Se(E),{activeItem:T,assignRefOnIndex:G,getItemIsSelected:N,onHoverChange:y,onKeyDown:H,selectedItemIndex:W,toggleSelection:Z}=be({filteredItems:p,getItemId:a,loadMoreButtonRef:M,onMultiChange:f,onSingleChange:R,value:v}),[U,g]=s.useState((A=i.current)==null?void 0:A.offsetWidth);de.default("resize",()=>{var P;g((P=i.current)==null?void 0:P.offsetWidth)});const $=U??((se=i.current)==null?void 0:se.offsetWidth),_=s.useRef(null),z=j?((p==null?void 0:p.length)??0)+1:(p==null?void 0:p.length)??0,B=ce.useVirtualizer({count:z,estimateSize:()=>40,getScrollElement:()=>_.current,overscan:6});s.useEffect(()=>{W&&B.scrollToIndex(Math.min(W-1,z-1))},[z,E,W,B]);const V=B.getVirtualItems();return e.jsxRuntimeExports.jsx(pe.Popover,{className:"p-1",isOpen:E,disablePadding:!0,triggerRef:i,onOpenChange:q,"aria-label":l,shouldUpdatePosition:!0,placement:n,style:{width:$&&$>280?$+"px":"280px",direction:u},children:E?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(ye,{onQueryChange:h,isLoading:d,query:S,setQuery:w,searchInputRef:m,onKeyDown:H}),e.jsxRuntimeExports.jsx("div",{ref:_,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,B.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:B.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=V[0])==null?void 0:te.start)??0}px)`},children:V.map(P=>{if(P.index===z-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":P.index,ref:B.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(fe.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(L.Button,{isDisabled:d,onFocusChange:F,onHoverChange:F,ref:M,className:b({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var D;j(),(D=m.current)==null||D.focus()},onKeyDown:D=>{var J;D.key==="ArrowUp"&&(D.preventDefault(),(J=m.current)==null||J.focus())},children:O})]})},P.key);{const D=p[P.index];return e.jsxRuntimeExports.jsx("div",{"data-index":P.index,ref:B.measureElement,children:e.jsxRuntimeExports.jsx(L.Button,{ref:G(P.index),className:"w-full text-start outline-none",onHoverChange:J=>{y(J,P.index)},onPress:()=>Z(D),excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(ae.SharedListItem,{hasSelection:!0,item:D,state:{active:T===P.index&&!k,disabled:(t==null?void 0:t.includes(a(D)))??!1,selected:N(D)},selectRenderElements:x},a(D))},a(D))},P.key)}})})})}),z?null:e.jsxRuntimeExports.jsx(ee.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:r})]}):null})},C=({getItemId:u,name:t,value:a})=>t?Array.isArray(a)?a.map(o=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:u(o)},u(o))):a?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:u(a)}):null:null,ve=({defaultValue:u,description:t,disableClearLogic:a,disabledItemIdKeys:o,endSlot:d,errorMessage:c,fullWidth:l=!0,getItemId:j,getLabel:f,hideHintLabel:h,hideInputFooter:R,hideInputHeader:E,isDisabled:n,isInvalid:m,isLoading:x,isRequired:q,items:i,label:v,name:O,onChange:r,onLoadMore:p,onQueryChange:S,placeholder:w,placement:b="bottom start",selectRenderElements:k,startSlot:M,value:F})=>{const{isDisabled:T}=s.useContext(K.FieldGroupContext),G=s.useRef(null),N=s.useRef(null),y=s.useRef(null),[H,W]=s.useState(F??u),[Z,U]=s.useState(!1),g=()=>{var A;U(!0),(A=N.current)==null||A.click()},$=()=>U(!1),_=s.useCallback(A=>{W(A),r==null||r(A),$()},[r]),{direction:z}=Q.useLocale(),{wrapper:B}=Y.sharedInputStyles({fullWidth:l,isInvalid:m,isDisabled:n||T});s.useEffect(()=>{W(F??u)},[u,F]);const V=F??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(C,{name:O,value:V,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:B(),children:[e.jsxRuntimeExports.jsx(oe.InputHeader,{label:v,hideHintLabel:h,hideInputHeader:E,isRequired:q}),e.jsxRuntimeExports.jsx("div",{ref:y,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:a,endSlot:d,fullWidth:l,getLabel:f,getItemId:j,isDisabled:n,isInvalid:m,open:Z,openPopover:g,onChange:_,placeholder:w,searchInputRef:G,startSlot:M,value:V})}),e.jsxRuntimeExports.jsx(ue.InputFooter,{description:t,errorMessage:c,hideInputFooter:R})]}),e.jsxRuntimeExports.jsx(I,{triggerRef:y,label:v,getItemId:j,getLabel:f,items:i,open:Z,setOpenPopover:U,selectRenderElements:k,disabledItemIdKeys:o,direction:z,onQueryChange:S,isLoading:x,searchInputRef:G,onLoadMore:p,placement:b,value:V,onSingleChange:_})]})},we=({defaultValue:u,description:t,disableClearLogic:a,disabledItemIdKeys:o,endSlot:d,errorMessage:c,fullWidth:l=!0,getItemId:j,getLabel:f,hideHintLabel:h,hideInputFooter:R,hideInputHeader:E,isDisabled:n,isInvalid:m,isLoading:x,isRequired:q,items:i,label:v,labelId:O,name:r,onChange:p,onLoadMore:S,onQueryChange:w,placeholder:b,placement:k="bottom start",selectRenderElements:M,startSlot:F,value:T})=>{const{isDisabled:G}=s.useContext(K.FieldGroupContext),N=s.useRef(null),y=s.useRef(null),[H,W]=s.useState(T??u),[Z,U]=s.useState(!1),g=()=>{U(!0)},$=s.useCallback(V=>{var A;W(V),p==null||p(V),(A=N.current)==null||A.focus()},[p]),{direction:_}=Q.useLocale(),{wrapper:z}=Y.sharedInputStyles({fullWidth:l,isInvalid:m,isDisabled:n||G});s.useEffect(()=>{W(T??u)},[u,T]);const B=T??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(C,{name:r,value:B,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:z(),children:[e.jsxRuntimeExports.jsx(oe.InputHeader,{label:v,isRequired:q,hideHintLabel:h,hideInputHeader:E,labelId:O}),e.jsxRuntimeExports.jsx("div",{ref:y,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:a,endSlot:d,fullWidth:l,getLabel:f,getItemId:j,isDisabled:n,isInvalid:m,onChange:$,open:Z,openPopover:g,placeholder:b,searchInputRef:N,startSlot:F,value:B})}),e.jsxRuntimeExports.jsx(ue.InputFooter,{description:t,errorMessage:c,hideInputFooter:R})]}),e.jsxRuntimeExports.jsx(I,{label:v,searchInputRef:N,triggerRef:y,getItemId:j,getLabel:f,items:i,onMultiChange:$,value:B,placement:k,open:Z,setOpenPopover:U,selectRenderElements:M,disabledItemIdKeys:o,direction:_,onQueryChange:w,isLoading:x,onLoadMore:S})]})},ke=({children:u,defaultValue:t,disabledItemIdKeys:a,getItemId:o,getLabel:d,isDisabled:c,isInvalid:l,isLoading:j,items:f,label:h,name:R,onChange:E,onQueryChange:n,placement:m="bottom start",selectRenderElements:x,value:q})=>{const{isDisabled:i}=s.useContext(K.FieldGroupContext),v=s.useRef(null),O=s.useRef(null),r=s.useRef(null),[p,S]=s.useState(q??t),[w,b]=s.useState(!1),k=()=>{var y;b(!0),(y=O.current)==null||y.click()},M=()=>b(!1),F=s.useCallback(y=>{S(y),E==null||E(y),M()},[E]),{direction:T}=Q.useLocale(),{wrapper:G}=Y.sharedInputStyles({fullWidth:!1,isInvalid:l,isDisabled:c});s.useEffect(()=>{S(q??t)},[t,q]);const N=q??p;return e.jsxRuntimeExports.jsx(L.Provider,{values:[[L.ButtonContext,{onPress:()=>k(),isDisabled:c||i}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(C,{name:R,value:N,getItemId:o}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:r,children:u})}),e.jsxRuntimeExports.jsx(I,{triggerRef:r,label:h,getItemId:o,getLabel:d,items:f,open:w,setOpenPopover:b,selectRenderElements:x,disabledItemIdKeys:a,direction:T,onQueryChange:n,isLoading:j,searchInputRef:v,placement:m,value:N,onSingleChange:F})]})})},Fe=({children:u,defaultValue:t,disabledItemIdKeys:a,fullWidth:o=!0,getItemId:d,getLabel:c,isDisabled:l,isInvalid:j,isLoading:f,items:h,label:R,name:E,onChange:n,onQueryChange:m,placement:x="bottom start",selectRenderElements:q,value:i})=>{const{isDisabled:v}=s.useContext(K.FieldGroupContext),O=s.useRef(null),r=s.useRef(null),p=s.useRef(null),[S,w]=s.useState(i??t),[b,k]=s.useState(!1),M=()=>{var y;k(!0),(y=r.current)==null||y.click()},F=s.useCallback(y=>{var H;w(y),n==null||n(y),(H=O.current)==null||H.focus()},[n]),{direction:T}=Q.useLocale(),{wrapper:G}=Y.sharedInputStyles({fullWidth:o,isInvalid:j,isDisabled:l});s.useEffect(()=>{w(i??t)},[t,i]);const N=i??S;return e.jsxRuntimeExports.jsx(L.Provider,{values:[[L.ButtonContext,{onPress:()=>M(),isDisabled:l||v}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(C,{name:E,value:N,getItemId:d}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:p,children:u})}),e.jsxRuntimeExports.jsx(I,{label:R,searchInputRef:O,triggerRef:p,getItemId:d,getLabel:c,items:h,open:b,setOpenPopover:k,selectRenderElements:q,disabledItemIdKeys:a,direction:T,onQueryChange:m,isLoading:f,value:N,onMultiChange:F,placement:x})]})})};exports.MultiSearchListField=we;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=ve;exports.SearchListFieldWithCustomTrigger=ke;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),s=require("react"),M=require("./lyra87.cjs"),ne=require("react-dom"),ce=require("./lyra611.cjs"),le=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const g=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const Q=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra452.cjs");const ie=require("./lyra38.cjs"),ue=require("./lyra39.cjs"),Y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const xe=require("./lyra594.cjs"),ae=require("./lyra453.cjs"),pe=require("./lyra454.cjs"),je=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const ee=require("./lyra71.cjs");require("./lyra72.cjs");const te=require("./lyra455.cjs");require("./lyra456.cjs");const fe=require("./lyra83.cjs"),de=require("./lyra82.cjs"),me=require("./lyra596.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");const Re=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const qe=require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra96.cjs");const Ee=require("./lyra85.cjs"),C=require("./lyra86.cjs"),he=({disableClearLogic:l,endSlot:r,fullWidth:t,getLabel:a,isDisabled:j,isInvalid:m,onChange:n,open:p,openPopover:f,placeholder:E,searchInputRef:d,startSlot:h,value:i})=>{const{buttonExcludedFromTabOrder:v,inputField:x}=Y.sharedInputStyles({isInvalid:m,hasEndSlot:!0,fullWidth:t,isDisabled:j}),R=u=>{(u.key==="Escape"||u.key==="Backspace")&&!l?(u.stopPropagation(),n==null||n(void 0)):u.key==="ArrowDown"||u.key==="ArrowUp"?f==null||f():u.key&&u.key.match(/^[a-zA-Z0-9]$/)&&(ne.flushSync(()=>{f==null||f()}),d.current&&(d.current.focus(),d.current.setSelectionRange(0,d.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[h,e.jsxRuntimeExports.jsxs(M.Button,{"aria-haspopup":"listbox","aria-expanded":p,className:({isFocused:u,isHovered:k})=>x({isHovered:k,isFocused:u,className:"grow"}),isDisabled:j,onKeyDown:R,onPress:f,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:i&&a(i)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a(i)}):e.jsxRuntimeExports.jsx(ee.Text,{variant:"body-medium",color:"secondary",children:E})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[i&&!j&&!l?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:v(),role:"button",onPointerDown:u=>{u.stopPropagation(),n==null||n(void 0)},onClick:u=>{u.stopPropagation(),n==null||n(void 0)},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),r]})},Se=({fullWidth:l,getItemId:r,getLabel:t,isDisabled:a,isInvalid:j,label:m,onChange:n,openPopover:p,placeholder:f,searchInputRef:E,value:d})=>{const{inputField:h}=Y.sharedInputStyles({isInvalid:j,hasEndSlot:!0,fullWidth:l,isDisabled:a}),i=s.useCallback(x=>{x.key==="ArrowDown"||x.key==="ArrowUp"?p():x.key&&x.key.match(/^[a-zA-Z0-9]$/)&&(ne.flushSync(()=>{p()}),E.current&&(E.current.focus(),E.current.setSelectionRange(0,E.current.value.length)))},[p,E]),v=s.useCallback(x=>{d&&n(d.filter(R=>{const u=r(R);return!x.has(u)}))},[r,n,d]);return e.jsxRuntimeExports.jsx(M.Group,{className:({isFocusWithin:x,isHovered:R})=>h({isHovered:R,isFocused:x,className:le.clsx(R&&!j&&!a&&!x?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(M.Button,{onPress:p,onKeyDown:i,isDisabled:a,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:d&&d.length?e.jsxRuntimeExports.jsx(te.InputTagGroup,{label:m??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:a?void 0:v,children:d.map(x=>e.jsxRuntimeExports.jsx(te.InputTag,{id:r(x),isDisabled:a,children:t(x)},r(x)))}):e.jsxRuntimeExports.jsx(ee.Text,{color:"secondary",children:f})}),e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},ve=({endSlot:l,isLoading:r,onKeyDown:t,onQueryChange:a,query:j,searchInputRef:m,setQuery:n})=>{const p=s.useId(),{clear:f,search:E}=oe.useDictionary(),d=Ee.useSpinDelay(r??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:h}=Y.sharedInputStyles({fullWidth:!0});return s.useEffect(()=>{var i;(i=m.current)==null||i.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(M.Input,{ref:m,id:p,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:i=>{var v,x;n(((v=i.target)==null?void 0:v.value)??""),a==null||a((x=i.target)==null?void 0:x.value)},placeholder:E,value:j??"",onKeyDown:i=>{i.code==="Tab"&&i.preventDefault(),t==null||t(i)}}),j&&j.length?e.jsxRuntimeExports.jsx(M.Button,{"aria-label":f,className:h(),excludeFromTabOrder:!0,onPress:()=>{var i;n(""),(i=m.current)==null||i.focus()},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})}):null,l,d?e.jsxRuntimeExports.jsx(qe.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=l=>{const r=s.useRef(null),[t,a]=s.useState(!1);return s.useEffect(()=>a(!1),[l]),{loadMoreButtonRef:r,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:a}},be=({disabledItemIdKeys:l,filteredItems:r,getItemId:t,loadMoreButtonRef:a,onMultiChange:j,onSingleChange:m,value:n})=>{const p=s.useRef([]),f=s.useMemo(()=>{if(Array.isArray(n))return n.length?r.findIndex(o=>t(o)===t(n[0])):0;if(n)return r.findIndex(o=>t(o)===t(n))??0},[r,t,n]),E=s.useCallback(o=>{if(Number.isInteger(o)){for(let c=o-1;c>=0;c--)if(!(l!=null&&l.includes(t(r[c]))))return Math.max(c,0)}return-1},[l,r,t]),d=s.useCallback(o=>{if(Number.isInteger(o)){for(let c=o+1;c<r.length;c++)if(!(l!=null&&l.includes(t(r[c]))))return Math.min(r.length-1,c)}return-1},[l,r,t]),h=s.useCallback((o,c)=>{c&&(p.current[o]=c)},[]),i=s.useCallback(o=>{if(j){const c=n?[...n]:[],S=c.map(t),y=S!=null&&S.includes(t(o))?c.filter(N=>t(N)!==t(o)):[...c,o];j==null||j(y)}else m&&(m==null||m(o))},[t,j,m,n]),v=s.useCallback(o=>Array.isArray(n)?n.includes(o):n===o,[n]),[x,R]=s.useState(f??0),u=de.useMousePosition(),k=s.useRef(void 0),T=s.useCallback(o=>{const c=x;if(o.key==="ArrowDown"){o.preventDefault();const S=d(c);if(S>=0)if(R(S),k.current=u,S===r.length-1&&a.current)a.current.scrollIntoView({block:"nearest"});else{const y=p.current[S];y==null||y.scrollIntoView({block:"nearest"})}}else if(o.key==="ArrowUp"){o.preventDefault();const S=E(c);if(S>=0){R(S),k.current=u;const y=p.current[S];y==null||y.scrollIntoView({block:"nearest"})}}else o.key==="Enter"&&i(r[x])},[x,r,d,E,a,u,i]),w=s.useCallback((o,c)=>{o&&k.current!==u&&(R(c),k.current=u)},[u]);s.useEffect(()=>{var o,c;(o=p.current)!=null&&o[x]&&((c=p.current)==null||c[x].scrollIntoView({block:"nearest"}))},[open]);const q=s.useMemo(()=>r==null?void 0:r.map(t).join("-"),[r,t]),F=me.default(q);return s.useEffect(()=>{F!==void 0&&q!==F&&R(0)},[q,F]),{activeItem:x,assignRefOnIndex:h,getItemIsSelected:v,onKeyDown:T,onHoverChange:w,selectedItemIndex:f,toggleSelection:i}},K=({direction:l,disabledItemIdKeys:r,getItemId:t,getLabel:a,isLoading:j,items:m,label:n,onLoadMore:p,onMultiChange:f,onQueryChange:E,onSingleChange:d,open:h,placement:i,searchInputRef:v,selectRenderElements:x,setOpenPopover:R,triggerRef:u,value:k})=>{var L,se,re;const{loadMore:T,noResultsFound:w}=oe.useDictionary(),{filteredItems:q,query:F,setQuery:o}=fe.useFilterItemsByQuery({getLabel:a,items:m,onQueryChange:E}),{item:c}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:S,loadMoreButtonRef:y,setIsLoadMoreButtonFocused:N}=ye(h),{activeItem:D,assignRefOnIndex:G,getItemIsSelected:O,onHoverChange:b,onKeyDown:H,selectedItemIndex:W,toggleSelection:Z}=be({disabledItemIdKeys:r,filteredItems:q,getItemId:t,loadMoreButtonRef:y,onMultiChange:f,onSingleChange:d,value:k}),[U,X]=s.useState((L=u.current)==null?void 0:L.offsetWidth);xe.default("resize",()=>{var A;X((A=u.current)==null?void 0:A.offsetWidth)});const $=U??((se=u.current)==null?void 0:se.offsetWidth),_=s.useRef(null),z=p?((q==null?void 0:q.length)??0)+1:(q==null?void 0:q.length)??0,P=ce.useVirtualizer({count:z,estimateSize:()=>40,getScrollElement:()=>_.current,overscan:6});s.useEffect(()=>{W&&P.scrollToIndex(Math.min(W-1,z-1))},[z,h,W,P]);const V=P.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:h,disablePadding:!0,triggerRef:u,onOpenChange:R,"aria-label":n,shouldUpdatePosition:!0,placement:i,style:{width:$&&$>280?$+"px":"280px",direction:l},children:h?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(ve,{onQueryChange:E,isLoading:j,query:F,setQuery:o,searchInputRef:v,onKeyDown:H}),e.jsxRuntimeExports.jsx("div",{ref:_,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,P.getTotalSize()+(p?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:P.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((re=V[0])==null?void 0:re.start)??0}px)`},children:V.map(A=>{if(A.index===z-1&&p)return e.jsxRuntimeExports.jsx("div",{"data-index":A.index,ref:P.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(Re.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(M.Button,{isDisabled:j,onFocusChange:N,onHoverChange:N,ref:y,className:c({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var B;p(),(B=v.current)==null||B.focus()},onKeyDown:B=>{var J;B.key==="ArrowUp"&&(B.preventDefault(),(J=v.current)==null||J.focus())},children:T})]})},A.key);{const B=q[A.index];return e.jsxRuntimeExports.jsx("div",{"data-index":A.index,ref:P.measureElement,children:e.jsxRuntimeExports.jsx(M.Button,{ref:J=>G(A.index,J),className:"w-full text-start outline-none",onHoverChange:J=>{b(J,A.index)},onPress:()=>Z(B),isDisabled:(r==null?void 0:r.includes(t(B)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:B,state:{active:D===A.index&&!S,disabled:(r==null?void 0:r.includes(t(B)))??!1,selected:O(B)},selectRenderElements:x},t(B))},t(B))},A.key)}})})})}),z?null:e.jsxRuntimeExports.jsx(ee.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:w})]}):null})},I=({getItemId:l,name:r,value:t})=>r?Array.isArray(t)?t.map(a=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:r,value:l(a)},l(a))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:r,value:l(t)}):null:null,ke=({defaultValue:l,description:r,disableClearLogic:t,disabledItemIdKeys:a,endSlot:j,errorMessage:m,fullWidth:n=!0,getItemId:p,getLabel:f,hideHintLabel:E,hideInputFooter:d,hideInputHeader:h,isDisabled:i,isInvalid:v,isLoading:x,isRequired:R,items:u,label:k,name:T,onChange:w,onLoadMore:q,onQueryChange:F,placeholder:o,placement:c="bottom start",selectRenderElements:S,startSlot:y,value:N})=>{const{isDisabled:D}=s.useContext(Q.FieldGroupContext),G=s.useRef(null),O=s.useRef(null),b=s.useRef(null),[H,W]=s.useState(N??l),[Z,U]=s.useState(!1),X=()=>{var L;U(!0),(L=O.current)==null||L.click()},$=()=>U(!1),_=s.useCallback(L=>{W(L),w==null||w(L),$()},[w]),{direction:z}=C.useLocale(),{wrapper:P}=Y.sharedInputStyles({fullWidth:n,isInvalid:v,isDisabled:i||D});s.useEffect(()=>{W(N??l)},[l,N]);const V=N??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:T,value:V,getItemId:p}),e.jsxRuntimeExports.jsxs("div",{className:P(),children:[e.jsxRuntimeExports.jsx(ie.InputHeader,{label:k,hideHintLabel:E,hideInputHeader:h,isRequired:R}),e.jsxRuntimeExports.jsx("div",{ref:b,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:j,fullWidth:n,getLabel:f,getItemId:p,isDisabled:i,isInvalid:v,open:Z,openPopover:X,onChange:_,placeholder:o,searchInputRef:G,startSlot:y,value:V})}),e.jsxRuntimeExports.jsx(ue.InputFooter,{description:r,errorMessage:m,hideInputFooter:d})]}),e.jsxRuntimeExports.jsx(K,{triggerRef:b,label:k,getItemId:p,getLabel:f,items:u,open:Z,setOpenPopover:U,selectRenderElements:S,disabledItemIdKeys:a,direction:z,onQueryChange:F,isLoading:x,searchInputRef:G,onLoadMore:q,placement:c,value:V,onSingleChange:_})]})},we=({defaultValue:l,description:r,disableClearLogic:t,disabledItemIdKeys:a,endSlot:j,errorMessage:m,fullWidth:n=!0,getItemId:p,getLabel:f,hideHintLabel:E,hideInputFooter:d,hideInputHeader:h,isDisabled:i,isInvalid:v,isLoading:x,isRequired:R,items:u,label:k,labelId:T,name:w,onChange:q,onLoadMore:F,onQueryChange:o,placeholder:c,placement:S="bottom start",selectRenderElements:y,startSlot:N,value:D})=>{const{isDisabled:G}=s.useContext(Q.FieldGroupContext),O=s.useRef(null),b=s.useRef(null),[H,W]=s.useState(D??l),[Z,U]=s.useState(!1),X=()=>{U(!0)},$=s.useCallback(V=>{var L;W(V),q==null||q(V),(L=O.current)==null||L.focus()},[q]),{direction:_}=C.useLocale(),{wrapper:z}=Y.sharedInputStyles({fullWidth:n,isInvalid:v,isDisabled:i||G});s.useEffect(()=>{W(D??l)},[l,D]);const P=D??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:w,value:P,getItemId:p}),e.jsxRuntimeExports.jsxs("div",{className:z(),children:[e.jsxRuntimeExports.jsx(ie.InputHeader,{label:k,isRequired:R,hideHintLabel:E,hideInputHeader:h,labelId:T}),e.jsxRuntimeExports.jsx("div",{ref:b,children:e.jsxRuntimeExports.jsx(Se,{disableClearLogic:t,endSlot:j,fullWidth:n,getLabel:f,getItemId:p,isDisabled:i,isInvalid:v,onChange:$,open:Z,openPopover:X,placeholder:c,searchInputRef:O,startSlot:N,value:P})}),e.jsxRuntimeExports.jsx(ue.InputFooter,{description:r,errorMessage:m,hideInputFooter:d})]}),e.jsxRuntimeExports.jsx(K,{label:k,searchInputRef:O,triggerRef:b,getItemId:p,getLabel:f,items:u,onMultiChange:$,value:P,placement:S,open:Z,setOpenPopover:U,selectRenderElements:y,disabledItemIdKeys:a,direction:_,onQueryChange:o,isLoading:x,onLoadMore:F})]})},Ne=({children:l,defaultValue:r,disabledItemIdKeys:t,getItemId:a,getLabel:j,isDisabled:m,isInvalid:n,isLoading:p,items:f,label:E,name:d,onChange:h,onQueryChange:i,placement:v="bottom start",selectRenderElements:x,value:R})=>{const{isDisabled:u}=s.useContext(Q.FieldGroupContext),k=s.useRef(null),T=s.useRef(null),w=s.useRef(null),[q,F]=s.useState(R??r),[o,c]=s.useState(!1),S=()=>{var b;c(!0),(b=T.current)==null||b.click()},y=()=>c(!1),N=s.useCallback(b=>{F(b),h==null||h(b),y()},[h]),{direction:D}=C.useLocale(),{wrapper:G}=Y.sharedInputStyles({fullWidth:!1,isInvalid:n,isDisabled:m});s.useEffect(()=>{F(R??r)},[r,R]);const O=R??q;return e.jsxRuntimeExports.jsx(M.Provider,{values:[[M.ButtonContext,{onPress:()=>S(),isDisabled:m||u}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:d,value:O,getItemId:a}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:w,children:l})}),e.jsxRuntimeExports.jsx(K,{triggerRef:w,label:E,getItemId:a,getLabel:j,items:f,open:o,setOpenPopover:c,selectRenderElements:x,disabledItemIdKeys:t,direction:D,onQueryChange:i,isLoading:p,searchInputRef:k,placement:v,value:O,onSingleChange:N})]})})},Fe=({children:l,defaultValue:r,disabledItemIdKeys:t,fullWidth:a=!0,getItemId:j,getLabel:m,isDisabled:n,isInvalid:p,isLoading:f,items:E,label:d,name:h,onChange:i,onQueryChange:v,placement:x="bottom start",selectRenderElements:R,value:u})=>{const{isDisabled:k}=s.useContext(Q.FieldGroupContext),T=s.useRef(null),w=s.useRef(null),q=s.useRef(null),[F,o]=s.useState(u??r),[c,S]=s.useState(!1),y=()=>{var b;S(!0),(b=w.current)==null||b.click()},N=s.useCallback(b=>{var H;o(b),i==null||i(b),(H=T.current)==null||H.focus()},[i]),{direction:D}=C.useLocale(),{wrapper:G}=Y.sharedInputStyles({fullWidth:a,isInvalid:p,isDisabled:n});s.useEffect(()=>{o(u??r)},[r,u]);const O=u??F;return e.jsxRuntimeExports.jsx(M.Provider,{values:[[M.ButtonContext,{onPress:()=>y(),isDisabled:n||k}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:h,value:O,getItemId:j}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:q,children:l})}),e.jsxRuntimeExports.jsx(K,{label:d,searchInputRef:T,triggerRef:q,getItemId:j,getLabel:m,items:E,open:c,setOpenPopover:S,selectRenderElements:R,disabledItemIdKeys:t,direction:D,onQueryChange:v,isLoading:f,value:O,onMultiChange:N,placement:x})]})})};exports.MultiSearchListField=we;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=ke;exports.SearchListFieldWithCustomTrigger=Ne;

package/dist/lyra37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra37.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonContext,\n  Group,\n  Input,\n  Key,\n  Provider,\n} from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useMousePosition } from \"../../../utils/hooks/use-mouse-position\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport {\n  MultiSearchListFieldProps,\n  MultiSearchListFieldWithCustomTriggerProps,\n  SearchInputProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  SearchListFieldWithCustomTriggerProps,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  endSlot,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  const { buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      e.stopPropagation();\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n    // match e.key to any letter or number and add the character to the search input\n    else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      // open the popover\n      flushSync(() => {\n        openPopover?.();\n      });\n      // set the cursor to the end of the input\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {startSlot}\n      <AriaButton\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={({ isFocused, isHovered }) =>\n          inputField({\n            isHovered,\n            isFocused,\n            className: \"grow\",\n          })\n        }\n        isDisabled={isDisabled}\n        onKeyDown={onKeyDown}\n        onPress={openPopover}\n      >\n        <div className=\"grow truncate text-start\">\n          {value && getLabel(value) ? (\n            <>{getLabel(value)}</>\n          ) : (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {placeholder}\n            </Text>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {value && !isDisabled && !disableClearLogic ? (\n            <>\n              <div\n                className={buttonExcludedFromTabOrder()}\n                role=\"button\"\n                onPointerDown={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </div>\n            </>\n          ) : null}\n          <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4\" />\n        </div>\n      </AriaButton>\n      {endSlot}\n    </div>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        openPopover();\n      }\n      // match e.key to any letter or number and add the character to the search input\n      else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n        // open the popover\n        flushSync(() => {\n          openPopover();\n        });\n        // set the cursor to the end of the input\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n          searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n        }\n      }\n    },\n    [openPopover, searchInputRef],\n  );\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          isHovered,\n          isFocused,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"has:[data-focused]:border has:[data-focused]:border-focus\",\n          ),\n        })\n      }\n    >\n      <AriaButton\n        onPress={openPopover}\n        onKeyDown={onKeyDown}\n        isDisabled={isDisabled}\n        className=\"flex w-full outline-none\"\n      >\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem] items-center\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </AriaButton>\n    </Group>\n  );\n};\n\nconst SearchInput = ({\n  endSlot,\n  isLoading,\n  onKeyDown,\n  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps & { onKeyDown: KeyboardEventHandler<HTMLInputElement> | undefined }) => {\n  const id = useId();\n  const { clear, search } = useDictionary();\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n  const { buttonExcludedFromTabOrder } = sharedInputStyles({ fullWidth: true });\n\n  useEffect(() => {\n    searchInputRef.current?.focus();\n    // only run on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div className=\"pb-1\">\n      <div className=\"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5\">\n        <Input\n          ref={searchInputRef}\n          id={id}\n          className=\"w-full bg-transparent text-base outline-none placeholder:text-tertiary\"\n          onChange={(e) => {\n            setQuery(e.target?.value ?? \"\");\n            onQueryChange?.(e.target?.value as any);\n          }}\n          placeholder={search}\n          value={query ?? \"\"}\n          onKeyDown={(event) => {\n            // Prevent selection of an item on Tab key down event\n            if (event.code === \"Tab\") {\n              event.preventDefault();\n            }\n\n            onKeyDown?.(event);\n          }}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clear}\n            className={buttonExcludedFromTabOrder()}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"clear\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst useLoadMoreHook = (open: boolean) => {\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\n  return { loadMoreButtonRef, isLoadMoreButtonFocused, setIsLoadMoreButtonFocused };\n};\n\ntype UseItemSelectionProps<T> = {\n  filteredItems: T[];\n  onSingleChange?: (value?: T) => void;\n  onMultiChange?: (value?: T[]) => void;\n  getItemId: (item: T) => Key;\n  value?: T | T[];\n  loadMoreButtonRef: RefObject<HTMLButtonElement>;\n};\n\nconst useItemSelection = <T extends object>({\n  filteredItems,\n  getItemId,\n  loadMoreButtonRef,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const activeButtonRef = useRef<HTMLButtonElement | null>(null);\n  const previousButtonRef = useRef<HTMLButtonElement | null>(null);\n  const nextButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  const assignRefOnIndex = (index: number) => {\n    if (index === activeItem) {\n      return activeButtonRef;\n    } else if (index === activeItem - 1) {\n      return previousButtonRef;\n    } else if (index === activeItem + 1) {\n      return nextButtonRef;\n    } else {\n      return null;\n    }\n  };\n\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems.findIndex((item) => getItemId(item) === getItemId(value));\n    }\n  }, [filteredItems, getItemId, value]);\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.includes(item);\n      } else {\n        return value === item;\n      }\n    },\n    [value],\n  );\n\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation when the searchinput is focused.\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const currentActiveIndex = activeItem;\n      const nextItem = Math.min(filteredItems.length - 1, currentActiveIndex + 1);\n      const previousItem = Math.max(0, currentActiveIndex - 1);\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n\n        setActiveItem(nextItem);\n        previousMousePosition.current = mousePosition;\n\n        // if next item is the last item and a loadMoreButton is available, scroll the load more button into view\n        if (nextItem === filteredItems.length - 1 && loadMoreButtonRef.current) {\n          loadMoreButtonRef.current.scrollIntoView({ block: \"nearest\" });\n        } else {\n          nextButtonRef.current?.scrollIntoView({ block: \"nearest\" });\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActiveItem(previousItem);\n        previousButtonRef.current?.scrollIntoView({ block: \"nearest\" });\n        previousMousePosition.current = mousePosition;\n      } else if (e.key === \"Enter\") {\n        toggleSelection(filteredItems[activeItem]);\n      }\n    },\n    [activeItem, filteredItems, loadMoreButtonRef, mousePosition, toggleSelection],\n  );\n\n  // Handles onHoverChange event for the search list field items\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (activeButtonRef.current) {\n      activeButtonRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onMultiChange,\n  onQueryChange,\n  onSingleChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const { item: itemStyles } = sharedListItemStyles();\n  const { isLoadMoreButtonFocused, loadMoreButtonRef, setIsLoadMoreButtonFocused } =\n    useLoadMoreHook(open);\n\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    selectedItemIndex,\n    toggleSelection,\n  } = useItemSelection({\n    filteredItems,\n    getItemId,\n    loadMoreButtonRef,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  const count = onLoadMore ? (filteredItems?.length ?? 0) + 1 : filteredItems?.length ?? 0;\n\n  const virtualizer = useVirtualizer({\n    count,\n    estimateSize: () => 40,\n    getScrollElement: () => parentRef.current,\n    overscan: 6,\n  });\n\n  useEffect(() => {\n    if (selectedItemIndex) {\n      virtualizer.scrollToIndex(Math.min(selectedItemIndex - 1, count - 1));\n    }\n  }, [count, open, selectedItemIndex, virtualizer]);\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      disablePadding\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      aria-label={label}\n      shouldUpdatePosition\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <div className=\"gap-1\">\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={setQuery}\n            searchInputRef={searchInputRef}\n            onKeyDown={onKeyDown}\n          />\n          <div\n            ref={parentRef}\n            className=\"w-full overflow-y-auto\"\n            style={{\n              contain: \"strict\",\n              height: Math.min(288, virtualizer.getTotalSize() + (onLoadMore ? 4 : 0)),\n            }}\n          >\n            <div\n              className=\"relative w-full\"\n              style={{\n                height: virtualizer.getTotalSize(),\n              }}\n            >\n              <div\n                className=\"absolute start-0 top-0 w-full\"\n                style={{\n                  transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                }}\n              >\n                {virtualItems.map((virtualItem) => {\n                  const itemIsLastOfIndex = virtualItem.index === count - 1;\n\n                  if (itemIsLastOfIndex && onLoadMore) {\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <div>\n                          <Separator className=\"my-1\" />\n                          <AriaButton\n                            isDisabled={isLoading}\n                            onFocusChange={setIsLoadMoreButtonFocused}\n                            onHoverChange={setIsLoadMoreButtonFocused}\n                            ref={loadMoreButtonRef}\n                            className={itemStyles({\n                              className:\n                                \"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]\",\n                            })}\n                            onPress={() => {\n                              onLoadMore();\n\n                              // Focus input after loading more items\n                              searchInputRef.current?.focus();\n                            }}\n                            onKeyDown={(e) => {\n                              if (e.key === \"ArrowUp\") {\n                                e.preventDefault();\n                                searchInputRef.current?.focus();\n                              }\n                            }}\n                          >\n                            {loadMore}\n                          </AriaButton>\n                        </div>\n                      </div>\n                    );\n                  } else {\n                    const item = filteredItems[virtualItem.index];\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <AriaButton\n                          key={getItemId(item)}\n                          ref={assignRefOnIndex(virtualItem.index)}\n                          className=\"w-full text-start outline-none\"\n                          onHoverChange={(isHovering) => {\n                            onHoverChange(isHovering, virtualItem.index);\n                          }}\n                          onPress={() => toggleSelection(item)}\n                          excludeFromTabOrder\n                        >\n                          <SharedListItem\n                            key={getItemId(item)}\n                            hasSelection\n                            item={item}\n                            state={{\n                              active: activeItem === virtualItem.index && !isLoadMoreButtonFocused,\n                              disabled:\n                                disabledItemIdKeys?.includes(getItemId(item) as string) ?? false,\n                              selected: getItemIsSelected(item),\n                            }}\n                            selectRenderElements={selectRenderElements}\n                          />\n                        </AriaButton>\n                      </div>\n                    );\n                  }\n                })}\n              </div>\n            </div>\n          </div>\n          {count ? null : (\n            <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5\">\n              {noResultsFound}\n            </Text>\n          )}\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\nexport const SearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            open={isOpen}\n            openPopover={openPopover}\n            onChange={onSingleChange}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue as T | undefined}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        triggerRef={triggerRef}\n        label={label}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        searchInputRef={searchInputRef}\n        onLoadMore={onLoadMore}\n        placement={placement}\n        value={selectedValue}\n        onSingleChange={onSingleChange}\n      />\n    </div>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  labelId,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          isRequired={isRequired}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          labelId={labelId}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            onChange={onMultiChange}\n            open={isOpen}\n            openPopover={openPopover}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        label={label}\n        searchInputRef={searchInputRef}\n        triggerRef={triggerRef}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        onMultiChange={onMultiChange}\n        value={selectedValue}\n        placement={placement}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n      />\n    </div>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: SearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth: false,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          triggerRef={triggerRef}\n          label={label}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          searchInputRef={searchInputRef}\n          placement={placement}\n          value={selectedValue}\n          onSingleChange={onSingleChange}\n        />\n      </div>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: MultiSearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          label={label}\n          searchInputRef={searchInputRef}\n          triggerRef={triggerRef}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          value={selectedValue}\n          onMultiChange={onMultiChange}\n          placement={placement}\n        />\n      </div>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","searchInputRef","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","e","flushSync","jsxs","AriaButton","isFocused","isHovered","jsx","Fragment","Text","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","useEffect","_a","Input","_b","event","Spinner","useLoadMoreHook","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","useItemSelection","filteredItems","onMultiChange","onSingleChange","activeButtonRef","previousButtonRef","nextButtonRef","assignRefOnIndex","index","activeItem","selectedItemIndex","useMemo","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","setActiveItem","mousePosition","useMousePosition","previousMousePosition","currentActiveIndex","nextItem","previousItem","onHoverChange","isHovering","SearchListFieldItems","direction","disabledItemIdKeys","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","useFilterItemsByQuery","itemStyles","sharedListItemStyles","triggerRefWidth","setTriggerRefWidth","useEventListener","triggerWidth","parentRef","count","virtualizer","useVirtualizer","virtualItems","Popover","_c","virtualItem","Separator","SharedListItem","UncontrolledInputs","name","SearchListField","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","useLocale","wrapper","selectedValue","InputHeader","InputFooter","MultiSearchListField","labelId","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"wyEAiDMA,GAAoB,CAAmB,CAC3C,kBAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,YAAAC,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,MAAAC,CACF,IAAsB,CACpB,KAAM,CAAE,2BAAAC,EAA4B,WAAAC,CAAW,EAAIC,oBAAkB,CACnE,UAAAV,EACA,WAAY,GACZ,UAAAH,EACA,WAAAE,CAAA,CACD,EAOKY,EAAaC,GAA8C,EAC1DA,EAAE,MAAQ,UAAYA,EAAE,MAAQ,cAAgB,CAACjB,GACpDiB,EAAE,gBAAgB,EAClBX,GAAA,MAAAA,EAAW,SACFW,EAAE,MAAQ,aAAeA,EAAE,MAAQ,UAC9BT,GAAA,MAAAA,IAGPS,EAAE,KAAOA,EAAE,IAAI,MAAM,eAAe,IAE3CC,GAAAA,UAAU,IAAM,CACAV,GAAA,MAAAA,GAAA,CACf,EAEGE,EAAe,UACjBA,EAAe,QAAQ,QACvBA,EAAe,QAAQ,kBAAkB,EAAGA,EAAe,QAAQ,MAAM,MAAM,GAEnF,EAIA,OAAAS,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,0BACZ,SAAA,CAAAR,EACDQ,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,gBAAc,UACd,gBAAeb,EACf,UAAW,CAAC,CAAE,UAAAc,EAAW,UAAAC,CAAA,IACvBR,EAAW,CACT,UAAAQ,EACA,UAAAD,EACA,UAAW,MAAA,CACZ,EAEH,WAAAjB,EACA,UAAAY,EACA,QAASR,EAET,SAAA,CAAAe,EAAAA,kBAAAA,IAAC,OAAI,UAAU,2BACZ,YAASpB,EAASS,CAAK,EACnBW,wBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAArB,EAASS,CAAK,CAAE,CAAA,0BAElBa,GAAAA,KAAK,CAAA,QAAQ,cAAc,MAAM,YAC/B,WACH,CAEJ,CAAA,EACAN,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,0BACZ,SAAA,CAAAP,GAAS,CAACR,GAAc,CAACJ,EAEtBuB,EAAAA,kBAAAA,IAAAC,EAAA,kBAAA,SAAA,CAAA,SAAAD,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWV,EAA2B,EACtC,KAAK,SACL,cAAgBI,GAAM,CACpBA,EAAE,gBAAgB,EAClBX,GAAA,MAAAA,EAAW,OACb,EACA,QAAUW,GAAM,CACdA,EAAE,gBAAgB,EAClBX,GAAA,MAAAA,EAAW,OACb,EAEA,SAAAiB,EAAAA,kBAAAA,IAACG,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,GAE1B,EACE,KACHH,EAAA,kBAAA,IAAAG,EAAA,QAAA,CAAQ,KAAK,kBAAkB,UAAU,UAAU,CAAA,EACtD,CAAA,CAAA,CACF,EACCzB,CACH,CAAA,CAAA,CAEJ,EAEM0B,GAAuB,CAAmB,CAC9C,UAAAzB,EACA,UAAA0B,EACA,SAAAzB,EACA,WAAAC,EACA,UAAAC,EACA,MAAAwB,EACA,SAAAvB,EACA,YAAAE,EACA,YAAAC,EACA,eAAAC,EACA,MAAAE,CACF,IAGM,CACJ,KAAM,CAAE,WAAYkB,CAAiB,EAAIf,oBAAkB,CACzD,UAAAV,EACA,WAAY,GACZ,UAAAH,EACA,WAAAE,CAAA,CACD,EAMKY,EAAYe,EAAA,YACfd,GAA8C,CACzCA,EAAE,MAAQ,aAAeA,EAAE,MAAQ,UACzBT,IAGLS,EAAE,KAAOA,EAAE,IAAI,MAAM,eAAe,IAE3CC,GAAAA,UAAU,IAAM,CACFV,GAAA,CACb,EAEGE,EAAe,UACjBA,EAAe,QAAQ,QACvBA,EAAe,QAAQ,kBAAkB,EAAGA,EAAe,QAAQ,MAAM,MAAM,GAGrF,EACA,CAACF,EAAaE,CAAc,CAAA,EAGxBsB,EAAWD,EAAA,YACdE,GAAmB,CAEhBrB,GAAAN,EACEM,EAAM,OAAQsB,GAAS,CACf,MAAAC,EAASP,EAAUM,CAAI,EACtB,MAAA,CAACD,EAAK,IAAIE,CAAM,CAAA,CACxB,CAAA,CAEP,EACA,CAACP,EAAWtB,EAAUM,CAAK,CAAA,EAI3B,OAAAW,EAAA,kBAAA,IAACa,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,cAAef,EAAW,UAAAC,CAAA,IACtCQ,EAAiB,CACf,UAAAR,EACA,UAAAD,EACA,UAAWgB,GAAA,KACTf,GAAa,CAACjB,GAAa,CAACD,GAAc,CAACiB,EAAY,eAAiB,GACxE,2DACF,CAAA,CACD,EAGH,SAAAF,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,QAASZ,EACT,UAAAQ,EACA,WAAAZ,EACA,UAAU,2BAEV,SAAA,CAAAmB,wBAAC,MAAI,CAAA,UAAU,iBACZ,SAAAX,GAASA,EAAM,OACdW,EAAA,kBAAA,IAACe,GAAA,cAAA,CACC,MAAOT,GAAS,iBAChB,UAAU,sCACV,SAAUzB,EAAa,OAAY4B,EAElC,WAAM,IAAKE,GACVX,EAAAA,kBAAAA,IAACgB,aAA+B,GAAIX,EAAUM,CAAI,EAAG,WAAA9B,EAClD,SAASD,EAAA+B,CAAI,GADDN,EAAUM,CAAI,CAE7B,CACD,CAAA,CAAA,EAGFX,EAAA,kBAAA,IAAAE,GAAA,KAAA,CAAK,MAAM,YAAa,UAAY,CAAA,EAEzC,EACCF,EAAA,kBAAA,IAAAG,EAAA,QAAA,CAAQ,KAAK,kBAAkB,UAAU,uBAAuB,CAAA,CAAA,CACnE,CAAA,CAAA,CAGN,EAEMc,GAAc,CAAC,CACnB,QAAAvC,EACA,UAAAwC,EACA,UAAAzB,EACA,cAAA0B,EACA,MAAAC,EACA,eAAAjC,EACA,SAAAkC,CACF,IAA4F,CAC1F,MAAMC,EAAKC,EAAAA,QACL,CAAE,MAAAC,EAAO,OAAAC,CAAO,EAAIC,GAAc,cAAA,EAClCC,EAAcC,gBAAaV,GAAa,GAAO,CAAE,MAAO,IAAK,YAAa,GAAA,CAAK,EAC/E,CAAE,2BAAA5B,CAA2B,EAAIE,EAAAA,kBAAkB,CAAE,UAAW,GAAM,EAE5EqC,OAAAA,EAAAA,UAAU,IAAM,QACdC,EAAA3C,EAAe,UAAf,MAAA2C,EAAwB,OAG1B,EAAG,CAAE,CAAA,0BAEF,MAAI,CAAA,UAAU,OACb,SAAClC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAU,sHACb,SAAA,CAAAI,EAAA,kBAAA,IAAC+B,EAAA,MAAA,CACC,IAAK5C,EACL,GAAAmC,EACA,UAAU,yEACV,SAAW5B,GAAM,SACN2B,IAAAS,EAAApC,EAAE,SAAF,YAAAoC,EAAU,QAAS,EAAE,EACdX,GAAA,MAAAA,GAAAa,EAAAtC,EAAE,SAAF,YAAAsC,EAAU,MAC5B,EACA,YAAaP,EACb,MAAOL,GAAS,GAChB,UAAYa,GAAU,CAEhBA,EAAM,OAAS,OACjBA,EAAM,eAAe,EAGvBxC,GAAA,MAAAA,EAAYwC,EACd,CAAA,CACF,EACCb,GAASA,EAAM,OACdpB,EAAA,kBAAA,IAACH,EAAA,OAAA,CACC,aAAY2B,EACZ,UAAWlC,EAA2B,EACtC,oBAAmB,GACnB,QAAS,IAAM,OACb+B,EAAS,EAAE,GACXS,EAAA3C,EAAe,UAAf,MAAA2C,EAAwB,OAC1B,EAEA,SAAA9B,EAAAA,kBAAAA,IAACG,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CAAA,EAEtB,KACHzB,EACAiD,EAAe3B,EAAAA,kBAAAA,IAAAkC,GAAAA,QAAA,CAAQ,UAAU,OAAO,KAAK,OAAQ,CAAA,EAAK,IAAA,CAC7D,CAAA,CACF,CAAA,CAEJ,EAEMC,GAAmBnD,GAAkB,CACnC,MAAAoD,EAAoBC,SAAiC,IAAI,EACzD,CAACC,EAAyBC,CAA0B,EAAIC,WAAS,EAAK,EAG5EX,OAAAA,EAAA,UAAU,IAAMU,EAA2B,EAAK,EAAG,CAACvD,CAAI,CAAC,EAClD,CAAE,kBAAAoD,EAAmB,wBAAAE,EAAyB,2BAAAC,EACvD,EAWME,GAAmB,CAAmB,CAC1C,cAAAC,EACA,UAAArC,EACA,kBAAA+B,EACA,cAAAO,EACA,eAAAC,EACA,MAAAvD,CACF,IAAgC,CACxB,MAAAwD,EAAkBR,SAAiC,IAAI,EACvDS,EAAoBT,SAAiC,IAAI,EACzDU,EAAgBV,SAAiC,IAAI,EAErDW,EAAoBC,GACpBA,IAAUC,EACLL,EACEI,IAAUC,EAAa,EACzBJ,EACEG,IAAUC,EAAa,EACzBH,EAEA,KAILI,EAAoBC,EAAAA,QAAQ,IAAM,CAClC,GAAA,MAAM,QAAQ/D,CAAK,EACrB,OAAIA,EAAM,OACDqD,EAAc,UAAW/B,GAASN,EAAUM,CAAI,IAAMN,EAAUhB,EAAM,CAAC,CAAC,CAAC,EAEzE,KAEAA,EACF,OAAAqD,EAAc,UAAW/B,GAASN,EAAUM,CAAI,IAAMN,EAAUhB,CAAK,CAAC,CAE9E,EAAA,CAACqD,EAAerC,EAAWhB,CAAK,CAAC,EAG9BgE,EAAkB7C,EAAA,YACrBG,GAAY,CACX,GAAIgC,EAAe,CACjB,MAAMW,EAAgBjE,EAAa,CAAC,GAAIA,CAAa,EAAvB,CAAK,EAC7BkE,EAAkBD,EAAa,IAAIjD,CAAS,EAC5CmD,EAAWD,GAAA,MAAAA,EAAiB,SAASlD,EAAUM,CAAI,GACrD2C,EAAa,OAAQG,GAAMpD,EAAUoD,CAAC,IAAMpD,EAAUM,CAAI,CAAC,EAC3D,CAAC,GAAG2C,EAAc3C,CAAI,EAC1BgC,GAAA,MAAAA,EAAgBa,QACPZ,IACTA,GAAA,MAAAA,EAAiBjC,GAErB,EACA,CAACN,EAAWsC,EAAeC,EAAgBvD,CAAK,CAAA,EAG5CqE,EAAoBlD,EAAA,YACvBG,GACK,MAAM,QAAQtB,CAAK,EACdA,EAAM,SAASsB,CAAI,EAEnBtB,IAAUsB,EAGrB,CAACtB,CAAK,CAAA,EAIF,CAAC6D,EAAYS,CAAa,EAAInB,EAAAA,SAASW,GAAqB,CAAC,EAE7DS,EAAgBC,GAAAA,mBAChBC,EAAwBzB,EAAAA,OAA2B,MAAS,EAG5D5C,EAAYe,EAAA,YACfd,GAA6C,SAC5C,MAAMqE,EAAqBb,EACrBc,EAAW,KAAK,IAAItB,EAAc,OAAS,EAAGqB,EAAqB,CAAC,EACpEE,EAAe,KAAK,IAAI,EAAGF,EAAqB,CAAC,EAEnDrE,EAAE,MAAQ,aACZA,EAAE,eAAe,EAEjBiE,EAAcK,CAAQ,EACtBF,EAAsB,QAAUF,EAG5BI,IAAatB,EAAc,OAAS,GAAKN,EAAkB,QAC7DA,EAAkB,QAAQ,eAAe,CAAE,MAAO,SAAW,CAAA,GAE7DN,EAAAiB,EAAc,UAAd,MAAAjB,EAAuB,eAAe,CAAE,MAAO,SAAW,IAEnDpC,EAAE,MAAQ,WACnBA,EAAE,eAAe,EACjBiE,EAAcM,CAAY,GAC1BjC,EAAAc,EAAkB,UAAlB,MAAAd,EAA2B,eAAe,CAAE,MAAO,SAAW,GAC9D8B,EAAsB,QAAUF,GACvBlE,EAAE,MAAQ,SACH2D,EAAAX,EAAcQ,CAAU,CAAC,CAE7C,EACA,CAACA,EAAYR,EAAeN,EAAmBwB,EAAeP,CAAe,CAAA,EAIzEa,EAAgB1D,EAAA,YACpB,CAAC2D,EAAqBlB,IAAkB,CAClCkB,GAAcL,EAAsB,UAAYF,IAClDD,EAAcV,CAAK,EACnBa,EAAsB,QAAUF,EAEpC,EACA,CAACA,CAAa,CAAA,EAIhB/B,OAAAA,EAAAA,UAAU,IAAM,CACVgB,EAAgB,SAClBA,EAAgB,QAAQ,eAAe,CAAE,MAAO,SAAW,CAAA,CAC7D,EAGC,CAAC,IAAI,CAAC,EAEF,CACL,WAAAK,EACA,iBAAAF,EACA,kBAAAU,EACA,UAAAjE,EACA,cAAAyE,EACA,kBAAAf,EACA,gBAAAE,CAAA,CAEJ,EAEMe,EAAuB,CAAmB,CAC9C,UAAAC,EACA,mBAAAC,EACA,UAAAjE,EACA,SAAAzB,EACA,UAAAsC,EACA,MAAAqD,EACA,MAAAjE,EACA,WAAAkE,EACA,cAAA7B,EACA,cAAAxB,EACA,eAAAyB,EACA,KAAA5D,EACA,UAAAyF,EACA,eAAAtF,EACA,qBAAAuF,EACA,eAAAC,EACA,WAAAC,EACA,MAAAvF,CACF,IAAoC,aAClC,KAAM,CAAE,SAAAwF,EAAU,eAAAC,CAAe,EAAIpD,GAAc,cAAA,EAC7C,CAAE,cAAAgB,EAAe,MAAAtB,EAAO,SAAAC,CAAA,EAAa0D,GAAAA,sBAAyB,CAClE,SAAAnG,EACA,MAAA2F,EACA,cAAApD,CAAA,CACD,EACK,CAAE,KAAM6D,CAAW,EAAIC,GAAqB,qBAAA,EAC5C,CAAE,wBAAA3C,EAAyB,kBAAAF,EAAmB,2BAAAG,CAA2B,EAC7EJ,GAAgBnD,CAAI,EAEhB,CACJ,WAAAkE,EACA,iBAAAF,EACA,kBAAAU,EACA,cAAAQ,EACA,UAAAzE,EACA,kBAAA0D,EACA,gBAAAE,GACEZ,GAAiB,CACnB,cAAAC,EACA,UAAArC,EACA,kBAAA+B,EACA,cAAAO,EACA,eAAAC,EACA,MAAAvD,CAAA,CACD,EAEK,CAAC6F,EAAiBC,CAAkB,EAAI3C,EAAA,UAC5CV,EAAA8C,EAAW,UAAX,YAAA9C,EAAoB,WAAA,EAEtBsD,GAAA,QAAiB,SAAU,IAAM,OACZD,GAAArD,EAAA8C,EAAW,UAAX,YAAA9C,EAAoB,WAAW,CAAA,CACnD,EAEK,MAAAuD,EAAeH,KAAmBlD,GAAA4C,EAAW,UAAX,YAAA5C,GAAoB,aAEtDsD,EAAYjD,SAAuB,IAAI,EAEvCkD,EAAQf,IAAc9B,GAAA,YAAAA,EAAe,SAAU,GAAK,GAAIA,GAAA,YAAAA,EAAe,SAAU,EAEjF8C,EAAcC,GAAAA,eAAe,CACjC,MAAAF,EACA,aAAc,IAAM,GACpB,iBAAkB,IAAMD,EAAU,QAClC,SAAU,CAAA,CACX,EAEDzD,EAAAA,UAAU,IAAM,CACVsB,GACFqC,EAAY,cAAc,KAAK,IAAIrC,EAAoB,EAAGoC,EAAQ,CAAC,CAAC,GAErE,CAACA,EAAOvG,EAAMmE,EAAmBqC,CAAW,CAAC,EAE1C,MAAAE,EAAeF,EAAY,kBAG/B,OAAAxF,EAAA,kBAAA,IAAC2F,GAAA,QAAA,CACC,UAAU,MACV,OAAQ3G,EACR,eAAc,GACd,WAAA4F,EACA,aAAcD,EACd,aAAYrE,EACZ,qBAAoB,GACpB,UAAAmE,EACA,MACE,CACE,MAAOY,GAAgBA,EAAe,IAAMA,EAAe,KAAO,QAClE,UAAAhB,CACF,EAGD,SAAArF,EACEY,yBAAA,MAAA,CAAI,UAAU,QACb,SAAA,CAAAI,EAAA,kBAAA,IAACiB,GAAA,CACC,cAAAE,EACA,UAAAD,EACA,MAAAE,EACA,SAAAC,EACA,eAAAlC,EACA,UAAAM,CAAA,CACF,EACAO,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKsF,EACL,UAAU,yBACV,MAAO,CACL,QAAS,SACT,OAAQ,KAAK,IAAI,IAAKE,EAAY,aAAa,GAAKhB,EAAa,EAAI,EAAE,CACzE,EAEA,SAAAxE,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,kBACV,MAAO,CACL,OAAQwF,EAAY,aAAa,CACnC,EAEA,SAAAxF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,gCACV,MAAO,CACL,UAAW,gBAAc4F,GAAAF,EAAa,CAAC,IAAd,YAAAE,GAAiB,QAAS,CAAC,KACtD,EAEC,SAAAF,EAAa,IAAKG,GAAgB,CAGjC,GAF0BA,EAAY,QAAUN,EAAQ,GAE/Bf,EAErB,OAAAxE,EAAA,kBAAA,IAAC,MAAA,CAEC,aAAY6F,EAAY,MACxB,IAAKL,EAAY,eAEjB,kCAAC,MACC,CAAA,SAAA,CAACxF,EAAAA,kBAAAA,IAAA8F,GAAA,UAAA,CAAU,UAAU,MAAO,CAAA,EAC5B9F,EAAA,kBAAA,IAACH,EAAA,OAAA,CACC,WAAYqB,EACZ,cAAeqB,EACf,cAAeA,EACf,IAAKH,EACL,UAAW4C,EAAW,CACpB,UACE,iOAAA,CACH,EACD,QAAS,IAAM,OACFR,KAGX1C,EAAA3C,EAAe,UAAf,MAAA2C,EAAwB,OAC1B,EACA,UAAYpC,GAAM,OACZA,EAAE,MAAQ,YACZA,EAAE,eAAe,GACjBoC,EAAA3C,EAAe,UAAf,MAAA2C,EAAwB,QAE5B,EAEC,SAAA+C,CAAA,CACH,CAAA,EACF,CAAA,EA9BKgB,EAAY,GAAA,EAiChB,CACC,MAAAlF,EAAO+B,EAAcmD,EAAY,KAAK,EAE1C,OAAA7F,EAAA,kBAAA,IAAC,MAAA,CAEC,aAAY6F,EAAY,MACxB,IAAKL,EAAY,eAEjB,SAAAxF,EAAA,kBAAA,IAACH,EAAA,OAAA,CAEC,IAAKmD,EAAiB6C,EAAY,KAAK,EACvC,UAAU,iCACV,cAAgB1B,GAAe,CACfD,EAAAC,EAAY0B,EAAY,KAAK,CAC7C,EACA,QAAS,IAAMxC,EAAgB1C,CAAI,EACnC,oBAAmB,GAEnB,SAAAX,EAAA,kBAAA,IAAC+F,GAAA,eAAA,CAEC,aAAY,GACZ,KAAApF,EACA,MAAO,CACL,OAAQuC,IAAe2C,EAAY,OAAS,CAACvD,EAC7C,UACEgC,GAAA,YAAAA,EAAoB,SAASjE,EAAUM,CAAI,KAAgB,GAC7D,SAAU+C,EAAkB/C,CAAI,CAClC,EACA,qBAAA+D,CAAA,EATKrE,EAAUM,CAAI,CAUrB,CAAA,EApBKN,EAAUM,CAAI,CAqBrB,CAAA,EA1BKkF,EAAY,GAAA,CA6BvB,CAAA,CACD,CAAA,CACH,CAAA,CACF,CAAA,CACF,EACCN,EAAQ,KACPvF,EAAAA,kBAAAA,IAACE,GAAK,KAAA,CAAA,QAAQ,cAAc,MAAM,YAAY,UAAU,SACrD,SACH4E,CAAA,CAAA,CAAA,CAAA,CAEJ,EACE,IAAA,CAAA,CAGV,EAEMkB,EAAqB,CAAmB,CAC5C,UAAA3F,EACA,KAAA4F,EACA,MAAA5G,CACF,IAKM4G,EACE,MAAM,QAAQ5G,CAAK,EACdA,EAAM,IAAKoE,GAChBzD,EAAAA,kBAAAA,IAAC,SAAyB,KAAK,SAAS,KAAAiG,EAAY,MAAO5F,EAAUoD,CAAC,CAAA,EAA1DpD,EAAUoD,CAAC,CAAkD,CAC1E,EACQpE,EACFW,wBAAC,SAAM,KAAK,SAAS,KAAAiG,EAAY,MAAO5F,EAAUhB,CAAK,CAAG,CAAA,EAE1D,KAGJ,KAGI6G,GAAkB,CAAmB,CAChD,aAAAC,EACA,YAAAC,EACA,kBAAA3H,EACA,mBAAA6F,EACA,QAAA5F,EACA,aAAA2H,EACA,UAAA1H,EAAY,GACZ,UAAA0B,EACA,SAAAzB,EACA,cAAA0H,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAA3H,EACA,UAAAC,EACA,UAAAoC,EACA,WAAAuF,EACA,MAAAlC,EACA,MAAAjE,EACA,KAAA2F,EACA,SAAAlH,EACA,WAAAyF,EACA,cAAArD,EACA,YAAAjC,EACA,UAAAuF,EAAY,eACZ,qBAAAC,EACA,UAAAtF,EACA,MAAAC,CACF,IAA+B,CAC7B,KAAM,CAAE,WAAYqH,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnEzH,EAAiBkD,SAAyB,IAAI,EAC9CwE,EAAoBxE,SAA0B,IAAI,EAClDuC,EAAavC,SAAuB,IAAI,EACxC,CAACyE,EAAeC,CAAgB,EAAIvE,EAAAA,SAAwBnD,GAAS8G,CAAY,EACjF,CAACa,EAAQC,CAAS,EAAIzE,WAAS,EAAK,EACpCvD,EAAc,IAAM,OACxBgI,EAAU,EAAI,GACdnF,EAAA+E,EAAkB,UAAlB,MAAA/E,EAA2B,OAAM,EAE7BoF,EAAe,IAAMD,EAAU,EAAK,EAEpCrE,EAAiBpC,EAAA,YACpBgD,GAAiB,CAChBuD,EAAiBvD,CAAQ,EACzBzE,GAAA,MAAAA,EAAWyE,GACE0D,GACf,EACA,CAACnI,CAAQ,CAAA,EAGL,CAAE,UAAAsF,GAAc8C,EAAAA,YAChB,CAAE,QAAAC,CAAQ,EAAI5H,oBAAkB,CACpC,UAAAb,EACA,UAAAG,EACA,WAAYD,GAAc6H,CAAA,CAC3B,EAGD7E,EAAAA,UAAU,IAAM,CACdkF,EAAiB1H,GAAS8G,CAAY,CAAA,EACrC,CAACA,EAAc9G,CAAK,CAAC,EAExB,MAAMgI,EAAgBhI,GAASyH,EAE/B,gCACG,MACC,CAAA,SAAA,CAAA9G,EAAA,kBAAA,IAACgG,EAAmB,CAAA,KAAAC,EAAY,MAAOoB,EAAe,UAAAhH,EAAsB,EAC3ET,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWwH,EAAA,EACd,SAAA,CAAApH,EAAA,kBAAA,IAACsH,GAAA,YAAA,CACC,MAAAhH,EACA,cAAAgG,EACA,gBAAAE,EACA,WAAAC,CAAA,CACF,EACAzG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,IAAK4E,EACR,SAAA5E,EAAA,kBAAA,IAACxB,GAAA,CACC,kBAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAyB,EACA,WAAAxB,EACA,UAAAC,EACA,KAAMkI,EACN,YAAA/H,EACA,SAAU2D,EACV,YAAA1D,EACA,eAAAC,EACA,UAAAC,EACA,MAAOiI,CAAA,CAAA,EAEX,EACArH,EAAA,kBAAA,IAACuH,GAAA,YAAA,CACC,YAAAnB,EACA,aAAAC,EACA,gBAAAE,CAAA,CACF,CAAA,EACF,EACAvG,EAAA,kBAAA,IAACoE,EAAA,CACC,WAAAQ,EACA,MAAAtE,EACA,UAAAD,EACA,SAAAzB,EACA,MAAA2F,EACA,KAAMyC,EACN,eAAgBC,EAChB,qBAAAvC,EACA,mBAAAJ,EACA,UAAAD,EACA,cAAAlD,EACA,UAAAD,EACA,eAAA/B,EACA,WAAAqF,EACA,UAAAC,EACA,MAAO4C,EACP,eAAAzE,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,EAEa4E,GAAuB,CAAmB,CACrD,aAAArB,EACA,YAAAC,EACA,kBAAA3H,EACA,mBAAA6F,EACA,QAAA5F,EACA,aAAA2H,EACA,UAAA1H,EAAY,GACZ,UAAA0B,EACA,SAAAzB,EACA,cAAA0H,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAA3H,EACA,UAAAC,EACA,UAAAoC,EACA,WAAAuF,EACA,MAAAlC,EACA,MAAAjE,EACA,QAAAmH,EACA,KAAAxB,EACA,SAAAlH,EACA,WAAAyF,EACA,cAAArD,EACA,YAAAjC,EACA,UAAAuF,EAAY,eACZ,qBAAAC,EACA,UAAAtF,EACA,MAAAC,CACF,IAAoC,CAClC,KAAM,CAAE,WAAYqH,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnEzH,EAAiBkD,SAAyB,IAAI,EAC9CuC,EAAavC,SAAuB,IAAI,EACxC,CAACyE,EAAeC,CAAgB,EAAIvE,EAAAA,SAA0BnD,GAAS8G,CAAY,EACnF,CAACa,EAAQC,CAAS,EAAIzE,WAAS,EAAK,EACpCvD,EAAc,IAAM,CACxBgI,EAAU,EAAI,CAAA,EAGVtE,EAAgBnC,EAAA,YACnBgD,GAAmB,OAClBuD,EAAiBvD,CAAQ,EACzBzE,GAAA,MAAAA,EAAWyE,IACX1B,EAAA3C,EAAe,UAAf,MAAA2C,EAAwB,OAC1B,EACA,CAAC/C,CAAQ,CAAA,EAGL,CAAE,UAAAsF,GAAc8C,EAAAA,YAEhB,CAAE,QAAAC,CAAQ,EAAI5H,oBAAkB,CACpC,UAAAb,EACA,UAAAG,EACA,WAAYD,GAAc6H,CAAA,CAC3B,EAGD7E,EAAAA,UAAU,IAAM,CACdkF,EAAiB1H,GAAS8G,CAAY,CAAA,EACrC,CAACA,EAAc9G,CAAK,CAAC,EACxB,MAAMgI,EAAgBhI,GAASyH,EAE/B,gCACG,MACC,CAAA,SAAA,CAAA9G,EAAA,kBAAA,IAACgG,EAAmB,CAAA,KAAAC,EAAY,MAAOoB,EAAe,UAAAhH,EAAsB,EAC3ET,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWwH,EAAA,EACd,SAAA,CAAApH,EAAA,kBAAA,IAACsH,GAAA,YAAA,CACC,MAAAhH,EACA,WAAAmG,EACA,cAAAH,EACA,gBAAAE,EACA,QAAAiB,CAAA,CACF,EACAzH,EAAAA,kBAAAA,IAAC,MAAI,CAAA,IAAK4E,EACR,SAAA5E,EAAA,kBAAA,IAACI,GAAA,CACC,kBAAA3B,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAyB,EACA,WAAAxB,EACA,UAAAC,EACA,SAAU6D,EACV,KAAMqE,EACN,YAAA/H,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,MAAOiI,CAAA,CAAA,EAEX,EACArH,EAAA,kBAAA,IAACuH,GAAA,YAAA,CACC,YAAAnB,EACA,aAAAC,EACA,gBAAAE,CAAA,CACF,CAAA,EACF,EACAvG,EAAA,kBAAA,IAACoE,EAAA,CACC,MAAA9D,EACA,eAAAnB,EACA,WAAAyF,EACA,UAAAvE,EACA,SAAAzB,EACA,MAAA2F,EACA,cAAA5B,EACA,MAAO0E,EACP,UAAA5C,EACA,KAAMuC,EACN,eAAgBC,EAChB,qBAAAvC,EACA,mBAAAJ,EACA,UAAAD,EACA,cAAAlD,EACA,UAAAD,EACA,WAAAsD,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,EAEakD,GAAmC,CAAmB,CACjE,SAAAC,EACA,aAAAxB,EACA,mBAAA7B,EACA,UAAAjE,EACA,SAAAzB,EACA,WAAAC,EACA,UAAAC,EACA,UAAAoC,EACA,MAAAqD,EACA,MAAAjE,EACA,KAAA2F,EACA,SAAAlH,EACA,cAAAoC,EACA,UAAAsD,EAAY,eACZ,qBAAAC,EACA,MAAArF,CACF,IAAgD,CAC9C,KAAM,CAAE,WAAYqH,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnEzH,EAAiBkD,SAAyB,IAAI,EAC9CwE,EAAoBxE,SAA0B,IAAI,EAClDuC,EAAavC,SAAuB,IAAI,EACxC,CAACyE,EAAeC,CAAgB,EAAIvE,EAAAA,SAAwBnD,GAAS8G,CAAY,EACjF,CAACa,EAAQC,CAAS,EAAIzE,WAAS,EAAK,EACpCvD,EAAc,IAAM,OACxBgI,EAAU,EAAI,GACdnF,EAAA+E,EAAkB,UAAlB,MAAA/E,EAA2B,OAAM,EAE7BoF,EAAe,IAAMD,EAAU,EAAK,EAEpCrE,EAAiBpC,EAAA,YACpBgD,GAAiB,CAChBuD,EAAiBvD,CAAQ,EACzBzE,GAAA,MAAAA,EAAWyE,GACE0D,GACf,EACA,CAACnI,CAAQ,CAAA,EAGL,CAAE,UAAAsF,GAAc8C,EAAAA,YAChB,CAAE,QAAAC,CAAQ,EAAI5H,oBAAkB,CACpC,UAAW,GACX,UAAAV,EACA,WAAAD,CAAA,CACD,EAGDgD,EAAAA,UAAU,IAAM,CACdkF,EAAiB1H,GAAS8G,CAAY,CAAA,EACrC,CAACA,EAAc9G,CAAK,CAAC,EAExB,MAAMgI,EAAgBhI,GAASyH,EAE7B,OAAA9G,EAAA,kBAAA,IAAC4H,EAAA,SAAA,CACC,OAAQ,CACN,CACEC,EAAA,cACA,CACE,QAAS,IAAM5I,EAAY,EAC3B,WAAYJ,GAAc6H,CAC5B,CACF,CACF,EAEA,kCAAC,MACC,CAAA,SAAA,CAAA1G,EAAA,kBAAA,IAACgG,EAAmB,CAAA,KAAAC,EAAY,MAAOoB,EAAe,UAAAhH,EAAsB,EAC5EL,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWoH,EAAQ,EACtB,iCAAC,MAAI,CAAA,IAAKxC,EAAa,SAAA+C,CAAA,CAAS,CAClC,CAAA,EACA3H,EAAA,kBAAA,IAACoE,EAAA,CACC,WAAAQ,EACA,MAAAtE,EACA,UAAAD,EACA,SAAAzB,EACA,MAAA2F,EACA,KAAMyC,EACN,eAAgBC,EAChB,qBAAAvC,EACA,mBAAAJ,EACA,UAAAD,EACA,cAAAlD,EACA,UAAAD,EACA,eAAA/B,EACA,UAAAsF,EACA,MAAO4C,EACP,eAAAzE,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAGN,EAEakF,GAAwC,CAAmB,CACtE,SAAAH,EACA,aAAAxB,EACA,mBAAA7B,EACA,UAAA3F,EAAY,GACZ,UAAA0B,EACA,SAAAzB,EACA,WAAAC,EACA,UAAAC,EACA,UAAAoC,EACA,MAAAqD,EACA,MAAAjE,EACA,KAAA2F,EACA,SAAAlH,EACA,cAAAoC,EACA,UAAAsD,EAAY,eACZ,qBAAAC,EACA,MAAArF,CACF,IAAqD,CACnD,KAAM,CAAE,WAAYqH,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnEzH,EAAiBkD,SAAyB,IAAI,EAC9CwE,EAAoBxE,SAA0B,IAAI,EAClDuC,EAAavC,SAAuB,IAAI,EACxC,CAACyE,EAAeC,CAAgB,EAAIvE,EAAAA,SAA0BnD,GAAS8G,CAAY,EACnF,CAACa,EAAQC,CAAS,EAAIzE,WAAS,EAAK,EACpCvD,EAAc,IAAM,OACxBgI,EAAU,EAAI,GACdnF,EAAA+E,EAAkB,UAAlB,MAAA/E,EAA2B,OAAM,EAG7Ba,EAAgBnC,EAAA,YACnBgD,GAAmB,OAClBuD,EAAiBvD,CAAQ,EACzBzE,GAAA,MAAAA,EAAWyE,IACX1B,EAAA3C,EAAe,UAAf,MAAA2C,EAAwB,OAC1B,EACA,CAAC/C,CAAQ,CAAA,EAGL,CAAE,UAAAsF,GAAc8C,EAAAA,YAEhB,CAAE,QAAAC,CAAQ,EAAI5H,oBAAkB,CACpC,UAAAb,EACA,UAAAG,EACA,WAAAD,CAAA,CACD,EAGDgD,EAAAA,UAAU,IAAM,CACdkF,EAAiB1H,GAAS8G,CAAY,CAAA,EACrC,CAACA,EAAc9G,CAAK,CAAC,EAExB,MAAMgI,EAAgBhI,GAASyH,EAG7B,OAAA9G,EAAA,kBAAA,IAAC4H,EAAA,SAAA,CACC,OAAQ,CACN,CACEC,EAAA,cACA,CAAE,QAAS,IAAM5I,IAAe,WAAYJ,GAAc6H,CAAqB,CACjF,CACF,EAEA,kCAAC,MACC,CAAA,SAAA,CAAA1G,EAAA,kBAAA,IAACgG,EAAmB,CAAA,KAAAC,EAAY,MAAOoB,EAAe,UAAAhH,EAAsB,EAC5EL,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWoH,EAAQ,EACtB,iCAAC,MAAI,CAAA,IAAKxC,EAAa,SAAA+C,CAAA,CAAS,CAClC,CAAA,EACA3H,EAAA,kBAAA,IAACoE,EAAA,CACC,MAAA9D,EACA,eAAAnB,EACA,WAAAyF,EACA,UAAAvE,EACA,SAAAzB,EACA,MAAA2F,EACA,KAAMyC,EACN,eAAgBC,EAChB,qBAAAvC,EACA,mBAAAJ,EACA,UAAAD,EACA,cAAAlD,EACA,UAAAD,EACA,MAAOmG,EACP,cAAA1E,EACA,UAAA8B,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"lyra37.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonContext,\n  Group,\n  Input,\n  Key,\n  Provider,\n} from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useMousePosition } from \"../../../utils/hooks/use-mouse-position\";\nimport usePrevious from \"../../../utils/hooks/use-previous\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport {\n  MultiSearchListFieldProps,\n  MultiSearchListFieldWithCustomTriggerProps,\n  SearchInputProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  SearchListFieldWithCustomTriggerProps,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  endSlot,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  const { buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      e.stopPropagation();\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n    // match e.key to any letter or number and add the character to the search input\n    else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      // open the popover\n      flushSync(() => {\n        openPopover?.();\n      });\n      // set the cursor to the end of the input\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {startSlot}\n      <AriaButton\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={({ isFocused, isHovered }) =>\n          inputField({\n            isHovered,\n            isFocused,\n            className: \"grow\",\n          })\n        }\n        isDisabled={isDisabled}\n        onKeyDown={onKeyDown}\n        onPress={openPopover}\n      >\n        <div className=\"grow truncate text-start\">\n          {value && getLabel(value) ? (\n            <>{getLabel(value)}</>\n          ) : (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {placeholder}\n            </Text>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {value && !isDisabled && !disableClearLogic ? (\n            <>\n              <div\n                className={buttonExcludedFromTabOrder()}\n                role=\"button\"\n                onPointerDown={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </div>\n            </>\n          ) : null}\n          <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4\" />\n        </div>\n      </AriaButton>\n      {endSlot}\n    </div>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        openPopover();\n      }\n      // match e.key to any letter or number and add the character to the search input\n      else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n        // open the popover\n        flushSync(() => {\n          openPopover();\n        });\n        // set the cursor to the end of the input\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n          searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n        }\n      }\n    },\n    [openPopover, searchInputRef],\n  );\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          isHovered,\n          isFocused,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"has:[data-focused]:border has:[data-focused]:border-focus\",\n          ),\n        })\n      }\n    >\n      <AriaButton\n        onPress={openPopover}\n        onKeyDown={onKeyDown}\n        isDisabled={isDisabled}\n        className=\"flex w-full outline-none\"\n      >\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem] items-center\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </AriaButton>\n    </Group>\n  );\n};\n\nconst SearchInput = ({\n  endSlot,\n  isLoading,\n  onKeyDown,\n  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps & { onKeyDown: KeyboardEventHandler<HTMLInputElement> | undefined }) => {\n  const id = useId();\n  const { clear, search } = useDictionary();\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n  const { buttonExcludedFromTabOrder } = sharedInputStyles({ fullWidth: true });\n\n  useEffect(() => {\n    searchInputRef.current?.focus();\n    // only run on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div className=\"pb-1\">\n      <div className=\"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5\">\n        <Input\n          ref={searchInputRef}\n          id={id}\n          className=\"w-full bg-transparent text-base outline-none placeholder:text-tertiary\"\n          onChange={(e) => {\n            setQuery(e.target?.value ?? \"\");\n            onQueryChange?.(e.target?.value as any);\n          }}\n          placeholder={search}\n          value={query ?? \"\"}\n          onKeyDown={(event) => {\n            // Prevent selection of an item on Tab key down event\n            if (event.code === \"Tab\") {\n              event.preventDefault();\n            }\n\n            onKeyDown?.(event);\n          }}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clear}\n            className={buttonExcludedFromTabOrder()}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"clear\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst useLoadMoreHook = (open: boolean) => {\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\n  return { loadMoreButtonRef, isLoadMoreButtonFocused, setIsLoadMoreButtonFocused };\n};\n\ntype UseItemSelectionProps<T> = {\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  onSingleChange?: (value?: T) => void;\n  onMultiChange?: (value?: T[]) => void;\n  getItemId: (item: T) => Key;\n  value?: T | T[];\n  loadMoreButtonRef: RefObject<HTMLButtonElement>;\n};\n\nconst useItemSelection = <T extends object>({\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  loadMoreButtonRef,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const refs = useRef<Array<HTMLButtonElement>>([]);\n\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems.findIndex((item) => getItemId(item) === getItemId(value)) ?? 0;\n    }\n  }, [filteredItems, getItemId, value]);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\n  }, []);\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.includes(item);\n      } else {\n        return value === item;\n      }\n    },\n    [value],\n  );\n\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation when the searchinput is focused.\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n\n          // if next item is the last item and a loadMoreButton is available, scroll the load more button into view\n          if (safeNextIndex === filteredItems.length - 1 && loadMoreButtonRef.current) {\n            loadMoreButtonRef.current.scrollIntoView({ block: \"nearest\" });\n          } else {\n            const nextButtonRef = refs.current[safeNextIndex];\n            nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          }\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          previousMousePosition.current = mousePosition;\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n        }\n      } else if (e.key === \"Enter\") {\n        toggleSelection(filteredItems[activeItem]);\n      }\n    },\n    [\n      activeItem,\n      filteredItems,\n      getNextItemIndex,\n      getPreviousItemIndex,\n      loadMoreButtonRef,\n      mousePosition,\n      toggleSelection,\n    ],\n  );\n\n  // Handles onHoverChange event for the search list field items\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current?.[activeItem].scrollIntoView({ block: \"nearest\" });\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  // Reset the active item when the filtered items change\n  const concatenatedFilteredItemsIds = useMemo(\n    () => filteredItems?.map(getItemId).join(\"-\"),\n    [filteredItems, getItemId],\n  );\n  const previousConcatenatedFilteredItemsIds = usePrevious(concatenatedFilteredItemsIds);\n\n  useEffect(() => {\n    if (\n      previousConcatenatedFilteredItemsIds !== undefined &&\n      concatenatedFilteredItemsIds !== previousConcatenatedFilteredItemsIds\n    ) {\n      setActiveItem(0);\n    }\n  }, [concatenatedFilteredItemsIds, previousConcatenatedFilteredItemsIds]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onMultiChange,\n  onQueryChange,\n  onSingleChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const { item: itemStyles } = sharedListItemStyles();\n  const { isLoadMoreButtonFocused, loadMoreButtonRef, setIsLoadMoreButtonFocused } =\n    useLoadMoreHook(open);\n\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    selectedItemIndex,\n    toggleSelection,\n  } = useItemSelection({\n    disabledItemIdKeys,\n    filteredItems,\n    getItemId,\n    loadMoreButtonRef,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  const count = onLoadMore ? (filteredItems?.length ?? 0) + 1 : filteredItems?.length ?? 0;\n\n  const virtualizer = useVirtualizer({\n    count,\n    estimateSize: () => 40,\n    getScrollElement: () => parentRef.current,\n    overscan: 6,\n  });\n\n  useEffect(() => {\n    if (selectedItemIndex) {\n      virtualizer.scrollToIndex(Math.min(selectedItemIndex - 1, count - 1));\n    }\n  }, [count, open, selectedItemIndex, virtualizer]);\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      disablePadding\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      aria-label={label}\n      shouldUpdatePosition\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <div className=\"gap-1\">\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={setQuery}\n            searchInputRef={searchInputRef}\n            onKeyDown={onKeyDown}\n          />\n          <div\n            ref={parentRef}\n            className=\"w-full overflow-y-auto\"\n            style={{\n              contain: \"strict\",\n              height: Math.min(288, virtualizer.getTotalSize() + (onLoadMore ? 4 : 0)),\n            }}\n          >\n            <div\n              className=\"relative w-full\"\n              style={{\n                height: virtualizer.getTotalSize(),\n              }}\n            >\n              <div\n                className=\"absolute start-0 top-0 w-full\"\n                style={{\n                  transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                }}\n              >\n                {virtualItems.map((virtualItem) => {\n                  const itemIsLastOfIndex = virtualItem.index === count - 1;\n\n                  if (itemIsLastOfIndex && onLoadMore) {\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <div>\n                          <Separator className=\"my-1\" />\n                          <AriaButton\n                            isDisabled={isLoading}\n                            onFocusChange={setIsLoadMoreButtonFocused}\n                            onHoverChange={setIsLoadMoreButtonFocused}\n                            ref={loadMoreButtonRef}\n                            className={itemStyles({\n                              className:\n                                \"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]\",\n                            })}\n                            onPress={() => {\n                              onLoadMore();\n\n                              // Focus input after loading more items\n                              searchInputRef.current?.focus();\n                            }}\n                            onKeyDown={(e) => {\n                              if (e.key === \"ArrowUp\") {\n                                e.preventDefault();\n                                searchInputRef.current?.focus();\n                              }\n                            }}\n                          >\n                            {loadMore}\n                          </AriaButton>\n                        </div>\n                      </div>\n                    );\n                  } else {\n                    const item = filteredItems[virtualItem.index];\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <AriaButton\n                          key={getItemId(item)}\n                          ref={(el) => assignRefOnIndex(virtualItem.index, el)}\n                          className=\"w-full text-start outline-none\"\n                          onHoverChange={(isHovering) => {\n                            onHoverChange(isHovering, virtualItem.index);\n                          }}\n                          onPress={() => toggleSelection(item)}\n                          isDisabled={\n                            disabledItemIdKeys?.includes(getItemId(item) as string) ?? false\n                          }\n                          excludeFromTabOrder\n                        >\n                          <SharedListItem\n                            key={getItemId(item)}\n                            hasSelection\n                            item={item}\n                            state={{\n                              active: activeItem === virtualItem.index && !isLoadMoreButtonFocused,\n                              disabled:\n                                disabledItemIdKeys?.includes(getItemId(item) as string) ?? false,\n                              selected: getItemIsSelected(item),\n                            }}\n                            selectRenderElements={selectRenderElements}\n                          />\n                        </AriaButton>\n                      </div>\n                    );\n                  }\n                })}\n              </div>\n            </div>\n          </div>\n          {count ? null : (\n            <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5\">\n              {noResultsFound}\n            </Text>\n          )}\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\nexport const SearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            open={isOpen}\n            openPopover={openPopover}\n            onChange={onSingleChange}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue as T | undefined}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        triggerRef={triggerRef}\n        label={label}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        searchInputRef={searchInputRef}\n        onLoadMore={onLoadMore}\n        placement={placement}\n        value={selectedValue}\n        onSingleChange={onSingleChange}\n      />\n    </div>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  labelId,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          isRequired={isRequired}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          labelId={labelId}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            onChange={onMultiChange}\n            open={isOpen}\n            openPopover={openPopover}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        label={label}\n        searchInputRef={searchInputRef}\n        triggerRef={triggerRef}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        onMultiChange={onMultiChange}\n        value={selectedValue}\n        placement={placement}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n      />\n    </div>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: SearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth: false,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          triggerRef={triggerRef}\n          label={label}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          searchInputRef={searchInputRef}\n          placement={placement}\n          value={selectedValue}\n          onSingleChange={onSingleChange}\n        />\n      </div>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: MultiSearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          label={label}\n          searchInputRef={searchInputRef}\n          triggerRef={triggerRef}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          value={selectedValue}\n          onMultiChange={onMultiChange}\n          placement={placement}\n        />\n      </div>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","searchInputRef","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","e","flushSync","jsxs","AriaButton","isFocused","isHovered","jsx","Fragment","Text","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","useEffect","_a","Input","_b","event","Spinner","useLoadMoreHook","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","useItemSelection","disabledItemIdKeys","filteredItems","onMultiChange","onSingleChange","refs","selectedItemIndex","useMemo","getPreviousItemIndex","activeIndex","i","getNextItemIndex","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","activeItem","setActiveItem","mousePosition","useMousePosition","previousMousePosition","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","concatenatedFilteredItemsIds","previousConcatenatedFilteredItemsIds","usePrevious","SearchListFieldItems","direction","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","useFilterItemsByQuery","itemStyles","sharedListItemStyles","triggerRefWidth","setTriggerRefWidth","useEventListener","triggerWidth","parentRef","count","virtualizer","useVirtualizer","virtualItems","Popover","_c","virtualItem","Separator","SharedListItem","UncontrolledInputs","name","SearchListField","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","useLocale","wrapper","selectedValue","InputHeader","InputFooter","MultiSearchListField","labelId","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}