@new-black/lyra 1.0.2 → 1.0.3

package/dist/lyra37.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra37.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { Button as AriaButton, ButtonContext, Group, Key, Provider } from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { SvgIcon } from \"../../../components/svg-icon\";\nimport { Text } from \"../../../components/text\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles, 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 {\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 text-left\">\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  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps) => {\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  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        <Combobox.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        />\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 SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onQueryChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n  const { item: itemStyles } = sharedListItemStyles();\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\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:\n            (triggerRef.current as any)?.offsetWidth > 280\n              ? (triggerRef.current as any)?.offsetWidth + \"px\"\n              : \"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          />\n          <Combobox.Options\n            static\n            className={sharedListStyles({\n              className: \"h-full max-h-72 overflow-y-auto\",\n            })}\n            onKeyDown={(e) => {\n              // Prevent scrolling inside popover element when the load more button is focused\n              if (\n                document.activeElement === loadMoreButtonRef.current &&\n                (e.code === \"ArrowUp\" || e.code === \"ArrowDown\")\n              ) {\n                e.preventDefault();\n              }\n            }}\n          >\n            {filteredItems.map((item) => (\n              <Combobox.Option\n                key={getItemId(item)}\n                value={item}\n                disabled={disabledItemIdKeys?.includes(getItemId(item) as string)}\n              >\n                {(renderItemState) => (\n                  <SharedListItem\n                    hasSelection\n                    item={item}\n                    state={{\n                      ...renderItemState,\n                      active: renderItemState.active && !isLoadMoreButtonFocused,\n                    }}\n                    selectRenderElements={selectRenderElements}\n                  />\n                )}\n              </Combobox.Option>\n            ))}\n            {!filteredItems?.length ? (\n              <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5 py-2\">\n                {noResultsFound}\n              </Text>\n            ) : null}\n            {onLoadMore ? (\n              <>\n                <Separator className=\"my-1\" />\n                <AriaButton\n                  isDisabled={isLoading}\n                  onFocusChange={setIsLoadMoreButtonFocused}\n                  ref={loadMoreButtonRef}\n                  className={itemStyles({\n                    className:\n                      \"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                >\n                  {loadMore}\n                </AriaButton>\n              </>\n            ) : null}\n          </Combobox.Options>\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\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  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  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={wrapper()}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <SingleValueButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                onChange={onSingleChange}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value 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          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\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  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<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    },\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\n  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\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              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <MultipleValuesButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                onChange={onMultiChange}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value}\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            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        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  by,\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  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  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? \"\"}\n        onChange={onSingleChange}\n        by={by as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </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=\"bottom start\"\n            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  by,\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  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    },\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  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? []}\n        onChange={onMultiChange}\n        by={by as any}\n        multiple={true as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </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            />\n          </>\n        )}\n      </Combobox>\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","Combobox","event","_a","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","filteredItems","useFilterItemsByQuery","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","itemStyles","sharedListItemStyles","useEffect","Popover","_b","sharedListStyles","renderItemState","SharedListItem","Separator","SearchListField","by","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","name","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","newValue","useLocale","wrapper","disabled","InputHeader","InputFooter","MultiSearchListField","labelId","onMultiChange","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}
+{"version":3,"file":"lyra37.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { Button as AriaButton, ButtonContext, Group, Key, Provider } from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { SvgIcon } from \"../../../components/svg-icon\";\nimport { Text } from \"../../../components/text\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles, 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 {\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  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps) => {\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  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        <Combobox.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        />\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 SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onQueryChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n  const { item: itemStyles } = sharedListItemStyles();\n\n  const itemsParentRef = useRef<HTMLDivElement>(null);\n\n  const count = filteredItems.length;\n  const virtualizer = useVirtualizer({\n    count,\n    getScrollElement: () => itemsParentRef.current,\n    estimateSize: () => 24,\n    getItemKey: (index) => getItemId(filteredItems[index]),\n    overscan: 6,\n  });\n\n  const virtualizedFilterdItems = virtualizer.getVirtualItems();\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\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:\n            (triggerRef.current as any)?.offsetWidth > 280\n              ? (triggerRef.current as any)?.offsetWidth + \"px\"\n              : \"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          />\n          <Combobox.Options\n            static\n            className={sharedListStyles({})}\n            as=\"div\"\n            onKeyDown={(e) => {\n              // Prevent scrolling inside popover element when the load more button is focused\n              if (\n                document.activeElement === loadMoreButtonRef.current &&\n                (e.code === \"ArrowUp\" || e.code === \"ArrowDown\")\n              ) {\n                e.preventDefault();\n              }\n            }}\n          >\n            <div\n              ref={itemsParentRef}\n              className=\"w-full overflow-y-auto\"\n              style={{ contain: \"strict\", height: Math.min(288, virtualizer.getTotalSize()) }}\n            >\n              <div className=\"relative w-full\" style={{ height: virtualizer.getTotalSize() }}>\n                <div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    left: 0,\n                    width: \"100%\",\n                    transform: `translateY(${virtualizedFilterdItems[0]?.start ?? 0}px)`,\n                  }}\n                >\n                  {virtualizedFilterdItems.map((item) => (\n                    <Combobox.Option\n                      key={item.key}\n                      data-index={item.index}\n                      id={getItemId(filteredItems[item.index]) as string}\n                      as=\"div\"\n                      value={filteredItems[item.index]}\n                      disabled={disabledItemIdKeys?.includes(\n                        getItemId(filteredItems[item.index]) as string,\n                      )}\n                      ref={virtualizer.measureElement}\n                    >\n                      {(renderItemState) => (\n                        <SharedListItem\n                          hasSelection\n                          item={filteredItems[item.index]}\n                          state={{\n                            ...renderItemState,\n                            active: renderItemState.active && !isLoadMoreButtonFocused,\n                          }}\n                          selectRenderElements={selectRenderElements}\n                        />\n                      )}\n                    </Combobox.Option>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            {!filteredItems?.length ? (\n              <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5 py-2\">\n                {noResultsFound}\n              </Text>\n            ) : null}\n            {onLoadMore ? (\n              <>\n                <Separator className=\"my-1\" />\n                <AriaButton\n                  isDisabled={isLoading}\n                  onFocusChange={setIsLoadMoreButtonFocused}\n                  ref={loadMoreButtonRef}\n                  className={itemStyles({\n                    className:\n                      \"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                >\n                  {loadMore}\n                </AriaButton>\n              </>\n            ) : null}\n          </Combobox.Options>\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\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  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  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={wrapper()}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <SingleValueButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                onChange={onSingleChange}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value 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          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\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  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<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    },\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\n  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\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              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <MultipleValuesButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                onChange={onMultiChange}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value}\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            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        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  by,\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  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  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? \"\"}\n        onChange={onSingleChange}\n        by={by as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </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=\"bottom start\"\n            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  by,\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  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    },\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  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? []}\n        onChange={onMultiChange}\n        by={by as any}\n        multiple={true as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </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            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","searchInputRef","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","flushSync","jsxs","AriaButton","isFocused","isHovered","jsx","Fragment","Text","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","e","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","Combobox","event","_a","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","filteredItems","useFilterItemsByQuery","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","itemStyles","sharedListItemStyles","itemsParentRef","count","virtualizer","useVirtualizer","index","virtualizedFilterdItems","useEffect","Popover","_b","sharedListStyles","_c","renderItemState","SharedListItem","Separator","SearchListField","by","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","name","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","newValue","useLocale","wrapper","disabled","InputHeader","InputFooter","MultiSearchListField","labelId","onMultiChange","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}

package/dist/lyra40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({slots:{wrapper:["flex flex-col"],inputHeader:["flex","items-baseline","gap-1","mb-1"],label:["text-base","font-semibold","transition-all","ease-out","duration-150"],hint:["text-sm","text-tertiary"],inputField:["flex","items-center","outline-none","border","border-solid","border-default","rounded","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-tertiary","px-2.5","py-2"],input:["w-full","flex-grow","outline-none","disabled:cursor-not-allowed","text-base","bg-transparent"],errorMessage:["text-error","text-sm","mt-1"],description:["text-sm","text-secondary","mt-1"],buttonExcludedFromTabOrder:["outline-none","text-secondary","animate-in","zoom-in","duration-200"],button:["outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight"]},variants:{fullWidth:{true:{wrapper:"w-full",inputField:"w-full"},false:{wrapper:"w-fit",inputField:"w-fit"}},isDisabled:{true:{inputField:"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed"},false:{inputField:"bg-surface-primary text-primary shadow-inner"}},isInvalid:{true:{}},isHovered:{true:{}},isFocused:{true:{}},hasEndSlot:{true:{inputField:"pe-2"}},hasStartSlot:{true:{inputField:"ps-2"}}},compoundVariants:[{isDisabled:!1,isFocused:!1,isInvalid:!1,isHovered:!0,className:{inputField:"!border-hover"}},{isFocused:!0,isDisabled:!1,className:{inputField:"!border-focus !shadow-highlight-and-inner"}},{isDisabled:!1,isFocused:!1,isInvalid:!0,className:{inputField:"border-error"}}],defaultVariants:{isDisabled:!1,fullWidth:!0}});exports.sharedInputStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({slots:{wrapper:["flex flex-col"],inputHeader:["flex","items-baseline","gap-1","mb-1"],label:["text-base","font-semibold","transition-all","ease-out","duration-150"],hint:["text-sm","text-tertiary"],inputField:["flex","items-center","outline-none","border","border-solid","border-default","rounded","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-tertiary","px-2.5","py-2"],input:["w-full","flex-grow","outline-none","disabled:cursor-not-allowed","text-base","bg-transparent"],errorMessage:["text-error","text-sm","mt-1"],description:["text-sm","text-secondary","mt-1"],buttonExcludedFromTabOrder:["outline-none","text-secondary","animate-in","zoom-in","duration-200"],button:["outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight"]},variants:{fullWidth:{true:{wrapper:"w-full",inputField:"w-full"},false:{wrapper:"w-fit",inputField:"w-fit"}},isDisabled:{true:{inputField:"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed"},false:{inputField:"bg-surface-primary text-primary shadow-inner"}},isInvalid:{true:{inputField:"border-error"}},isHovered:{true:{}},isFocused:{true:{inputField:"!border-focus !shadow-highlight-and-inner"}},hasEndSlot:{true:{inputField:"pe-2"}},hasStartSlot:{true:{inputField:"ps-2"}}},compoundVariants:[{isDisabled:!1,isFocused:!1,isInvalid:!1,isHovered:!0,className:{inputField:"!border-hover"}}],defaultVariants:{isDisabled:!1,fullWidth:!0}});exports.sharedInputStyles=t;

package/dist/lyra40.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra40.cjs","sources":["../src/components/inputs/shared/styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedInputStyles = tv({\n  slots: {\n    wrapper: [\"flex flex-col\"],\n    inputHeader: [\"flex\", \"items-baseline\", \"gap-1\", \"mb-1\"],\n    label: [\"text-base\", \"font-semibold\", \"transition-all\", \"ease-out\", \"duration-150\"],\n    hint: [\"text-sm\", \"text-tertiary\"],\n    inputField: [\n      \"flex\",\n      \"items-center\",\n      \"outline-none\",\n      \"border\",\n      \"border-solid\",\n      \"border-default\",\n      \"rounded\",\n      \"font-sans\",\n      \"text-base\",\n      \"transition-all\",\n      \"ease-out\",\n      \"duration-150\",\n      \"placeholder:text-tertiary\",\n      \"px-2.5\",\n      \"py-2\",\n    ],\n    input: [\n      \"w-full\",\n      \"flex-grow\",\n      \"outline-none\",\n      \"disabled:cursor-not-allowed\",\n      \"text-base\",\n      \"bg-transparent\",\n    ],\n    errorMessage: [\"text-error\", \"text-sm\", \"mt-1\"],\n    description: [\"text-sm\", \"text-secondary\", \"mt-1\"],\n    buttonExcludedFromTabOrder: [\n      \"outline-none\",\n      \"text-secondary\",\n      \"animate-in\",\n      \"zoom-in\",\n      \"duration-200\",\n    ],\n    button: [\n      \"outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight\",\n    ],\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        wrapper: \"w-full\",\n        inputField: \"w-full\",\n      },\n      false: {\n        wrapper: \"w-fit\",\n        inputField: \"w-fit\",\n      },\n    },\n    isDisabled: {\n      true: {\n        inputField:\n          \"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed\",\n      },\n      false: {\n        inputField: \"bg-surface-primary text-primary shadow-inner\",\n      },\n    },\n    isInvalid: {\n      true: {},\n    },\n    isHovered: {\n      true: {},\n    },\n    isFocused: {\n      true: {},\n    },\n    hasEndSlot: {\n      true: {\n        inputField: \"pe-2\",\n      },\n    },\n    hasStartSlot: {\n      true: {\n        inputField: \"ps-2\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: false,\n      isHovered: true,\n      className: {\n        inputField: \"!border-hover\",\n      },\n    },\n    {\n      isFocused: true,\n      isDisabled: false,\n      className: {\n        inputField: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: true,\n      className: {\n        inputField: \"border-error\",\n      },\n    },\n  ],\n  defaultVariants: {\n    isDisabled: false,\n    fullWidth: true,\n  },\n});\n"],"names":["sharedInputStyles","tv"],"mappings":"iHAEaA,EAAoBC,EAAAA,GAAG,CAClC,MAAO,CACL,QAAS,CAAC,eAAe,EACzB,YAAa,CAAC,OAAQ,iBAAkB,QAAS,MAAM,EACvD,MAAO,CAAC,YAAa,gBAAiB,iBAAkB,WAAY,cAAc,EAClF,KAAM,CAAC,UAAW,eAAe,EACjC,WAAY,CACV,OACA,eACA,eACA,SACA,eACA,iBACA,UACA,YACA,YACA,iBACA,WACA,eACA,4BACA,SACA,MACF,EACA,MAAO,CACL,SACA,YACA,eACA,8BACA,YACA,gBACF,EACA,aAAc,CAAC,aAAc,UAAW,MAAM,EAC9C,YAAa,CAAC,UAAW,iBAAkB,MAAM,EACjD,2BAA4B,CAC1B,eACA,iBACA,aACA,UACA,cACF,EACA,OAAQ,CACN,sGACF,CACF,EACA,SAAU,CACR,UAAW,CACT,KAAM,CACJ,QAAS,SACT,WAAY,QACd,EACA,MAAO,CACL,QAAS,QACT,WAAY,OACd,CACF,EACA,WAAY,CACV,KAAM,CACJ,WACE,kFACJ,EACA,MAAO,CACL,WAAY,8CACd,CACF,EACA,UAAW,CACT,KAAM,CAAC,CACT,EACA,UAAW,CACT,KAAM,CAAC,CACT,EACA,UAAW,CACT,KAAM,CAAC,CACT,EACA,WAAY,CACV,KAAM,CACJ,WAAY,MACd,CACF,EACA,aAAc,CACZ,KAAM,CACJ,WAAY,MACd,CACF,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,CACT,WAAY,eACd,CACF,EACA,CACE,UAAW,GACX,WAAY,GACZ,UAAW,CACT,WAAY,2CACd,CACF,EACA,CACE,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,WAAY,cACd,CACF,CACF,EACA,gBAAiB,CACf,WAAY,GACZ,UAAW,EACb,CACF,CAAC"}
+{"version":3,"file":"lyra40.cjs","sources":["../src/components/inputs/shared/styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedInputStyles = tv({\n  slots: {\n    wrapper: [\"flex flex-col\"],\n    inputHeader: [\"flex\", \"items-baseline\", \"gap-1\", \"mb-1\"],\n    label: [\"text-base\", \"font-semibold\", \"transition-all\", \"ease-out\", \"duration-150\"],\n    hint: [\"text-sm\", \"text-tertiary\"],\n    inputField: [\n      \"flex\",\n      \"items-center\",\n      \"outline-none\",\n      \"border\",\n      \"border-solid\",\n      \"border-default\",\n      \"rounded\",\n      \"font-sans\",\n      \"text-base\",\n      \"transition-all\",\n      \"ease-out\",\n      \"duration-150\",\n      \"placeholder:text-tertiary\",\n      \"px-2.5\",\n      \"py-2\",\n    ],\n    input: [\n      \"w-full\",\n      \"flex-grow\",\n      \"outline-none\",\n      \"disabled:cursor-not-allowed\",\n      \"text-base\",\n      \"bg-transparent\",\n    ],\n    errorMessage: [\"text-error\", \"text-sm\", \"mt-1\"],\n    description: [\"text-sm\", \"text-secondary\", \"mt-1\"],\n    buttonExcludedFromTabOrder: [\n      \"outline-none\",\n      \"text-secondary\",\n      \"animate-in\",\n      \"zoom-in\",\n      \"duration-200\",\n    ],\n    button: [\n      \"outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight\",\n    ],\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        wrapper: \"w-full\",\n        inputField: \"w-full\",\n      },\n      false: {\n        wrapper: \"w-fit\",\n        inputField: \"w-fit\",\n      },\n    },\n    isDisabled: {\n      true: {\n        inputField:\n          \"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed\",\n      },\n      false: {\n        inputField: \"bg-surface-primary text-primary shadow-inner\",\n      },\n    },\n    isInvalid: {\n      true: {\n        inputField: \"border-error\",\n      },\n    },\n    isHovered: {\n      true: {},\n    },\n    isFocused: {\n      true: {\n        inputField: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    hasEndSlot: {\n      true: {\n        inputField: \"pe-2\",\n      },\n    },\n    hasStartSlot: {\n      true: {\n        inputField: \"ps-2\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: false,\n      isHovered: true,\n      className: {\n        inputField: \"!border-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    isDisabled: false,\n    fullWidth: true,\n  },\n});\n"],"names":["sharedInputStyles","tv"],"mappings":"iHAEaA,EAAoBC,EAAAA,GAAG,CAClC,MAAO,CACL,QAAS,CAAC,eAAe,EACzB,YAAa,CAAC,OAAQ,iBAAkB,QAAS,MAAM,EACvD,MAAO,CAAC,YAAa,gBAAiB,iBAAkB,WAAY,cAAc,EAClF,KAAM,CAAC,UAAW,eAAe,EACjC,WAAY,CACV,OACA,eACA,eACA,SACA,eACA,iBACA,UACA,YACA,YACA,iBACA,WACA,eACA,4BACA,SACA,MACF,EACA,MAAO,CACL,SACA,YACA,eACA,8BACA,YACA,gBACF,EACA,aAAc,CAAC,aAAc,UAAW,MAAM,EAC9C,YAAa,CAAC,UAAW,iBAAkB,MAAM,EACjD,2BAA4B,CAC1B,eACA,iBACA,aACA,UACA,cACF,EACA,OAAQ,CACN,sGACF,CACF,EACA,SAAU,CACR,UAAW,CACT,KAAM,CACJ,QAAS,SACT,WAAY,QACd,EACA,MAAO,CACL,QAAS,QACT,WAAY,OACd,CACF,EACA,WAAY,CACV,KAAM,CACJ,WACE,kFACJ,EACA,MAAO,CACL,WAAY,8CACd,CACF,EACA,UAAW,CACT,KAAM,CACJ,WAAY,cACd,CACF,EACA,UAAW,CACT,KAAM,CAAC,CACT,EACA,UAAW,CACT,KAAM,CACJ,WAAY,2CACd,CACF,EACA,WAAY,CACV,KAAM,CACJ,WAAY,MACd,CACF,EACA,aAAc,CACZ,KAAM,CACJ,WAAY,MACd,CACF,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,CACT,WAAY,eACd,CACF,CACF,EACA,gBAAiB,CACf,WAAY,GACZ,UAAW,EACb,CACF,CAAC"}

package/dist/lyra40.js

@@ -1,5 +1,5 @@
 import { tv as e } from "./lyra448.js";
-const i = e({
+const r = e({
   slots: {
     wrapper: ["flex flex-col"],
     inputHeader: ["flex", "items-baseline", "gap-1", "mb-1"],
@@ -63,13 +63,17 @@ const i = e({
       }
     },
     isInvalid: {
-      true: {}
+      true: {
+        inputField: "border-error"
+      }
     },
     isHovered: {
       true: {}
     },
     isFocused: {
-      true: {}
+      true: {
+        inputField: "!border-focus !shadow-highlight-and-inner"
+      }
     },
     hasEndSlot: {
       true: {
@@ -91,21 +95,6 @@ const i = e({
       className: {
         inputField: "!border-hover"
       }
-    },
-    {
-      isFocused: !0,
-      isDisabled: !1,
-      className: {
-        inputField: "!border-focus !shadow-highlight-and-inner"
-      }
-    },
-    {
-      isDisabled: !1,
-      isFocused: !1,
-      isInvalid: !0,
-      className: {
-        inputField: "border-error"
-      }
     }
   ],
   defaultVariants: {
@@ -114,5 +103,5 @@ const i = e({
   }
 });
 export {
-  i as sharedInputStyles
+  r as sharedInputStyles
 };

package/dist/lyra40.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra40.js","sources":["../src/components/inputs/shared/styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedInputStyles = tv({\n  slots: {\n    wrapper: [\"flex flex-col\"],\n    inputHeader: [\"flex\", \"items-baseline\", \"gap-1\", \"mb-1\"],\n    label: [\"text-base\", \"font-semibold\", \"transition-all\", \"ease-out\", \"duration-150\"],\n    hint: [\"text-sm\", \"text-tertiary\"],\n    inputField: [\n      \"flex\",\n      \"items-center\",\n      \"outline-none\",\n      \"border\",\n      \"border-solid\",\n      \"border-default\",\n      \"rounded\",\n      \"font-sans\",\n      \"text-base\",\n      \"transition-all\",\n      \"ease-out\",\n      \"duration-150\",\n      \"placeholder:text-tertiary\",\n      \"px-2.5\",\n      \"py-2\",\n    ],\n    input: [\n      \"w-full\",\n      \"flex-grow\",\n      \"outline-none\",\n      \"disabled:cursor-not-allowed\",\n      \"text-base\",\n      \"bg-transparent\",\n    ],\n    errorMessage: [\"text-error\", \"text-sm\", \"mt-1\"],\n    description: [\"text-sm\", \"text-secondary\", \"mt-1\"],\n    buttonExcludedFromTabOrder: [\n      \"outline-none\",\n      \"text-secondary\",\n      \"animate-in\",\n      \"zoom-in\",\n      \"duration-200\",\n    ],\n    button: [\n      \"outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight\",\n    ],\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        wrapper: \"w-full\",\n        inputField: \"w-full\",\n      },\n      false: {\n        wrapper: \"w-fit\",\n        inputField: \"w-fit\",\n      },\n    },\n    isDisabled: {\n      true: {\n        inputField:\n          \"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed\",\n      },\n      false: {\n        inputField: \"bg-surface-primary text-primary shadow-inner\",\n      },\n    },\n    isInvalid: {\n      true: {},\n    },\n    isHovered: {\n      true: {},\n    },\n    isFocused: {\n      true: {},\n    },\n    hasEndSlot: {\n      true: {\n        inputField: \"pe-2\",\n      },\n    },\n    hasStartSlot: {\n      true: {\n        inputField: \"ps-2\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: false,\n      isHovered: true,\n      className: {\n        inputField: \"!border-hover\",\n      },\n    },\n    {\n      isFocused: true,\n      isDisabled: false,\n      className: {\n        inputField: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: true,\n      className: {\n        inputField: \"border-error\",\n      },\n    },\n  ],\n  defaultVariants: {\n    isDisabled: false,\n    fullWidth: true,\n  },\n});\n"],"names":["sharedInputStyles","tv"],"mappings":";AAEO,MAAMA,IAAoBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACL,SAAS,CAAC,eAAe;AAAA,IACzB,aAAa,CAAC,QAAQ,kBAAkB,SAAS,MAAM;AAAA,IACvD,OAAO,CAAC,aAAa,iBAAiB,kBAAkB,YAAY,cAAc;AAAA,IAClF,MAAM,CAAC,WAAW,eAAe;AAAA,IACjC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,cAAc,WAAW,MAAM;AAAA,IAC9C,aAAa,CAAC,WAAW,kBAAkB,MAAM;AAAA,IACjD,4BAA4B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF,CAAC;"}
+{"version":3,"file":"lyra40.js","sources":["../src/components/inputs/shared/styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedInputStyles = tv({\n  slots: {\n    wrapper: [\"flex flex-col\"],\n    inputHeader: [\"flex\", \"items-baseline\", \"gap-1\", \"mb-1\"],\n    label: [\"text-base\", \"font-semibold\", \"transition-all\", \"ease-out\", \"duration-150\"],\n    hint: [\"text-sm\", \"text-tertiary\"],\n    inputField: [\n      \"flex\",\n      \"items-center\",\n      \"outline-none\",\n      \"border\",\n      \"border-solid\",\n      \"border-default\",\n      \"rounded\",\n      \"font-sans\",\n      \"text-base\",\n      \"transition-all\",\n      \"ease-out\",\n      \"duration-150\",\n      \"placeholder:text-tertiary\",\n      \"px-2.5\",\n      \"py-2\",\n    ],\n    input: [\n      \"w-full\",\n      \"flex-grow\",\n      \"outline-none\",\n      \"disabled:cursor-not-allowed\",\n      \"text-base\",\n      \"bg-transparent\",\n    ],\n    errorMessage: [\"text-error\", \"text-sm\", \"mt-1\"],\n    description: [\"text-sm\", \"text-secondary\", \"mt-1\"],\n    buttonExcludedFromTabOrder: [\n      \"outline-none\",\n      \"text-secondary\",\n      \"animate-in\",\n      \"zoom-in\",\n      \"duration-200\",\n    ],\n    button: [\n      \"outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight\",\n    ],\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        wrapper: \"w-full\",\n        inputField: \"w-full\",\n      },\n      false: {\n        wrapper: \"w-fit\",\n        inputField: \"w-fit\",\n      },\n    },\n    isDisabled: {\n      true: {\n        inputField:\n          \"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed\",\n      },\n      false: {\n        inputField: \"bg-surface-primary text-primary shadow-inner\",\n      },\n    },\n    isInvalid: {\n      true: {\n        inputField: \"border-error\",\n      },\n    },\n    isHovered: {\n      true: {},\n    },\n    isFocused: {\n      true: {\n        inputField: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    hasEndSlot: {\n      true: {\n        inputField: \"pe-2\",\n      },\n    },\n    hasStartSlot: {\n      true: {\n        inputField: \"ps-2\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: false,\n      isHovered: true,\n      className: {\n        inputField: \"!border-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    isDisabled: false,\n    fullWidth: true,\n  },\n});\n"],"names":["sharedInputStyles","tv"],"mappings":";AAEO,MAAMA,IAAoBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACL,SAAS,CAAC,eAAe;AAAA,IACzB,aAAa,CAAC,QAAQ,kBAAkB,SAAS,MAAM;AAAA,IACvD,OAAO,CAAC,aAAa,iBAAiB,kBAAkB,YAAY,cAAc;AAAA,IAClF,MAAM,CAAC,WAAW,eAAe;AAAA,IACjC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,cAAc,WAAW,MAAM;AAAA,IAC9C,aAAa,CAAC,WAAW,kBAAkB,MAAM;AAAA,IACjD,4BAA4B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF,CAAC;"}

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.cjs"),s=require("react"),v=require("./lyra86.cjs"),z=require("./lyra447.cjs"),K=require("./lyra90.cjs"),W=require("./lyra594.cjs"),J=require("./lyra92.cjs"),P=require("./lyra452.cjs");require("./lyra453.cjs");const Q=require("./lyra38.cjs"),U=require("./lyra39.cjs"),X=require("./lyra40.cjs"),Y=require("./lyra85.cjs"),L=({description:j,fullWidth:h=!0,hideHintLabel:E,hideInputFooter:I,hideInputHeader:F,inputRef:T,label:d,onChange:r,value:x,...o},l)=>{[o,l]=v.useContextProps(o,l,v.TextFieldContext);const{className:y,errorMessage:b,isDisabled:m=!1,isInvalid:c,isRequired:g,name:f,...p}=o,q=J.useDictionary(),[k,S]=s.useState(""),[e,D]=s.useState(x??[]),{input:M,inputField:C,wrapper:B}=X.sharedInputStyles({fullWidth:h});s.useEffect(()=>{D(x??[])},[x]);const R=s.useCallback(t=>{D(t),r==null||r(t)},[r]),V=s.useMemo(()=>e.map(t=>({key:t,value:t})),[e]),G=s.useCallback(t=>{if(["Enter",","].includes(t.key)){t.preventDefault();const u=t.currentTarget.value.trim();u&&!e.includes(u)&&R([...e,t.currentTarget.value.trim()]),S("")}else t.key==="Backspace"&&(t.currentTarget.value||(t.preventDefault(),R(e.slice(0,-1))))},[R,e]),A=s.useCallback(t=>{if(t.preventDefault(),t.clipboardData){const u=t.clipboardData.getData("Text");if(u){const a=u?u.split(",").map(n=>n.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(n=>n.length>0).map(n=>n.trim()):[];R(Array.from(new Set([...e,...a])))}}},[R,e]),{groupRef:H,inputPosition:N,setFirstTag:O,setLastTag:_}=$();return i.jsxRuntimeExports.jsx(v.TextField,{className:B({className:y}),isDisabled:m,isRequired:g,isInvalid:c,...p,onKeyDown:G,value:k,onChange:S,onPaste:A,ref:l,children:({isDisabled:t,isInvalid:u})=>i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(Q.InputHeader,{label:d,isRequired:g,hideHintLabel:E,hideInputHeader:F}),i.jsxRuntimeExports.jsxs(v.Group,{className:({isFocusWithin:a,isHovered:n})=>C({isFocused:a,isHovered:n,isDisabled:t,isInvalid:u,className:"relative flex-wrap items-start gap-1"}),ref:H,children:[i.jsxRuntimeExports.jsx(P.InputTagGroup,{label:d??q.values,items:V,onRemove:a=>{R(e.filter(n=>!a.has(n)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:e.map((a,n)=>i.jsxRuntimeExports.jsx(P.InputTag,{id:a,isDisabled:t,ref:w=>{n===e.length-1&&_(w),n===0&&O(w)},children:a},a))}),N.isFirstInLine?i.jsxRuntimeExports.jsx("div",{className:z.clsx("w-full",e.length?"h-[1.625rem]":"h-4")}):null,i.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:i.jsxRuntimeExports.jsx(v.Input,{className:M({className:"my-px w-full"}),ref:T,required:g,disabled:t,placeholder:t&&!x?"-":o.placeholder})}),i.jsxRuntimeExports.jsx("input",{type:"hidden",value:e.join(","),name:f})]}),i.jsxRuntimeExports.jsx(U.InputFooter,{description:j??q.tagInputDescription,errorMessage:b,hideInputFooter:I})]})})};L.displayName="TagInput";const Z=K.fixedForwardRef(L),$=()=>{const j=s.useRef(null),[h,E]=s.useState(),[I,F]=s.useState(),T=Y.useLocale(),d=32*4,r=s.useCallback(()=>{const l=p=>T.direction==="rtl"?p.right:p.left,y=p=>T.direction==="rtl"?p.left:p.right;if(!h||!j.current||!I)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const b=I.getBoundingClientRect(),m=h.getBoundingClientRect(),c=j.current.getBoundingClientRect(),g=Math.abs(y(c)-y(m))-10,f=g<d;return{style:{top:f?m.bottom-c.top+4:m.top-c.top,insetInlineStart:f?Math.abs(l(b)-l(c))-2:Math.abs(y(m)-l(c))+2,width:f?"calc(100% - 16px)":Math.max(g,d)},isFirstInLine:f}},[I,h,T.direction,d]),[x,o]=s.useState(r());return s.useLayoutEffect(()=>{o(r())},[r]),W.default("resize",()=>{o(r())}),{groupRef:j,setLastTag:E,setFirstTag:F,inputPosition:x}};exports.TagInput=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.cjs"),s=require("react"),v=require("./lyra86.cjs"),P=require("./lyra98.cjs"),$=require("./lyra447.cjs"),J=require("./lyra90.cjs"),Q=require("./lyra594.cjs"),U=require("./lyra92.cjs"),L=require("./lyra454.cjs");require("./lyra455.cjs");const X=require("./lyra38.cjs"),Y=require("./lyra39.cjs"),Z=require("./lyra40.cjs"),tt=require("./lyra85.cjs"),k=({description:T,fullWidth:I=!0,hideHintLabel:F,hideInputFooter:y,hideInputHeader:b,inputRef:d,label:x,onChange:a,value:m,...l},c)=>{[l,c]=v.useContextProps(l,c,v.TextFieldContext);const g=s.useRef(null),f=P.useObjectRef(d?P.mergeRefs(g,d):g),{className:R,errorMessage:p,isDisabled:E=!1,isInvalid:j,isRequired:u,name:M,...C}=l,q=U.useDictionary(),[B,S]=s.useState(""),[e,D]=s.useState(m??[]),{input:V,inputField:G,wrapper:O}=Z.sharedInputStyles({fullWidth:I});s.useEffect(()=>{D(m??[])},[m]);const h=s.useCallback(t=>{D(t),a==null||a(t)},[a]),_=s.useMemo(()=>e.map(t=>({key:t,value:t})),[e]),A=s.useCallback(t=>{if(["Enter",","].includes(t.key)){t.preventDefault();const o=t.currentTarget.value.trim();o&&!e.includes(o)&&h([...e,t.currentTarget.value.trim()]),S("")}else t.key==="Backspace"&&(t.currentTarget.value||(t.preventDefault(),h(e.slice(0,-1))))},[h,e]),H=s.useCallback(t=>{if(t.preventDefault(),t.clipboardData){const o=t.clipboardData.getData("Text");if(o){const n=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];h(Array.from(new Set([...e,...n])))}}},[h,e]),{groupRef:z,inputPosition:N,setFirstTag:K,setLastTag:W}=st();return i.jsxRuntimeExports.jsx(v.TextField,{className:O({className:R}),isDisabled:E,isRequired:u,isInvalid:j,...C,onKeyDown:A,value:B,onChange:S,onPaste:H,ref:c,children:({isDisabled:t,isInvalid:o})=>i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(X.InputHeader,{label:x,isRequired:u,hideHintLabel:F,hideInputHeader:b}),i.jsxRuntimeExports.jsxs(v.Group,{className:({isFocusWithin:n,isHovered:r})=>G({isFocused:n,isHovered:r,isDisabled:t,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),ref:z,onFocus:()=>{var n;e.length===0&&((n=f==null?void 0:f.current)==null||n.focus())},children:[i.jsxRuntimeExports.jsx(L.InputTagGroup,{label:x??q.values,items:_,onRemove:n=>{h(e.filter(r=>!n.has(r)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:e.map((n,r)=>i.jsxRuntimeExports.jsx(L.InputTag,{id:n,isDisabled:t,ref:w=>{r===e.length-1&&W(w),r===0&&K(w)},children:n},n))}),N.isFirstInLine?i.jsxRuntimeExports.jsx("div",{className:$.clsx("w-full",e.length?"h-[1.625rem]":"h-4")}):null,i.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:i.jsxRuntimeExports.jsx(v.Input,{className:V({className:"my-px w-full"}),ref:f,required:u,disabled:t,placeholder:t&&!m?"-":l.placeholder})}),i.jsxRuntimeExports.jsx("input",{type:"hidden",value:e.join(","),name:M})]}),i.jsxRuntimeExports.jsx(Y.InputFooter,{description:T??q.tagInputDescription,errorMessage:p,hideInputFooter:y})]})})};k.displayName="TagInput";const et=J.fixedForwardRef(k),st=()=>{const T=s.useRef(null),[I,F]=s.useState(),[y,b]=s.useState(),d=tt.useLocale(),x=32*4,a=s.useCallback(()=>{const c=u=>d.direction==="rtl"?u.right:u.left,g=u=>d.direction==="rtl"?u.left:u.right;if(!I||!T.current||!y)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const f=y.getBoundingClientRect(),R=I.getBoundingClientRect(),p=T.current.getBoundingClientRect(),E=Math.abs(g(p)-g(R))-10,j=E<x;return{style:{top:j?R.bottom-p.top+4:R.top-p.top,insetInlineStart:j?Math.abs(c(f)-c(p))-2:Math.abs(g(R)-c(p))+2,width:j?"calc(100% - 16px)":Math.max(E,x)},isFirstInLine:j}},[y,I,d.direction,x]),[m,l]=s.useState(a());return s.useLayoutEffect(()=>{l(a())},[a]),Q.default("resize",()=>{l(a())}),{groupRef:T,setLastTag:F,setFirstTag:b,inputPosition:m}};exports.TagInput=et;

package/dist/lyra43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.cjs","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? []);\n  }, [value]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            ref={groupRef}\n          >\n            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n\n            {inputPosition.isFirstInLine ? (\n              <div className={clsx(\"w-full\", internalValue.length ? \"h-[1.625rem]\" : \"h-4\")} />\n            ) : null}\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            <input type=\"hidden\" value={internalValue.join(\",\")} name={name} />\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  useLayoutEffect(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    setInputPosition(getInputPosition());\n  });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","e","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","useRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}
+{"version":3,"file":"lyra43.cjs","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? []);\n  }, [value]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            ref={groupRef}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n\n            {inputPosition.isFirstInLine ? (\n              <div className={clsx(\"w-full\", internalValue.length ? \"h-[1.625rem]\" : \"h-4\")} />\n            ) : null}\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                required={isRequired}\n                disabled={isDisabled}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            <input type=\"hidden\" value={internalValue.join(\",\")} name={name} />\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  useLayoutEffect(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    setInputPosition(getInputPosition());\n  });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","e","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}