@new-black/lyra 0.1.13 → 0.1.15

package/dist/lyra20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: ValueButton<T>) => {\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\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\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=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isHovered, isFocused }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  label,\n  optionalLabel,\n  isRequired,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\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  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n  setOpenPopover,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\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 triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","openPopover","placeholder","startSlot","value","onChange","onKeyDown","e","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","TagGroup","keys","TagItem","SearchListFieldHeader","optionalLabel","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","setOpenPopover","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"4uCAoCMA,GAAwB,CAAmB,CAC/C,aAAAC,EACA,MAAAC,EACA,cAAAC,CACF,IAAoC,CAClC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAAiB,EAAE,EACvC,CAAE,SAAAC,EAAU,WAAAC,CAAW,EAAIC,YAAU,CAAE,YAAa,OAAQ,EAE5DC,EAAgBC,EAAAA,QAAQ,IAAM,CAGlC,GAAIR,EACK,OAAAD,EACF,CACL,IAAIU,EAAqB,CAAA,EAETA,EAAAV,EAAM,OAAQW,GACrBL,EAAWK,EAAKZ,CAAY,EAAaG,GAAS,EAAE,CAC5D,EAQD,MAAMU,EALwBZ,EAAM,OAAQW,GACnCN,EAASM,EAAKZ,CAAY,EAAaG,GAAS,EAAE,CAC1D,EAGyD,KAAK,CAACW,EAAGC,IAAM,CACvE,MAAMC,EAAUF,EAAEd,CAAY,EAAa,QAAQG,GAAS,EAAE,EACxDc,EAAUF,EAAEf,CAAY,EAAa,QAAQG,GAAS,EAAE,EAC9D,OAAOa,EAASC,CAAA,CACjB,EAEe,OAAAN,EAAAA,EAAc,OAAOE,CAA2B,EAGhEF,EAAgBA,EAAc,OAC5B,CAACC,EAAMM,EAAOC,IACZD,IAAUC,EAAK,UAAWC,GAAMA,EAAEpB,CAAY,IAAMY,EAAKZ,CAAY,CAAC,CAAA,EAGnEW,CACT,CAAA,EACC,CAACL,EAAUC,EAAYP,EAAcC,EAAOC,EAAeC,CAAK,CAAC,EAEpEkB,OAAAA,EAAAA,UAAU,IAAM,CACVnB,IACFA,GAAA,MAAAA,EAAgBC,GAClB,EAIC,CAACA,CAAK,CAAC,EAEH,CACL,cAAAM,EACA,MAAAN,EACA,SAAAC,CAAA,CAEJ,EAEMkB,EAAoBC,GACjBC,EAAA,GACLD,IAAS,SAAW,eACpBA,IAAS,UAAY,eACrBA,IAAS,SAAW,cAAA,EAIlBE,GAAoB,CAAmB,CAC3C,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAA/B,EACA,YAAAgC,EACA,KAAAT,EAAO,SACP,UAAAU,EACA,MAAAC,EACA,SAAAC,CACF,IAAsB,CAMd,MAAAC,EAAaC,GAA8C,CAC3DA,EAAE,MAAQ,UAAYA,EAAE,MAAQ,YAClCF,GAAA,MAAAA,EAAW,SACFE,EAAE,MAAQ,aAAeA,EAAE,MAAQ,aAC9BN,GAAA,MAAAA,IAChB,EAIA,OAAAO,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,gBAAc,UACd,gBAAeT,EACf,UAAW,CAAC,CAAE,UAAAU,EAAW,UAAAC,CAAA,IACvBC,EAAAA,uBAAuB,CACrB,UAAAf,EACA,WAAAC,EACA,UAAAa,EACA,UAAAD,EACA,UAAAX,EACA,KAAAN,EACA,UAAWC,EAAAA,GAAGF,EAAiBC,CAAI,EAAG,OAAO,CAAA,CAC9C,EAEH,UAAAa,EACA,QAASL,EAER,SAAA,CAAAE,0BACA,MAAI,CAAA,UAAU,iBACZ,SAAAC,GAAA,MAAAA,EAAQlC,GACP2C,wBAAAC,EAAAA,kBAAAA,SAAA,CAAG,SAAQV,GAAA,YAAAA,EAAAlC,GAAc,EAEzB2C,EAAAA,kBAAAA,IAACE,QAAK,MAAM,YAAa,WAAY,CAEzC,CAAA,EACCnB,EACDY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,0BACZ,SAAA,CAAAJ,EAEGS,EAAA,kBAAA,IAAAC,6BAAA,CAAA,SAAAD,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWG,EAAA,QACTC,eAAa,CACX,KAAM,QACN,MAAO,aACP,QAAS,QACT,UAAW,MACX,WAAAnB,CAAA,CACD,CACH,EACA,KAAK,SACL,cAAgBS,GAAM,CACpBA,EAAE,gBAAgB,EAClBF,GAAA,MAAAA,EAAW,OACb,EACA,QAAUE,GAAM,CACdA,EAAE,gBAAgB,EAClBF,GAAA,MAAAA,EAAW,OACb,EAEA,SAACQ,EAAA,kBAAA,IAAAK,UAAA,CAAQ,KAAK,QAAQ,UAAU,UAAU,CAAA,GAE9C,EACE,KACJL,EAAA,kBAAA,IAACK,EAAA,QAAA,CACC,KAAK,eACL,UAAWxB,EAAA,GAAG,kCAAmCM,GAAQ,YAAY,CAAA,CACvE,CAAA,EACF,CAAA,CAAA,CAAA,CAGN,EAEMmB,GAAuB,CAAmB,CAC9C,QAAAvB,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAA/B,EACA,UAAAkD,EACA,YAAAlB,EACA,KAAAT,EAAO,SACP,MAAA4B,EACA,UAAAlB,EACA,SAAAE,EACA,MAAAD,CACF,IAGM,CACE,MAAAE,EAAaC,GAA8C,EAC3DA,EAAE,MAAQ,aAAeA,EAAE,MAAQ,aACvBN,GAAA,MAAAA,IAChB,EAGA,OAAAO,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,UAAAE,EAAW,UAAAD,CAAA,IACvBE,EAAAA,uBAAuB,CACrB,UAAAf,EACA,WAAAC,EACA,UAAAa,EACA,UAAAD,EACA,UAAAX,EACA,KAAAN,EACA,UAAWD,EAAiBC,CAAI,CAAA,CACjC,EAEH,QAASQ,EACT,UAAAK,EACA,gBAAc,UACd,gBAAeN,EAEd,SAAA,CAAAG,0BACA,MAAI,CAAA,UAAU,iBACZ,SAAAC,GAASA,EAAM,OACdS,EAAA,kBAAA,IAACS,EAAA,SAAA,CACC,aAAYD,GAAS,iBACrB,SAAWE,GAAS,CAClBnB,GAASC,EAASD,EAAM,OAAQtB,GAAS,CAACyC,EAAK,IAAIzC,EAAKsC,CAAS,CAAQ,CAAC,CAAC,CAC7E,EAEC,SAAMhB,EAAA,IAAKtB,2BACT0C,EAAAA,QAAsC,CAAA,GAAG1C,EACvC,SAAAA,GAAA,YAAAA,EAAOZ,EAAY,EADRY,EAAKsC,CAAS,CAE5B,CACD,CAAA,CAAA,EAGFP,EAAA,kBAAA,IAAAE,EAAA,KAAA,CAAK,MAAM,YAAa,UAAY,CAAA,EAEzC,EACCnB,EACDiB,EAAA,kBAAA,IAACK,EAAA,QAAA,CACC,KAAK,eACL,UAAWxB,EAAA,GAAG,+CAAgDM,GAAQ,YAAY,CAAA,CACpF,CAAA,CAAA,CAAA,CAGN,EAEMyB,EAAwB,CAAC,CAC7B,MAAAJ,EACA,cAAAK,EACA,WAAAC,CACF,IACEnB,yBAAC,OAAI,UAAWd,EAAA,GAAG,0BAA2B2B,EAAQ,kBAAoB,aAAa,EACpF,SAAA,CACCA,EAAAR,EAAA,kBAAA,IAACe,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAAR,CAAA,CAAA,EAED,KACHM,IAAe,GACdd,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWiB,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAJ,CAAA,CAAA,EAED,IAAA,CACN,CAAA,EAGIK,EAAwB,CAAC,CAAE,YAAAC,EAAa,aAAAC,KAEzCzB,yBAAAM,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CACCkB,GAAAnB,EAAAA,kBAAAA,IAACE,EAAAA,KAAK,CAAA,UAAU,cAAc,QAAQ,aAAa,MAAM,YAAY,KAAK,cACvE,SACHiB,CAAA,CAAA,EAEDC,GACEpB,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,UAAU,cAAc,QAAQ,aAAa,MAAM,gBAAgB,KAAK,eAC3E,SACHkB,CAAA,CAAA,CAAA,CAEJ,CAAA,EAGIC,GAAsB,CAAmB,CAC7C,KAAApD,EACA,MAAAqD,EACA,WAAAC,EACA,aAAAlE,CACF,IAAmC,CAC3B,MAAAmD,EAAQvC,GAAA,YAAAA,EAAOZ,GAErB,OAAIkE,EACKA,EAAWtD,EAAMqD,CAAK,EAG7B3B,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,0BACZ,SAAA,CAAM2B,EAAA,SACJtB,EAAA,kBAAA,IAAAK,EAAA,QAAA,CAAQ,KAAK,YAAY,UAAU,SAAU,CAAA,EAE9CL,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,SAAU,CAAA,EAE1BQ,CACH,CAAA,CAAA,CAEJ,EAEMgB,GAAc,CAAC,CACnB,cAAAjE,EACA,UAAAkE,EACA,UAAAnC,EACA,QAAAP,EACA,WAAA2C,EAAa,QACb,MAAAlE,EACA,SAAAC,CACF,IAAwB,CACtB,KAAM,CAACkE,EAAgBC,CAAiB,EAAIlE,WAAS,EAAK,EACpD,CAACmE,EAAgBC,CAAiB,EAAIpE,WAAS,EAAK,EACpD,CAACqE,EAAaC,CAAc,EAAItE,WAAS,EAAK,EAE9CuE,EAAcC,gBAAaT,GAAa,GAAO,CAAE,MAAO,IAAK,YAAa,GAAA,CAAK,EAIrF/C,OAAAA,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACfsD,EAAe,EAAI,GAClB,EAAE,CACP,EAAG,CAAE,CAAA,EAGHhC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWmC,EAAAA,8BAA8B,CACvC,UAAW,GACX,UACE,uGAAA,CACH,EAED,SAAAxC,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWQ,EAAA,QACTJ,yBAAuB,CACrB,UAAW,GACX,UAAW4B,EACX,UAAWE,EACX,UAAW,mBAAA,CACZ,CACH,EACA,eAAgB,IAAMC,EAAkB,EAAI,EAC5C,eAAgB,IAAMA,EAAkB,EAAK,EAC7C,aAAc,IAAMA,EAAkB,EAAI,EAC1C,aAAc,IAAMA,EAAkB,EAAK,EAE3C,SAAA,CAAA9B,EAAA,kBAAA,IAACK,EAAQ,QAAA,CAAA,KAAK,SAAS,UAAU,gBAAgB,EAChDf,EACAyC,EACC/B,EAAA,kBAAA,IAACoC,EAAAA,SAAS,MAAT,CACC,UAAS,GACT,UAAWC,EAAA,kBAAkB,CAAE,KAAM,QAAS,EAC9C,SAAW3C,GAAM,CACNjC,EAAAiC,EAAE,OAAO,OAAS,EAAE,EACbnC,GAAA,MAAAA,EAAAmC,EAAE,OAAO,MAC3B,EACA,MAAOlC,GAAS,GAChB,QAAS,IAAMoE,EAAkB,EAAI,EACrC,OAAQ,IAAMA,EAAkB,EAAK,CAAA,CAAA,EAErC,KAEHpE,GAASA,EAAM,OACdwC,EAAA,kBAAA,IAACJ,EAAA,OAAA,CACC,aAAY8B,GAAc,QAC1B,UAAWvB,EAAA,QACTC,eAAa,CACX,KAAM,QACN,MAAO,aACP,QAAS,OAAA,CACV,CACH,EACA,oBAAmB,GACnB,QAAS,IAAM,CACb3C,EAAS,EAAE,CACb,EAEA,SAACuC,EAAA,kBAAA,IAAAK,UAAA,CAAQ,KAAK,QAAQ,UAAU,UAAU,CAAA,CAAA,EAE1C,KACHtB,EACAkD,EAAejC,EAAAA,kBAAAA,IAAAsC,GAAAA,QAAA,CAAQ,UAAU,OAAO,KAAK,OAAQ,CAAA,EAAK,IAAA,CAAA,CAC7D,CAAA,CAAA,CAGN,EAEMC,EAAuB,CAAmB,CAC9C,UAAAC,EACA,mBAAAC,EACA,UAAAlC,EACA,aAAAlD,EACA,MAAAC,EACA,KAAA6B,EACA,WAAAoC,EACA,WAAAmB,EACA,UAAAjB,EACA,cAAAlE,EACA,eAAAoF,CACF,IAAoC,OAClC,KAAM,CAAE,cAAA7E,EAAe,MAAAN,EAAO,SAAAC,CAAA,EAAaL,GAAyB,CAClE,aAAAC,EACA,MAAAC,EACA,cAAAC,CAAA,CACD,EAEC,OAAAoC,EAAA,kBAAA,KAACiD,EAAA,QAAA,CACC,UAAU,OACV,OAAQzD,EACR,WAAAuD,EACA,wCAAuC,GACvC,aAAcC,EACd,qBAAoB,GACpB,MACE,CACE,oBAAoBE,EAAAH,EAAW,UAAX,YAAAG,EAA4B,aAAc,KAC9D,UAAAL,CACF,EAGF,SAAA,CAAAxC,EAAA,kBAAA,IAACwB,GAAA,CACC,cAAAjE,EACA,UAAAkE,EACA,MAAAjE,EACA,SAAAC,CAAA,CACF,EACCK,GAAiBA,EAAc,OAC9BkC,EAAA,kBAAA,IAACoC,EAAAA,SAAS,QAAT,CACC,OAAM,GACN,UAAWU,EAAAA,cAAc,CACvB,UAAW,0BAAA,CACZ,EAEA,SAAAhF,EAAc,IAAKG,GAClB+B,EAAA,kBAAA,IAACoC,EAAAA,SAAS,OAAT,CAEC,UAAW,CAAC,CAAE,OAAAW,EAAQ,SAAAC,EAAU,SAAAC,CAC9B,IAAA9C,EAAA,QACE+C,oBAAkB,CAChB,OAAAH,EACA,SAAAE,EACA,SAAAD,CAAA,CACD,CACH,EAEF,MAAO/E,EACP,SAAUwE,GAAA,YAAAA,EAAoB,SAASxE,GAAA,YAAAA,EAAOsC,IAE7C,SAAC4C,GACAnD,EAAA,kBAAA,IAACqB,GAAA,CACC,KAAApD,EACA,MAAOkF,EACP,WAAA5B,EACA,aAAAlE,CAAA,CACF,CAAA,EAnBGY,EAAKsC,CAAS,CAAA,CAsBtB,CAAA,CAAA,EAED,IAAA,CAAA,CAAA,CAGV,EAEa6C,GAAkB,CAAmB,CAChD,WAAAnE,EACA,WAAA6B,EACA,MAAAN,EACA,cAAAK,EAAgB,WAChB,YAAAM,EACA,aAAAC,EACA,UAAAlC,EACA,UAAAF,EAAY,GACZ,GAAAqE,EACA,aAAAC,EACA,KAAAC,EACA,SAAA/D,EACA,aAAAnC,EACA,UAAAkD,EACA,MAAAhB,EACA,KAAAX,EAAO,SACP,UAAAU,EACA,MAAAhC,EACA,QAAAyB,EACA,mBAAA0D,EACA,YAAApD,EACA,WAAAkC,EACA,cAAAhE,EACA,UAAAkE,CACF,IAA+B,CAC7B,KAAM,CAAC+B,EAAeC,CAAgB,EAAI/F,EAAAA,SAAwB6B,GAAS+D,CAAY,EACjF,CAACI,EAAQC,CAAS,EAAIjG,WAAS,EAAK,EACpC0B,EAAc,IAAMuE,EAAU,EAAI,EAClCC,EAAe,IAAMD,EAAU,EAAK,EAEpCE,EAAiBC,EAAA,YACpBC,GAAiB,CAChBN,EAAiBM,CAAQ,EACzBvE,GAAA,MAAAA,EAAWuE,GACEH,GACf,EACA,CAACpE,CAAQ,CAAA,EAGLkD,EAAasB,SAAuB,IAAI,EACxC,CAAE,UAAAxB,GAAcyB,EAAAA,YAGpB,OAAAjE,EAAA,kBAAA,IAACoC,EAAA,SAAA,CACC,SAAUnD,EACV,KAAAsE,EACA,MAAOC,GAAiB,GACxB,SAAUK,EACV,GAAAR,EAEC,UAAC,CAAE,SAAAJ,EAAU,MAAA1D,CAAAA,IAEVI,EAAA,kBAAA,KAAAM,6BAAA,CAAA,SAAA,CAAAN,EAAA,kBAAA,KAAC,OAAI,UAAWwC,EAAA,8BAA8B,CAAE,UAAAnD,CAAA,CAAW,EACzD,SAAA,CAAAgB,EAAA,kBAAA,IAACY,EAAA,CACC,MAAAJ,EACA,cAAAK,EACA,WAAAC,CAAA,CACF,EACAd,EAAAA,kBAAAA,IAAC,MAAI,CAAA,IAAK0C,EACR,SAAA1C,EAAA,kBAAA,IAAClB,GAAA,CACC,QAAAC,EACA,UAAAC,EACA,WAAYiE,EACZ,UAAA/D,EACA,KAAMwE,EACN,YAAAtE,EACA,YAAAC,EACA,KAAAT,EACA,UAAAU,EACA,MAAOC,EACP,aAAAlC,EACA,UAAAkD,EACA,SAAUsD,CAAA,CAAA,EAEd,EACA7D,EAAAA,kBAAAA,IAACkB,EAAsB,CAAA,YAAAC,EAA0B,aAAAC,CAA4B,CAAA,CAAA,EAC/E,EACApB,EAAA,kBAAA,IAACuC,EAAA,CACC,WAAAG,EACA,UAAAnC,EACA,aAAAlD,EACA,MAAAC,EACA,KAAMoG,EACN,eAAgBC,EAChB,WAAApC,EACA,mBAAAkB,EACA,UAAAD,EACA,cAAAjF,EACA,UAAAkE,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAIR,EAEayC,GAAuB,CAAmB,CACrD,WAAAjF,EACA,WAAA6B,EACA,MAAAN,EACA,cAAAK,EAAgB,WAChB,YAAAM,EACA,aAAAC,EACA,UAAAlC,EACA,UAAAF,EAAY,GACZ,GAAAqE,EACA,aAAAC,EACA,KAAAC,EACA,SAAA/D,EACA,aAAAnC,EACA,UAAAkD,EACA,MAAAhB,EACA,KAAAX,EAAO,SACP,UAAAU,EACA,MAAAhC,EACA,QAAAyB,EACA,mBAAA0D,EACA,YAAApD,EACA,WAAAkC,EACA,cAAAhE,EACA,UAAAkE,CACF,IAAoC,CAClC,KAAM,CAAC+B,EAAeC,CAAgB,EAAI/F,EAAAA,SAA0B6B,GAAS+D,CAAY,EACnF,CAACI,EAAQC,CAAS,EAAIjG,WAAS,EAAK,EACpC0B,EAAc,IAAMuE,EAAU,EAAI,EAElCQ,EAAgBL,EAAA,YACnBC,GAAmB,CAClBN,EAAiBM,CAAQ,EACzBvE,GAAA,MAAAA,EAAWuE,EACb,EACA,CAACvE,CAAQ,CAAA,EAGLkD,EAAasB,SAAuB,IAAI,EACxC,CAAE,UAAAxB,GAAcyB,EAAAA,YAGpB,OAAAjE,EAAA,kBAAA,IAACoC,EAAA,SAAA,CACC,SAAUnD,EACV,KAAAsE,EACA,MAAOC,GAAiB,CAAC,EACzB,SAAUW,EACV,GAAAd,EACA,SAAU,GAET,UAAC,CAAE,SAAAJ,EAAU,MAAA1D,CAAAA,IAEVI,EAAA,kBAAA,KAAAM,6BAAA,CAAA,SAAA,CAAAN,EAAA,kBAAA,KAAC,OAAI,UAAWwC,EAAA,8BAA8B,CAAE,UAAAnD,CAAA,CAAW,EACzD,SAAA,CAAAgB,EAAA,kBAAA,IAACY,EAAA,CACC,MAAAJ,EACA,cAAAK,EACA,WAAAC,CAAA,CACF,EACAd,EAAAA,kBAAAA,IAAC,MAAI,CAAA,IAAK0C,EACR,SAAA1C,EAAA,kBAAA,IAACM,GAAA,CACC,QAAAvB,EACA,UAAAC,EACA,WAAYiE,EACZ,UAAA/D,EACA,KAAMwE,EACN,YAAAtE,EACA,YAAAC,EACA,KAAAT,EACA,UAAAU,EACA,MAAOC,EACP,aAAAlC,EACA,UAAAkD,EACA,SAAU4D,CAAA,CAAA,EAEd,EACAnE,EAAAA,kBAAAA,IAACkB,EAAsB,CAAA,YAAAC,EAA0B,aAAAC,CAA4B,CAAA,CAAA,EAC/E,EACApB,EAAA,kBAAA,IAACuC,EAAA,CACC,WAAAG,EACA,UAAAnC,EACA,aAAAlD,EACA,MAAAC,EACA,KAAMoG,EACN,eAAgBC,EAChB,WAAApC,EACA,mBAAAkB,EACA,UAAAD,EACA,cAAAjF,EACA,UAAAkE,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: ValueButton<T>) => {\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\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\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=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isHovered, isFocused }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  label,\n  optionalLabel,\n  isRequired,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\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  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n  setOpenPopover,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\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 triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","openPopover","placeholder","startSlot","value","onChange","onKeyDown","e","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","TagGroup","keys","TagItem","SearchListFieldHeader","optionalLabel","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","setOpenPopover","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}

package/dist/lyra20.js

@@ -2,17 +2,17 @@ import { j as s } from "./lyra54.js";
 import { useState as N, useCallback as z, useRef as J, useMemo as ss, useEffect as L } from "react";
 import { Button as W, Label as ts } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as $ } from "./lyra100.js";
-import "./lyra104.js";
+import { cx as $ } from "./lyra60.js";
+import "./lyra66.js";
 import { Text as g } from "./lyra43.js";
-import "./lyra105.js";
-import "./lyra106.js";
-import "./lyra107.js";
+import "./lyra71.js";
+import "./lyra72.js";
+import "./lyra61.js";
 import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra149.js";
+import "./lyra77.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as F } from "./lyra39.js";
@@ -21,26 +21,27 @@ import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
 import { listBoxStyles as rs } from "./lyra29.js";
-import { listBoxItemStyles as es } from "./lyra153.js";
+import { listBoxItemStyles as es } from "./lyra160.js";
 import { Popover as os } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra147.js";
+import "./lyra78.js";
 import { sharedInputFieldWrapperStyles as q, sharedInputFieldStyles as G, sharedInputlabelStyles as ls, sharedInputHintStyles as is, sharedInputStyles as as } from "./lyra22.js";
-import { TagGroup as ns, TagItem as cs } from "./lyra154.js";
+import { TagGroup as ns, TagItem as cs } from "./lyra161.js";
 import "./lyra23.js";
-import "./lyra148.js";
+import "./lyra79.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra112.js";
+import "./lyra74.js";
 import { Spinner as ms } from "./lyra37.js";
 import "./lyra40.js";
-import "./lyra113.js";
+import "./lyra76.js";
 import "./lyra42.js";
-import "./lyra115.js";
+import "./lyra151.js";
 import { useSpinDelay as ds } from "./lyra48.js";
 import "./lyra49.js";
 import "./lyra58.js";
-import { Combobox as y } from "./lyra155.js";
+import "./lyra51.js";
+import { Combobox as y } from "./lyra163.js";
 import { twMerge as B } from "./lyra55.js";
 import { useLocale as Y, useFilter as ps } from "./lyra52.js";
 const us = ({
@@ -337,7 +338,7 @@ const us = ({
   return /* @__PURE__ */ s.jsxs(
     os,
     {
-      className: "pb-2",
+      className: "lyra-list-box pb-2",
       isOpen: n,
       triggerRef: p,
       showPopoverInBottomDrawerOnSmallScreens: !0,
@@ -393,7 +394,7 @@ const us = ({
       ]
     }
   );
-}, ct = ({
+}, mt = ({
   isDisabled: t,
   isRequired: o,
   label: l,
@@ -482,7 +483,7 @@ const us = ({
       ] })
     }
   );
-}, mt = ({
+}, dt = ({
   isDisabled: t,
   isRequired: o,
   label: l,
@@ -574,6 +575,6 @@ const us = ({
   );
 };
 export {
-  mt as MultiSearchListField,
-  ct as SearchListField
+  dt as MultiSearchListField,
+  mt as SearchListField
 };

package/dist/lyra20.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: ValueButton<T>) => {\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\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\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=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isHovered, isFocused }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  label,\n  optionalLabel,\n  isRequired,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\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  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n  setOpenPopover,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\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 triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","openPopover","placeholder","startSlot","value","onChange","onKeyDown","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","e","TagGroup","keys","TagItem","SearchListFieldHeader","optionalLabel","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","setOpenPopover","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}
+{"version":3,"file":"lyra20.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: ValueButton<T>) => {\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\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\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=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isHovered, isFocused }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  label,\n  optionalLabel,\n  isRequired,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\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  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n  setOpenPopover,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\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 triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","openPopover","placeholder","startSlot","value","onChange","onKeyDown","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","e","TagGroup","keys","TagItem","SearchListFieldHeader","optionalLabel","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","setOpenPopover","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}

package/dist/lyra200.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra193.cjs"),e=require("./lyra201.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({translate:0,scale:1,origin:0,originPoint:0}),a=()=>({x:e(),y:e()}),t=()=>({min:0,max:0}),c=()=>({x:t(),y:t()});exports.createAxis=t;exports.createAxisDelta=e;exports.createBox=c;exports.createDelta=a;

package/dist/lyra200.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra200.cjs","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs"],"sourcesContent":["import { isBrowser } from '../is-browser.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addListener(setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { initPrefersReducedMotion };\n"],"names":["initPrefersReducedMotion","hasReducedMotionListener","isBrowser","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":"4IAGA,SAASA,GAA2B,CAEhC,GADAC,EAAwB,yBAAC,QAAU,GAC/B,EAACC,EAAS,UAEd,GAAI,OAAO,WAAY,CACnB,MAAMC,EAAmB,OAAO,WAAW,0BAA0B,EAC/DC,EAA8B,IAAOC,EAAoB,qBAAC,QAAUF,EAAiB,QAC3FA,EAAiB,YAAYC,CAA2B,EACxDA,GACH,MAEGC,EAAoB,qBAAC,QAAU,EAEvC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra200.cjs","sources":["../node_modules/framer-motion/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"gFAAK,MAACA,EAAkB,KAAO,CAC3B,UAAW,EACX,MAAO,EACP,OAAQ,EACR,YAAa,CACjB,GACMC,EAAc,KAAO,CACvB,EAAGD,EAAiB,EACpB,EAAGA,EAAiB,CACxB,GACME,EAAa,KAAO,CAAE,IAAK,EAAG,IAAK,CAAC,GACpCC,EAAY,KAAO,CACrB,EAAGD,EAAY,EACf,EAAGA,EAAY,CACnB","x_google_ignoreList":[0]}

package/dist/lyra200.js

@@ -1,13 +1,18 @@
-import { isBrowser as o } from "./lyra193.js";
-import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra201.js";
-function c() {
-  if (i.current = !0, !!o)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
-      e.addListener(r), r();
-    } else
-      t.current = !1;
-}
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  c as initPrefersReducedMotion
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };

package/dist/lyra200.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra200.js","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs"],"sourcesContent":["import { isBrowser } from '../is-browser.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addListener(setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { initPrefersReducedMotion };\n"],"names":["initPrefersReducedMotion","hasReducedMotionListener","isBrowser","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":";;AAGA,SAASA,IAA2B;AAEhC,MADAC,EAAyB,UAAU,IAC/B,EAACC;AAEL,QAAI,OAAO,YAAY;AACnB,YAAMC,IAAmB,OAAO,WAAW,0BAA0B,GAC/DC,IAA8B,MAAOC,EAAqB,UAAUF,EAAiB;AAC3F,MAAAA,EAAiB,YAAYC,CAA2B,GACxDA;IACH;AAEG,MAAAC,EAAqB,UAAU;AAEvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra200.js","sources":["../node_modules/framer-motion/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAiB;AAAA,EACpB,GAAGA,EAAiB;AACxB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAY;AAAA,EACf,GAAGA,EAAY;AACnB;","x_google_ignoreList":[0]}

package/dist/lyra201.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}exports.isRefObject=t;

package/dist/lyra201.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra201.cjs","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"gFACK,MAACA,EAAuB,CAAE,QAAS,IAAO,EACzCC,EAA2B,CAAE,QAAS,EAAK","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra201.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"gFAAA,SAASA,EAAYC,EAAK,CACtB,OAAQ,OAAOA,GAAQ,UACnB,OAAO,UAAU,eAAe,KAAKA,EAAK,SAAS,CAC3D","x_google_ignoreList":[0]}

package/dist/lyra201.js

@@ -1,5 +1,6 @@
-const e = { current: null }, n = { current: !1 };
+function e(t) {
+  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
 export {
-  n as hasReducedMotionListener,
-  e as prefersReducedMotion
+  e as isRefObject
 };

package/dist/lyra201.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra201.js","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"AACK,MAACA,IAAuB,EAAE,SAAS,KAAO,GACzCC,IAA2B,EAAE,SAAS,GAAK;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra201.js","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAQ,OAAOA,KAAQ,YACnB,OAAO,UAAU,eAAe,KAAKA,GAAK,SAAS;AAC3D;","x_google_ignoreList":[0]}

package/dist/lyra202.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra241.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra195.cjs"),e=require("./lyra203.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;

package/dist/lyra202.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra202.cjs","sources":["../node_modules/framer-motion/dist/es/utils/subscription-manager.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n"],"names":["SubscriptionManager","handler","addUniqueItem","removeItem","a","b","c","numSubscriptions"],"mappings":"iHAEA,MAAMA,CAAoB,CACtB,aAAc,CACV,KAAK,cAAgB,EACxB,CACD,IAAIC,EAAS,CACTC,OAAAA,EAAAA,cAAc,KAAK,cAAeD,CAAO,EAClC,IAAME,EAAAA,WAAW,KAAK,cAAeF,CAAO,CACtD,CACD,OAAOG,EAAGC,EAAGC,EAAG,CACZ,MAAMC,EAAmB,KAAK,cAAc,OAC5C,GAAKA,EAEL,GAAIA,IAAqB,EAIrB,KAAK,cAAc,CAAC,EAAEH,EAAGC,EAAGC,CAAC,MAG7B,SAAS,EAAI,EAAG,EAAIC,EAAkB,IAAK,CAKvC,MAAMN,EAAU,KAAK,cAAc,CAAC,EACpCA,GAAWA,EAAQG,EAAGC,EAAGC,CAAC,CAC7B,CAER,CACD,SAAU,CACN,OAAO,KAAK,cAAc,MAC7B,CACD,OAAQ,CACJ,KAAK,cAAc,OAAS,CAC/B,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra202.cjs","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs"],"sourcesContent":["import { isBrowser } from '../is-browser.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addListener(setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { initPrefersReducedMotion };\n"],"names":["initPrefersReducedMotion","hasReducedMotionListener","isBrowser","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":"4IAGA,SAASA,GAA2B,CAEhC,GADAC,EAAwB,yBAAC,QAAU,GAC/B,EAACC,EAAS,UAEd,GAAI,OAAO,WAAY,CACnB,MAAMC,EAAmB,OAAO,WAAW,0BAA0B,EAC/DC,EAA8B,IAAOC,EAAoB,qBAAC,QAAUF,EAAiB,QAC3FA,EAAiB,YAAYC,CAA2B,EACxDA,GACH,MAEGC,EAAoB,qBAAC,QAAU,EAEvC","x_google_ignoreList":[0]}

package/dist/lyra202.js

@@ -1,29 +1,13 @@
-import { addUniqueItem as e, removeItem as u } from "./lyra241.js";
-class h {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(s) {
-    return e(this.subscriptions, s), () => u(this.subscriptions, s);
-  }
-  notify(s, r, n) {
-    const i = this.subscriptions.length;
-    if (i)
-      if (i === 1)
-        this.subscriptions[0](s, r, n);
-      else
-        for (let t = 0; t < i; t++) {
-          const o = this.subscriptions[t];
-          o && o(s, r, n);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
+import { isBrowser as o } from "./lyra195.js";
+import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra203.js";
+function c() {
+  if (i.current = !0, !!o)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
+      e.addListener(r), r();
+    } else
+      t.current = !1;
 }
 export {
-  h as SubscriptionManager
+  c as initPrefersReducedMotion
 };