@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  Key,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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\";\nimport { match } from \"ts-pattern\";\n\nimport { useLocale, useSpinDelay } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { listBoxItemStyles, listBoxStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { TagGroup } from \"../../tag\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputSizeStyles,\n  sharedInputStyles,\n} from \"..\";\n\ntype SearchItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\ntype SearchListFieldBaseProps<T extends object> = {\n  addValueLabel?: string;\n  allowCustomValue?: boolean;\n  allowCustomValueCreateLabel?: (query: string) => string | string;\n  \"aria-label\"?: string;\n  clearLabel?: string;\n  description?: string;\n  name?: string;\n  disabledItemIdKeys?: Key[];\n  endSlot?: JSX.Element;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hint?: string;\n  initiallyOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  itemIdKey: keyof T;\n  itemLabelKey: keyof T;\n  items: T[];\n  isLoading?: boolean;\n  label?: string;\n  onQueryChange?: (query?: string) => void;\n  placeholder?: string;\n  renderItem?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n  searchInputClearLabel?: string;\n  searchInputEndSlot?: JSX.Element;\n  searchInputStartSlot?: JSX.Element;\n  size?: VariantProps<typeof sharedInputFieldStyles>[\"size\"];\n  startSlot?: JSX.Element;\n  validationState?: \"valid\" | \"invalid\";\n} & (\n  | {\n      defaultValue?: T;\n      onChange?: (value?: T) => void;\n      selectionMode: \"single\";\n      value?: T;\n    }\n  | {\n      defaultValue?: T[];\n      name?: string;\n      onChange?: (value?: T[]) => void;\n      selectionMode: \"multiple\";\n      value?: T[];\n    }\n);\n\n// type SearchListFieldSingleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\n// type SearchListFieldMultipleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\nexport type SearchListFieldProps<T extends object> = SearchListFieldBaseProps<T>;\n// | SearchListFieldSingleProps<T>\n// | SearchListFieldMultipleProps<T>;\n\ntype SearchListFieldContextProps<T extends object> = SearchListFieldProps<T> & {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: (isOpen: boolean) => void;\n  internalValue?: T | T[];\n  setInternalValue: (value?: T | T[]) => void;\n};\n\nconst SearchListFieldContext = createContext({} as SearchListFieldContextProps<any>);\n\nconst Provider = <T extends object>(props: SearchListFieldProps<T> & { children: ReactNode }) => {\n  const [internalValue, setInternalValue] = useState<T | T[] | undefined>(\n    props.value ?? props.defaultValue,\n  );\n  const [popoverIsOpen, setPopoverIsOpen] = useState(props.initiallyOpen ?? false);\n\n  return (\n    <SearchListFieldContext.Provider\n      value={{\n        ...props,\n        popoverIsOpen,\n        setPopoverIsOpen,\n        internalValue,\n        setInternalValue,\n      }}\n    >\n      {props.children}\n    </SearchListFieldContext.Provider>\n  );\n};\n\nconst useSearchListFieldContext = <T extends object>() => {\n  const context = useContext(SearchListFieldContext) as SearchListFieldContextProps<T>;\n  return context;\n};\n\nconst useFilterItemsOnQuery = <T extends object>() => {\n  const { itemLabelKey, onQueryChange, items /* listToFilterOn */ } =\n    useSearchListFieldContext<T>();\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, 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 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\nexport const SearchListField = <T extends object>(props: SearchListFieldProps<T>) => {\n  const { selectionMode = \"single\" } = props;\n\n  const searchListProps = match({ ...props, selectionMode })\n    .returnType<SearchListFieldProps<T>>()\n    .with({ selectionMode: \"single\" }, (res) => ({\n      ...res,\n      value: res.value as T | undefined,\n      defaultValue: res.defaultValue as T | undefined,\n      onChange: res.onChange as (value?: T) => void | undefined,\n    }))\n    .with({ selectionMode: \"multiple\" }, (res) => ({\n      ...res,\n      value: res.value as T[] | undefined,\n      defaultValue: res.defaultValue as T[] | undefined,\n      onChange: res.onChange as (value?: T[]) => void | undefined,\n    }));\n\n  const searchListPropsResult = searchListProps.run();\n\n  return (\n    <Provider {...searchListPropsResult}>\n      <SearchListFieldInner<T> />\n    </Provider>\n  );\n};\n\ntype SearchItemProps<T extends object> = {\n  item: T;\n  state: SearchItemRenderPropArg;\n  render?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n};\nconst SearchItem = <T extends object>({ item, state, render }: SearchItemProps<T>) => {\n  const { itemLabelKey } = useSearchListFieldContext<T>();\n  const label = item?.[itemLabelKey] as string;\n  if (render) {\n    return render(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 SearchListFieldInner = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const { internalValue, value, defaultValue, name, selectionMode, onChange } = context;\n\n  return (\n    <>\n      <Combobox\n        name={name}\n        value={(onChange ? value : internalValue) ?? \"\"}\n        defaultValue={defaultValue}\n        multiple={(selectionMode === \"multiple\") as any}\n      />\n      {selectionMode === \"single\" ? <SingleValueSearchListField<T> /> : null}\n      {selectionMode === \"multiple\" ? <MultipleValuesSearchListField<T> /> : null}\n    </>\n  );\n};\n\ntype SearchInputProps = {\n  query?: string;\n  setQuery: (value: string) => void;\n  isLoading?: boolean;\n  onQueryChange?: (query?: string) => void;\n  startSlot?: JSX.Element;\n  endSlot?: JSX.Element;\n  clearLabel?: string;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\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: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"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 as any);\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          <Button\n            variant=\"ghost\"\n            className=\"mx-2\"\n            size=\"small\"\n            tooltip={clearLabel}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        ) : null}\n        {endSlot}\n        {isLoading ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\ntype SearchListFieldHeaderProps = {\n  label?: string;\n  hint?: string;\n  isRequired?: boolean;\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: 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        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\ntype SearchListFieldFooterProps = {\n  description?: string;\n  errorMessage?: string;\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 _SingleValueSearchListFieldButton = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    clearLabel,\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    placeholder,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    onChange,\n    setInternalValue,\n  } = context;\n\n  const value = onChange\n    ? (context.value as T | undefined)\n    : (context.internalValue as T | undefined);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \" \" || e.key === \"Enter\") {\n      setPopoverIsOpen(true);\n    } else if (e.key === \"Backspace\" || e.key === \"Escape\") {\n      onChange?.(undefined);\n      setInternalValue(undefined);\n    }\n  };\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isFocused,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-1 px-0 py-0\",\n          }),\n        )}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        ref={ref}\n      >\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"flex h-full w-full flex-grow items-center gap-3 text-start outline-none\",\n            }),\n          )}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onKeyDown={handleKeyDown}\n        >\n          {startSlot}\n          <div className=\"grow\">\n            {value ? (\n              (value?.[itemLabelKey] as unknown as string)\n            ) : (\n              <Text color=\"secondary\">{placeholder}</Text>\n            )}\n          </div>\n          {endSlot}\n        </AriaButton>\n        {value && (\n          <Button\n            variant=\"ghost\"\n            isDisabled={isDisabled}\n            size={size}\n            tooltip={clearLabel ?? \"Clear\"}\n            onPress={() => {\n              setInternalValue(undefined);\n              onChange?.(undefined);\n            }}\n            excludeFromTabOrder\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        )}\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"h-full flex-grow outline-none\",\n            }),\n          )}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onKeyDown={handleKeyDown}\n          excludeFromTabOrder\n        >\n          <SvgIcon name=\"chevron-down\" className=\"h-4 w-4\" />\n        </AriaButton>\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\n\nconst SingleValueSearchListFieldButton = fixedForwardRef(_SingleValueSearchListFieldButton);\n\nconst SingleValueSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n  // In this case we are sure that onChange will receive a single value because selectionMode is single.\n  // We cast the onChange prop to a function that receives a single value.\n  const onChangeHandler = onChange as (value?: T) => void | undefined;\n  const internalValue = context?.internalValue as T | undefined;\n  const value = context?.value as T | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  return (\n    <>\n      <SingleValueSearchListFieldButton<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          nullable\n          onChange={(value?: T) => {\n            if (value) {\n              onChangeHandler?.(value);\n              setInternalValue(value);\n              setPopoverIsOpen(false);\n            }\n          }}\n          value={(onChange ? value : internalValue) ?? \"\"}\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length && !showSpinner) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0 && !showSpinner) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n          {showSpinner ? (\n            <div className=\"flex h-40 w-full items-center justify-center\">\n              <Spinner size=\"medium\" />\n            </div>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n\nconst _MultipleValuesSearchListFieldInput = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    itemIdKey,\n    setInternalValue,\n  } = context;\n  const addValueLabel = context.addValueLabel ?? \"Add value\";\n\n  const value = context.internalValue as T[] | undefined;\n  const onChange = context.onChange as (value?: T[]) => void | undefined;\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-2 px-2 py-1.5\",\n          }),\n        )}\n        ref={ref}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {startSlot}\n        {value && value.length ? (\n          <TagGroup<T>\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            label={label ?? context[\"aria-label\"]}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={(value) => {\n              setInternalValue(value);\n              onChange?.(value);\n            }}\n          />\n        ) : null}\n        {endSlot}\n        {value?.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"p-1.5\"\n            size=\"small\"\n            tooltip={addValueLabel}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            <SvgIcon name=\"plus\" />\n          </Button>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"small\"\n            className=\"text-sm\"\n            endIcon={<SvgIcon name=\"plus\" />}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            {addValueLabel}\n          </Button>\n        )}\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\nconst MultipleValuesSearchListFieldInput = fixedForwardRef(_MultipleValuesSearchListFieldInput);\n\nconst MultipleValuesSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n\n  const onChangeHandler = onChange as (value?: T[]) => void | undefined;\n  const internalValue = context.internalValue as T[] | undefined;\n  const value = context.value as T[] | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  return (\n    <>\n      <MultipleValuesSearchListFieldInput<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          value={(onChange ? value : internalValue) ?? []}\n          onChange={(value) => {\n            onChangeHandler?.(value);\n            setInternalValue(value);\n          }}\n          multiple\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            isLoading={isLoading}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SearchListFieldContext","createContext","Provider","props","internalValue","setInternalValue","useState","popoverIsOpen","setPopoverIsOpen","jsx","useSearchListFieldContext","useContext","useFilterItemsOnQuery","itemLabelKey","onQueryChange","items","query","setQuery","contains","useFilter","filteredItems","useMemo","item","useEffect","SearchListField","selectionMode","searchListPropsResult","match","res","SearchListFieldInner","SearchItem","state","render","label","jsxs","SvgIcon","context","value","defaultValue","name","onChange","Fragment","Combobox","SingleValueSearchListField","MultipleValuesSearchListField","SearchInput","isLoading","startSlot","endSlot","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","sharedInputFieldWrapperStyles","twMerge","sharedInputFieldStyles","sharedInputStyles","e","Button","Spinner","SearchListFieldHeader","hint","isRequired","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","Text","_SingleValueSearchListFieldButton","_props","ref","validationState","placeholder","isDisabled","fullWidth","size","isFocused","setIsFocused","isHovered","setIsHovered","handleKeyDown","AriaButton","sharedInputSizeStyles","SingleValueSearchListFieldButton","fixedForwardRef","itemIdKey","renderItem","disabledItemIdKeys","allowCustomValue","searchInputClearLabel","searchInputEndSlot","searchInputStartSlot","allowCustomValueCreateLabel","onChangeHandler","inputRef","useRef","wrapperRef","direction","useLocale","queriedFilteredItemsLength","_a","showSpinner","useSpinDelay","Popover","isOpen","_b","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","_MultipleValuesSearchListFieldInput","addValueLabel","TagGroup","MultipleValuesSearchListFieldInput"],"mappings":"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"}
+{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  Key,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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\";\nimport { match } from \"ts-pattern\";\n\nimport { useLocale, useSpinDelay } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { listBoxItemStyles, listBoxStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { TagGroup } from \"../../tag\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputSizeStyles,\n  sharedInputStyles,\n} from \"..\";\n\ntype SearchItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\ntype SearchListFieldBaseProps<T extends object> = {\n  addValueLabel?: string;\n  allowCustomValue?: boolean;\n  allowCustomValueCreateLabel?: (query: string) => string | string;\n  \"aria-label\"?: string;\n  clearLabel?: string;\n  description?: string;\n  name?: string;\n  disabledItemIdKeys?: Key[];\n  endSlot?: JSX.Element;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hint?: string;\n  initiallyOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  itemIdKey: keyof T;\n  itemLabelKey: keyof T;\n  items: T[];\n  isLoading?: boolean;\n  label?: string;\n  onQueryChange?: (query?: string) => void;\n  placeholder?: string;\n  renderItem?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n  searchInputClearLabel?: string;\n  searchInputEndSlot?: JSX.Element;\n  searchInputStartSlot?: JSX.Element;\n  size?: VariantProps<typeof sharedInputFieldStyles>[\"size\"];\n  startSlot?: JSX.Element;\n  validationState?: \"valid\" | \"invalid\";\n} & (\n  | {\n      defaultValue?: T;\n      onChange?: (value?: T) => void;\n      selectionMode: \"single\";\n      value?: T;\n    }\n  | {\n      defaultValue?: T[];\n      name?: string;\n      onChange?: (value?: T[]) => void;\n      selectionMode: \"multiple\";\n      value?: T[];\n    }\n);\n\n// type SearchListFieldSingleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\n// type SearchListFieldMultipleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\nexport type SearchListFieldProps<T extends object> = SearchListFieldBaseProps<T>;\n// | SearchListFieldSingleProps<T>\n// | SearchListFieldMultipleProps<T>;\n\ntype SearchListFieldContextProps<T extends object> = SearchListFieldProps<T> & {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: (isOpen: boolean) => void;\n  internalValue?: T | T[];\n  setInternalValue: (value?: T | T[]) => void;\n};\n\nconst SearchListFieldContext = createContext({} as SearchListFieldContextProps<any>);\n\nconst Provider = <T extends object>(props: SearchListFieldProps<T> & { children: ReactNode }) => {\n  const [internalValue, setInternalValue] = useState<T | T[] | undefined>(\n    props.value ?? props.defaultValue,\n  );\n  const [popoverIsOpen, setPopoverIsOpen] = useState(props.initiallyOpen ?? false);\n\n  return (\n    <SearchListFieldContext.Provider\n      value={{\n        ...props,\n        popoverIsOpen,\n        setPopoverIsOpen,\n        internalValue,\n        setInternalValue,\n      }}\n    >\n      {props.children}\n    </SearchListFieldContext.Provider>\n  );\n};\n\nconst useSearchListFieldContext = <T extends object>() => {\n  const context = useContext(SearchListFieldContext) as SearchListFieldContextProps<T>;\n  return context;\n};\n\nconst useFilterItemsOnQuery = <T extends object>() => {\n  const { itemLabelKey, onQueryChange, items /* listToFilterOn */ } =\n    useSearchListFieldContext<T>();\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, 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 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\nexport const SearchListField = <T extends object>(props: SearchListFieldProps<T>) => {\n  const { selectionMode = \"single\" } = props;\n\n  const searchListProps = match({ ...props, selectionMode })\n    .returnType<SearchListFieldProps<T>>()\n    .with({ selectionMode: \"single\" }, (res) => ({\n      ...res,\n      value: res.value as T | undefined,\n      defaultValue: res.defaultValue as T | undefined,\n      onChange: res.onChange as (value?: T) => void | undefined,\n    }))\n    .with({ selectionMode: \"multiple\" }, (res) => ({\n      ...res,\n      value: res.value as T[] | undefined,\n      defaultValue: res.defaultValue as T[] | undefined,\n      onChange: res.onChange as (value?: T[]) => void | undefined,\n    }));\n\n  const searchListPropsResult = searchListProps.run();\n\n  return (\n    <Provider {...searchListPropsResult}>\n      <SearchListFieldInner<T> />\n    </Provider>\n  );\n};\n\ntype SearchItemProps<T extends object> = {\n  item: T;\n  state: SearchItemRenderPropArg;\n  render?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n};\nconst SearchItem = <T extends object>({ item, state, render }: SearchItemProps<T>) => {\n  const { itemLabelKey } = useSearchListFieldContext<T>();\n  const label = item?.[itemLabelKey] as string;\n  if (render) {\n    return render(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 SearchListFieldInner = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const { internalValue, value, defaultValue, name, selectionMode, onChange } = context;\n\n  return (\n    <>\n      <Combobox\n        name={name}\n        value={(onChange ? value : internalValue) ?? \"\"}\n        defaultValue={defaultValue}\n        multiple={(selectionMode === \"multiple\") as any}\n      />\n      {selectionMode === \"single\" ? <SingleValueSearchListField<T> /> : null}\n      {selectionMode === \"multiple\" ? <MultipleValuesSearchListField<T> /> : null}\n    </>\n  );\n};\n\ntype SearchInputProps = {\n  query?: string;\n  setQuery: (value: string) => void;\n  isLoading?: boolean;\n  onQueryChange?: (query?: string) => void;\n  startSlot?: JSX.Element;\n  endSlot?: JSX.Element;\n  clearLabel?: string;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\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: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"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 as any);\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          <Button\n            variant=\"ghost\"\n            className=\"mx-2\"\n            size=\"small\"\n            tooltip={clearLabel}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        ) : null}\n        {endSlot}\n        {isLoading ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\ntype SearchListFieldHeaderProps = {\n  label?: string;\n  hint?: string;\n  isRequired?: boolean;\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: 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        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\ntype SearchListFieldFooterProps = {\n  description?: string;\n  errorMessage?: string;\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 _SingleValueSearchListFieldButton = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    clearLabel,\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    placeholder,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    onChange,\n    setInternalValue,\n  } = context;\n\n  const value = onChange\n    ? (context.value as T | undefined)\n    : (context.internalValue as T | undefined);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \" \" || e.key === \"Enter\") {\n      setPopoverIsOpen(true);\n    } else if (e.key === \"Backspace\" || e.key === \"Escape\") {\n      onChange?.(undefined);\n      setInternalValue(undefined);\n    }\n  };\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isFocused,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-1 px-0 py-0\",\n          }),\n        )}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        ref={ref}\n      >\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"flex h-full w-full flex-grow items-center gap-3 text-start outline-none\",\n            }),\n          )}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onKeyDown={handleKeyDown}\n        >\n          {startSlot}\n          <div className=\"grow\">\n            {value ? (\n              (value?.[itemLabelKey] as unknown as string)\n            ) : (\n              <Text color=\"secondary\">{placeholder}</Text>\n            )}\n          </div>\n          {endSlot}\n        </AriaButton>\n        {value && (\n          <Button\n            variant=\"ghost\"\n            isDisabled={isDisabled}\n            size={size}\n            tooltip={clearLabel ?? \"Clear\"}\n            onPress={() => {\n              setInternalValue(undefined);\n              onChange?.(undefined);\n            }}\n            excludeFromTabOrder\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        )}\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"h-full flex-grow outline-none\",\n            }),\n          )}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onKeyDown={handleKeyDown}\n          excludeFromTabOrder\n        >\n          <SvgIcon name=\"chevron-down\" className=\"h-4 w-4\" />\n        </AriaButton>\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\n\nconst SingleValueSearchListFieldButton = fixedForwardRef(_SingleValueSearchListFieldButton);\n\nconst SingleValueSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n  // In this case we are sure that onChange will receive a single value because selectionMode is single.\n  // We cast the onChange prop to a function that receives a single value.\n  const onChangeHandler = onChange as (value?: T) => void | undefined;\n  const internalValue = context?.internalValue as T | undefined;\n  const value = context?.value as T | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  return (\n    <>\n      <SingleValueSearchListFieldButton<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          nullable\n          onChange={(value?: T) => {\n            if (value) {\n              onChangeHandler?.(value);\n              setInternalValue(value);\n              setPopoverIsOpen(false);\n            }\n          }}\n          value={(onChange ? value : internalValue) ?? \"\"}\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length && !showSpinner) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0 && !showSpinner) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n          {showSpinner ? (\n            <div className=\"flex h-40 w-full items-center justify-center\">\n              <Spinner size=\"medium\" />\n            </div>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n\nconst _MultipleValuesSearchListFieldInput = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    itemIdKey,\n    setInternalValue,\n  } = context;\n  const addValueLabel = context.addValueLabel ?? \"Add value\";\n\n  const value = context.internalValue as T[] | undefined;\n  const onChange = context.onChange as (value?: T[]) => void | undefined;\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-2 px-2 py-1.5\",\n          }),\n        )}\n        ref={ref}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {startSlot}\n        {value && value.length ? (\n          <TagGroup<T>\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            label={label ?? context[\"aria-label\"]}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={(value) => {\n              setInternalValue(value);\n              onChange?.(value);\n            }}\n          />\n        ) : null}\n        {endSlot}\n        {value?.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"p-1.5\"\n            size=\"small\"\n            tooltip={addValueLabel}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            <SvgIcon name=\"plus\" />\n          </Button>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"small\"\n            className=\"text-sm\"\n            endIcon={<SvgIcon name=\"plus\" />}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            {addValueLabel}\n          </Button>\n        )}\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\nconst MultipleValuesSearchListFieldInput = fixedForwardRef(_MultipleValuesSearchListFieldInput);\n\nconst MultipleValuesSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n\n  const onChangeHandler = onChange as (value?: T[]) => void | undefined;\n  const internalValue = context.internalValue as T[] | undefined;\n  const value = context.value as T[] | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  return (\n    <>\n      <MultipleValuesSearchListFieldInput<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          value={(onChange ? value : internalValue) ?? []}\n          onChange={(value) => {\n            onChangeHandler?.(value);\n            setInternalValue(value);\n          }}\n          multiple\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            isLoading={isLoading}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SearchListFieldContext","createContext","Provider","props","internalValue","setInternalValue","useState","popoverIsOpen","setPopoverIsOpen","jsx","useSearchListFieldContext","useContext","useFilterItemsOnQuery","itemLabelKey","onQueryChange","items","query","setQuery","contains","useFilter","filteredItems","useMemo","item","useEffect","SearchListField","selectionMode","searchListPropsResult","match","res","SearchListFieldInner","SearchItem","state","render","label","jsxs","SvgIcon","context","value","defaultValue","name","onChange","Fragment","Combobox","SingleValueSearchListField","MultipleValuesSearchListField","SearchInput","isLoading","startSlot","endSlot","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","sharedInputFieldWrapperStyles","twMerge","sharedInputFieldStyles","sharedInputStyles","e","Button","Spinner","SearchListFieldHeader","hint","isRequired","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","Text","_SingleValueSearchListFieldButton","_props","ref","validationState","placeholder","isDisabled","fullWidth","size","isFocused","setIsFocused","isHovered","setIsHovered","handleKeyDown","AriaButton","sharedInputSizeStyles","SingleValueSearchListFieldButton","fixedForwardRef","itemIdKey","renderItem","disabledItemIdKeys","allowCustomValue","searchInputClearLabel","searchInputEndSlot","searchInputStartSlot","allowCustomValueCreateLabel","onChangeHandler","inputRef","useRef","wrapperRef","direction","useLocale","queriedFilteredItemsLength","_a","showSpinner","useSpinDelay","Popover","isOpen","_b","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","_MultipleValuesSearchListFieldInput","addValueLabel","TagGroup","MultipleValuesSearchListFieldInput"],"mappings":"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"}

package/dist/lyra23.js

@@ -1,48 +1,49 @@
-import { j as e } from "./lyra52.js";
+import { j as e } from "./lyra53.js";
 import { createContext as ne, useState as P, useRef as E, useContext as re, useMemo as ae, useEffect as _ } from "react";
-import { Button as W, Label as oe } from "./lyra51.js";
-import { match as ie } from "./lyra150.js";
+import { Button as W, Label as oe } from "./lyra52.js";
+import { match as ie } from "./lyra275.js";
 import "./lyra2.js";
-import { cx as ce } from "./lyra61.js";
-import "./lyra66.js";
-import { Text as k } from "./lyra41.js";
-import "./lyra70.js";
-import "./lyra71.js";
+import { cx as ce } from "./lyra62.js";
 import "./lyra67.js";
-import { Button as D } from "./lyra8.js";
+import { Text as k } from "./lyra42.js";
+import "./lyra68.js";
 import "./lyra69.js";
+import "./lyra70.js";
+import { Button as D } from "./lyra8.js";
+import "./lyra72.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra141.js";
+import "./lyra147.js";
 import "./lyra24.js";
-import { SvgIcon as $ } from "./lyra37.js";
+import { SvgIcon as $ } from "./lyra38.js";
 import "./lyra15.js";
 import "./lyra17.js";
 import "./lyra18.js";
 import { sharedInputFieldWrapperStyles as T, sharedInputFieldStyles as H, sharedInputSizeStyles as q, sharedInputStyles as ue, sharedInputlabelStyles as de, sharedInputHintStyles as me } from "./lyra19.js";
 import "./lyra20.js";
-import "./lyra142.js";
+import "./lyra148.js";
 import "./lyra22.js";
 import "./lyra25.js";
 import "./lyra26.js";
+import "./lyra27.js";
 import "./lyra73.js";
-import { Popover as A } from "./lyra28.js";
-import "./lyra30.js";
+import { Popover as A } from "./lyra29.js";
+import "./lyra31.js";
 import "./lyra149.js";
 import "./lyra75.js";
-import { Spinner as G } from "./lyra35.js";
-import "./lyra38.js";
-import "./lyra76.js";
-import { TagGroup as pe } from "./lyra40.js";
-import "./lyra78.js";
-import { useSpinDelay as he } from "./lyra46.js";
-import "./lyra47.js";
-import "./lyra56.js";
-import { fixedForwardRef as J } from "./lyra62.js";
-import { listBoxStyles as U, listBoxItemStyles as K } from "./lyra151.js";
-import { Combobox as w } from "./lyra152.js";
-import { twMerge as N } from "./lyra53.js";
-import { useLocale as X, useFilter as fe } from "./lyra50.js";
+import { Spinner as G } from "./lyra36.js";
+import "./lyra39.js";
+import "./lyra77.js";
+import { TagGroup as pe } from "./lyra41.js";
+import "./lyra79.js";
+import { useSpinDelay as he } from "./lyra47.js";
+import "./lyra48.js";
+import "./lyra57.js";
+import { fixedForwardRef as J } from "./lyra63.js";
+import { listBoxStyles as U, listBoxItemStyles as K } from "./lyra276.js";
+import { Combobox as w } from "./lyra277.js";
+import { twMerge as N } from "./lyra54.js";
+import { useLocale as X, useFilter as fe } from "./lyra51.js";
 const Y = ne({}), xe = (s) => {
   const [l, t] = P(
     s.value ?? s.defaultValue
@@ -74,7 +75,7 @@ const Y = ne({}), xe = (s) => {
     query: i,
     setQuery: n
   };
-}, fs = (s) => {
+}, xs = (s) => {
   const { selectionMode: l = "single" } = s, i = ie({ ...s, selectionMode: l }).returnType().with({ selectionMode: "single" }, (n) => ({
     ...n,
     value: n.value,
@@ -596,5 +597,5 @@ const Y = ne({}), xe = (s) => {
   ] });
 };
 export {
-  fs as SearchListField
+  xs as SearchListField
 };

package/dist/lyra23.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  Key,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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\";\nimport { match } from \"ts-pattern\";\n\nimport { useLocale, useSpinDelay } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { listBoxItemStyles, listBoxStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { TagGroup } from \"../../tag\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputSizeStyles,\n  sharedInputStyles,\n} from \"..\";\n\ntype SearchItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\ntype SearchListFieldBaseProps<T extends object> = {\n  addValueLabel?: string;\n  allowCustomValue?: boolean;\n  allowCustomValueCreateLabel?: (query: string) => string | string;\n  \"aria-label\"?: string;\n  clearLabel?: string;\n  description?: string;\n  name?: string;\n  disabledItemIdKeys?: Key[];\n  endSlot?: JSX.Element;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hint?: string;\n  initiallyOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  itemIdKey: keyof T;\n  itemLabelKey: keyof T;\n  items: T[];\n  isLoading?: boolean;\n  label?: string;\n  onQueryChange?: (query?: string) => void;\n  placeholder?: string;\n  renderItem?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n  searchInputClearLabel?: string;\n  searchInputEndSlot?: JSX.Element;\n  searchInputStartSlot?: JSX.Element;\n  size?: VariantProps<typeof sharedInputFieldStyles>[\"size\"];\n  startSlot?: JSX.Element;\n  validationState?: \"valid\" | \"invalid\";\n} & (\n  | {\n      defaultValue?: T;\n      onChange?: (value?: T) => void;\n      selectionMode: \"single\";\n      value?: T;\n    }\n  | {\n      defaultValue?: T[];\n      name?: string;\n      onChange?: (value?: T[]) => void;\n      selectionMode: \"multiple\";\n      value?: T[];\n    }\n);\n\n// type SearchListFieldSingleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\n// type SearchListFieldMultipleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\nexport type SearchListFieldProps<T extends object> = SearchListFieldBaseProps<T>;\n// | SearchListFieldSingleProps<T>\n// | SearchListFieldMultipleProps<T>;\n\ntype SearchListFieldContextProps<T extends object> = SearchListFieldProps<T> & {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: (isOpen: boolean) => void;\n  internalValue?: T | T[];\n  setInternalValue: (value?: T | T[]) => void;\n};\n\nconst SearchListFieldContext = createContext({} as SearchListFieldContextProps<any>);\n\nconst Provider = <T extends object>(props: SearchListFieldProps<T> & { children: ReactNode }) => {\n  const [internalValue, setInternalValue] = useState<T | T[] | undefined>(\n    props.value ?? props.defaultValue,\n  );\n  const [popoverIsOpen, setPopoverIsOpen] = useState(props.initiallyOpen ?? false);\n\n  return (\n    <SearchListFieldContext.Provider\n      value={{\n        ...props,\n        popoverIsOpen,\n        setPopoverIsOpen,\n        internalValue,\n        setInternalValue,\n      }}\n    >\n      {props.children}\n    </SearchListFieldContext.Provider>\n  );\n};\n\nconst useSearchListFieldContext = <T extends object>() => {\n  const context = useContext(SearchListFieldContext) as SearchListFieldContextProps<T>;\n  return context;\n};\n\nconst useFilterItemsOnQuery = <T extends object>() => {\n  const { itemLabelKey, onQueryChange, items /* listToFilterOn */ } =\n    useSearchListFieldContext<T>();\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, 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 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\nexport const SearchListField = <T extends object>(props: SearchListFieldProps<T>) => {\n  const { selectionMode = \"single\" } = props;\n\n  const searchListProps = match({ ...props, selectionMode })\n    .returnType<SearchListFieldProps<T>>()\n    .with({ selectionMode: \"single\" }, (res) => ({\n      ...res,\n      value: res.value as T | undefined,\n      defaultValue: res.defaultValue as T | undefined,\n      onChange: res.onChange as (value?: T) => void | undefined,\n    }))\n    .with({ selectionMode: \"multiple\" }, (res) => ({\n      ...res,\n      value: res.value as T[] | undefined,\n      defaultValue: res.defaultValue as T[] | undefined,\n      onChange: res.onChange as (value?: T[]) => void | undefined,\n    }));\n\n  const searchListPropsResult = searchListProps.run();\n\n  return (\n    <Provider {...searchListPropsResult}>\n      <SearchListFieldInner<T> />\n    </Provider>\n  );\n};\n\ntype SearchItemProps<T extends object> = {\n  item: T;\n  state: SearchItemRenderPropArg;\n  render?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n};\nconst SearchItem = <T extends object>({ item, state, render }: SearchItemProps<T>) => {\n  const { itemLabelKey } = useSearchListFieldContext<T>();\n  const label = item?.[itemLabelKey] as string;\n  if (render) {\n    return render(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 SearchListFieldInner = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const { internalValue, value, defaultValue, name, selectionMode, onChange } = context;\n\n  return (\n    <>\n      <Combobox\n        name={name}\n        value={(onChange ? value : internalValue) ?? \"\"}\n        defaultValue={defaultValue}\n        multiple={(selectionMode === \"multiple\") as any}\n      />\n      {selectionMode === \"single\" ? <SingleValueSearchListField<T> /> : null}\n      {selectionMode === \"multiple\" ? <MultipleValuesSearchListField<T> /> : null}\n    </>\n  );\n};\n\ntype SearchInputProps = {\n  query?: string;\n  setQuery: (value: string) => void;\n  isLoading?: boolean;\n  onQueryChange?: (query?: string) => void;\n  startSlot?: JSX.Element;\n  endSlot?: JSX.Element;\n  clearLabel?: string;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\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: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"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 as any);\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          <Button\n            variant=\"ghost\"\n            className=\"mx-2\"\n            size=\"small\"\n            tooltip={clearLabel}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        ) : null}\n        {endSlot}\n        {isLoading ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\ntype SearchListFieldHeaderProps = {\n  label?: string;\n  hint?: string;\n  isRequired?: boolean;\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: 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        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\ntype SearchListFieldFooterProps = {\n  description?: string;\n  errorMessage?: string;\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 _SingleValueSearchListFieldButton = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    clearLabel,\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    placeholder,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    onChange,\n    setInternalValue,\n  } = context;\n\n  const value = onChange\n    ? (context.value as T | undefined)\n    : (context.internalValue as T | undefined);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \" \" || e.key === \"Enter\") {\n      setPopoverIsOpen(true);\n    } else if (e.key === \"Backspace\" || e.key === \"Escape\") {\n      onChange?.(undefined);\n      setInternalValue(undefined);\n    }\n  };\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isFocused,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-1 px-0 py-0\",\n          }),\n        )}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        ref={ref}\n      >\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"flex h-full w-full flex-grow items-center gap-3 text-start outline-none\",\n            }),\n          )}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onKeyDown={handleKeyDown}\n        >\n          {startSlot}\n          <div className=\"grow\">\n            {value ? (\n              (value?.[itemLabelKey] as unknown as string)\n            ) : (\n              <Text color=\"secondary\">{placeholder}</Text>\n            )}\n          </div>\n          {endSlot}\n        </AriaButton>\n        {value && (\n          <Button\n            variant=\"ghost\"\n            isDisabled={isDisabled}\n            size={size}\n            tooltip={clearLabel ?? \"Clear\"}\n            onPress={() => {\n              setInternalValue(undefined);\n              onChange?.(undefined);\n            }}\n            excludeFromTabOrder\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        )}\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"h-full flex-grow outline-none\",\n            }),\n          )}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onKeyDown={handleKeyDown}\n          excludeFromTabOrder\n        >\n          <SvgIcon name=\"chevron-down\" className=\"h-4 w-4\" />\n        </AriaButton>\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\n\nconst SingleValueSearchListFieldButton = fixedForwardRef(_SingleValueSearchListFieldButton);\n\nconst SingleValueSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n  // In this case we are sure that onChange will receive a single value because selectionMode is single.\n  // We cast the onChange prop to a function that receives a single value.\n  const onChangeHandler = onChange as (value?: T) => void | undefined;\n  const internalValue = context?.internalValue as T | undefined;\n  const value = context?.value as T | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  return (\n    <>\n      <SingleValueSearchListFieldButton<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          nullable\n          onChange={(value?: T) => {\n            if (value) {\n              onChangeHandler?.(value);\n              setInternalValue(value);\n              setPopoverIsOpen(false);\n            }\n          }}\n          value={(onChange ? value : internalValue) ?? \"\"}\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length && !showSpinner) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0 && !showSpinner) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n          {showSpinner ? (\n            <div className=\"flex h-40 w-full items-center justify-center\">\n              <Spinner size=\"medium\" />\n            </div>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n\nconst _MultipleValuesSearchListFieldInput = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    itemIdKey,\n    setInternalValue,\n  } = context;\n  const addValueLabel = context.addValueLabel ?? \"Add value\";\n\n  const value = context.internalValue as T[] | undefined;\n  const onChange = context.onChange as (value?: T[]) => void | undefined;\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-2 px-2 py-1.5\",\n          }),\n        )}\n        ref={ref}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {startSlot}\n        {value && value.length ? (\n          <TagGroup<T>\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            label={label ?? context[\"aria-label\"]}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={(value) => {\n              setInternalValue(value);\n              onChange?.(value);\n            }}\n          />\n        ) : null}\n        {endSlot}\n        {value?.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"p-1.5\"\n            size=\"small\"\n            tooltip={addValueLabel}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            <SvgIcon name=\"plus\" />\n          </Button>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"small\"\n            className=\"text-sm\"\n            endIcon={<SvgIcon name=\"plus\" />}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            {addValueLabel}\n          </Button>\n        )}\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\nconst MultipleValuesSearchListFieldInput = fixedForwardRef(_MultipleValuesSearchListFieldInput);\n\nconst MultipleValuesSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n\n  const onChangeHandler = onChange as (value?: T[]) => void | undefined;\n  const internalValue = context.internalValue as T[] | undefined;\n  const value = context.value as T[] | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  return (\n    <>\n      <MultipleValuesSearchListFieldInput<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          value={(onChange ? value : internalValue) ?? []}\n          onChange={(value) => {\n            onChangeHandler?.(value);\n            setInternalValue(value);\n          }}\n          multiple\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            isLoading={isLoading}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SearchListFieldContext","createContext","Provider","props","internalValue","setInternalValue","useState","popoverIsOpen","setPopoverIsOpen","jsx","useSearchListFieldContext","useContext","useFilterItemsOnQuery","itemLabelKey","onQueryChange","items","query","setQuery","contains","useFilter","filteredItems","useMemo","item","useEffect","SearchListField","selectionMode","searchListPropsResult","match","res","SearchListFieldInner","SearchItem","state","render","label","jsxs","SvgIcon","context","value","defaultValue","name","onChange","Fragment","Combobox","SingleValueSearchListField","MultipleValuesSearchListField","SearchInput","isLoading","startSlot","endSlot","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","sharedInputFieldWrapperStyles","twMerge","sharedInputFieldStyles","sharedInputStyles","e","Button","Spinner","SearchListFieldHeader","hint","isRequired","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","Text","_SingleValueSearchListFieldButton","_props","ref","validationState","placeholder","isDisabled","fullWidth","size","isFocused","setIsFocused","isHovered","setIsHovered","handleKeyDown","AriaButton","sharedInputSizeStyles","SingleValueSearchListFieldButton","fixedForwardRef","itemIdKey","renderItem","disabledItemIdKeys","allowCustomValue","searchInputClearLabel","searchInputEndSlot","searchInputStartSlot","allowCustomValueCreateLabel","onChangeHandler","inputRef","useRef","wrapperRef","direction","useLocale","queriedFilteredItemsLength","_a","showSpinner","useSpinDelay","Popover","isOpen","_b","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","_MultipleValuesSearchListFieldInput","addValueLabel","TagGroup","MultipleValuesSearchListFieldInput"],"mappings":"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"}
+{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  Key,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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\";\nimport { match } from \"ts-pattern\";\n\nimport { useLocale, useSpinDelay } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { listBoxItemStyles, listBoxStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { TagGroup } from \"../../tag\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputSizeStyles,\n  sharedInputStyles,\n} from \"..\";\n\ntype SearchItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\ntype SearchListFieldBaseProps<T extends object> = {\n  addValueLabel?: string;\n  allowCustomValue?: boolean;\n  allowCustomValueCreateLabel?: (query: string) => string | string;\n  \"aria-label\"?: string;\n  clearLabel?: string;\n  description?: string;\n  name?: string;\n  disabledItemIdKeys?: Key[];\n  endSlot?: JSX.Element;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hint?: string;\n  initiallyOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  itemIdKey: keyof T;\n  itemLabelKey: keyof T;\n  items: T[];\n  isLoading?: boolean;\n  label?: string;\n  onQueryChange?: (query?: string) => void;\n  placeholder?: string;\n  renderItem?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n  searchInputClearLabel?: string;\n  searchInputEndSlot?: JSX.Element;\n  searchInputStartSlot?: JSX.Element;\n  size?: VariantProps<typeof sharedInputFieldStyles>[\"size\"];\n  startSlot?: JSX.Element;\n  validationState?: \"valid\" | \"invalid\";\n} & (\n  | {\n      defaultValue?: T;\n      onChange?: (value?: T) => void;\n      selectionMode: \"single\";\n      value?: T;\n    }\n  | {\n      defaultValue?: T[];\n      name?: string;\n      onChange?: (value?: T[]) => void;\n      selectionMode: \"multiple\";\n      value?: T[];\n    }\n);\n\n// type SearchListFieldSingleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\n// type SearchListFieldMultipleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\nexport type SearchListFieldProps<T extends object> = SearchListFieldBaseProps<T>;\n// | SearchListFieldSingleProps<T>\n// | SearchListFieldMultipleProps<T>;\n\ntype SearchListFieldContextProps<T extends object> = SearchListFieldProps<T> & {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: (isOpen: boolean) => void;\n  internalValue?: T | T[];\n  setInternalValue: (value?: T | T[]) => void;\n};\n\nconst SearchListFieldContext = createContext({} as SearchListFieldContextProps<any>);\n\nconst Provider = <T extends object>(props: SearchListFieldProps<T> & { children: ReactNode }) => {\n  const [internalValue, setInternalValue] = useState<T | T[] | undefined>(\n    props.value ?? props.defaultValue,\n  );\n  const [popoverIsOpen, setPopoverIsOpen] = useState(props.initiallyOpen ?? false);\n\n  return (\n    <SearchListFieldContext.Provider\n      value={{\n        ...props,\n        popoverIsOpen,\n        setPopoverIsOpen,\n        internalValue,\n        setInternalValue,\n      }}\n    >\n      {props.children}\n    </SearchListFieldContext.Provider>\n  );\n};\n\nconst useSearchListFieldContext = <T extends object>() => {\n  const context = useContext(SearchListFieldContext) as SearchListFieldContextProps<T>;\n  return context;\n};\n\nconst useFilterItemsOnQuery = <T extends object>() => {\n  const { itemLabelKey, onQueryChange, items /* listToFilterOn */ } =\n    useSearchListFieldContext<T>();\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, 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 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\nexport const SearchListField = <T extends object>(props: SearchListFieldProps<T>) => {\n  const { selectionMode = \"single\" } = props;\n\n  const searchListProps = match({ ...props, selectionMode })\n    .returnType<SearchListFieldProps<T>>()\n    .with({ selectionMode: \"single\" }, (res) => ({\n      ...res,\n      value: res.value as T | undefined,\n      defaultValue: res.defaultValue as T | undefined,\n      onChange: res.onChange as (value?: T) => void | undefined,\n    }))\n    .with({ selectionMode: \"multiple\" }, (res) => ({\n      ...res,\n      value: res.value as T[] | undefined,\n      defaultValue: res.defaultValue as T[] | undefined,\n      onChange: res.onChange as (value?: T[]) => void | undefined,\n    }));\n\n  const searchListPropsResult = searchListProps.run();\n\n  return (\n    <Provider {...searchListPropsResult}>\n      <SearchListFieldInner<T> />\n    </Provider>\n  );\n};\n\ntype SearchItemProps<T extends object> = {\n  item: T;\n  state: SearchItemRenderPropArg;\n  render?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n};\nconst SearchItem = <T extends object>({ item, state, render }: SearchItemProps<T>) => {\n  const { itemLabelKey } = useSearchListFieldContext<T>();\n  const label = item?.[itemLabelKey] as string;\n  if (render) {\n    return render(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 SearchListFieldInner = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const { internalValue, value, defaultValue, name, selectionMode, onChange } = context;\n\n  return (\n    <>\n      <Combobox\n        name={name}\n        value={(onChange ? value : internalValue) ?? \"\"}\n        defaultValue={defaultValue}\n        multiple={(selectionMode === \"multiple\") as any}\n      />\n      {selectionMode === \"single\" ? <SingleValueSearchListField<T> /> : null}\n      {selectionMode === \"multiple\" ? <MultipleValuesSearchListField<T> /> : null}\n    </>\n  );\n};\n\ntype SearchInputProps = {\n  query?: string;\n  setQuery: (value: string) => void;\n  isLoading?: boolean;\n  onQueryChange?: (query?: string) => void;\n  startSlot?: JSX.Element;\n  endSlot?: JSX.Element;\n  clearLabel?: string;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\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: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"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 as any);\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          <Button\n            variant=\"ghost\"\n            className=\"mx-2\"\n            size=\"small\"\n            tooltip={clearLabel}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        ) : null}\n        {endSlot}\n        {isLoading ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\ntype SearchListFieldHeaderProps = {\n  label?: string;\n  hint?: string;\n  isRequired?: boolean;\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: 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        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\ntype SearchListFieldFooterProps = {\n  description?: string;\n  errorMessage?: string;\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 _SingleValueSearchListFieldButton = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    clearLabel,\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    placeholder,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    onChange,\n    setInternalValue,\n  } = context;\n\n  const value = onChange\n    ? (context.value as T | undefined)\n    : (context.internalValue as T | undefined);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \" \" || e.key === \"Enter\") {\n      setPopoverIsOpen(true);\n    } else if (e.key === \"Backspace\" || e.key === \"Escape\") {\n      onChange?.(undefined);\n      setInternalValue(undefined);\n    }\n  };\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isFocused,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-1 px-0 py-0\",\n          }),\n        )}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        ref={ref}\n      >\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"flex h-full w-full flex-grow items-center gap-3 text-start outline-none\",\n            }),\n          )}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onKeyDown={handleKeyDown}\n        >\n          {startSlot}\n          <div className=\"grow\">\n            {value ? (\n              (value?.[itemLabelKey] as unknown as string)\n            ) : (\n              <Text color=\"secondary\">{placeholder}</Text>\n            )}\n          </div>\n          {endSlot}\n        </AriaButton>\n        {value && (\n          <Button\n            variant=\"ghost\"\n            isDisabled={isDisabled}\n            size={size}\n            tooltip={clearLabel ?? \"Clear\"}\n            onPress={() => {\n              setInternalValue(undefined);\n              onChange?.(undefined);\n            }}\n            excludeFromTabOrder\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        )}\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"h-full flex-grow outline-none\",\n            }),\n          )}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onKeyDown={handleKeyDown}\n          excludeFromTabOrder\n        >\n          <SvgIcon name=\"chevron-down\" className=\"h-4 w-4\" />\n        </AriaButton>\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\n\nconst SingleValueSearchListFieldButton = fixedForwardRef(_SingleValueSearchListFieldButton);\n\nconst SingleValueSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n  // In this case we are sure that onChange will receive a single value because selectionMode is single.\n  // We cast the onChange prop to a function that receives a single value.\n  const onChangeHandler = onChange as (value?: T) => void | undefined;\n  const internalValue = context?.internalValue as T | undefined;\n  const value = context?.value as T | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  return (\n    <>\n      <SingleValueSearchListFieldButton<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          nullable\n          onChange={(value?: T) => {\n            if (value) {\n              onChangeHandler?.(value);\n              setInternalValue(value);\n              setPopoverIsOpen(false);\n            }\n          }}\n          value={(onChange ? value : internalValue) ?? \"\"}\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length && !showSpinner) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0 && !showSpinner) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n          {showSpinner ? (\n            <div className=\"flex h-40 w-full items-center justify-center\">\n              <Spinner size=\"medium\" />\n            </div>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n\nconst _MultipleValuesSearchListFieldInput = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    itemIdKey,\n    setInternalValue,\n  } = context;\n  const addValueLabel = context.addValueLabel ?? \"Add value\";\n\n  const value = context.internalValue as T[] | undefined;\n  const onChange = context.onChange as (value?: T[]) => void | undefined;\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-2 px-2 py-1.5\",\n          }),\n        )}\n        ref={ref}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {startSlot}\n        {value && value.length ? (\n          <TagGroup<T>\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            label={label ?? context[\"aria-label\"]}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={(value) => {\n              setInternalValue(value);\n              onChange?.(value);\n            }}\n          />\n        ) : null}\n        {endSlot}\n        {value?.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"p-1.5\"\n            size=\"small\"\n            tooltip={addValueLabel}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            <SvgIcon name=\"plus\" />\n          </Button>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"small\"\n            className=\"text-sm\"\n            endIcon={<SvgIcon name=\"plus\" />}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            {addValueLabel}\n          </Button>\n        )}\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\nconst MultipleValuesSearchListFieldInput = fixedForwardRef(_MultipleValuesSearchListFieldInput);\n\nconst MultipleValuesSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n\n  const onChangeHandler = onChange as (value?: T[]) => void | undefined;\n  const internalValue = context.internalValue as T[] | undefined;\n  const value = context.value as T[] | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  return (\n    <>\n      <MultipleValuesSearchListFieldInput<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          value={(onChange ? value : internalValue) ?? []}\n          onChange={(value) => {\n            onChangeHandler?.(value);\n            setInternalValue(value);\n          }}\n          multiple\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            isLoading={isLoading}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0) ? (\n            <Combobox.Options static className={listBoxStyles()}>\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 Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SearchListFieldContext","createContext","Provider","props","internalValue","setInternalValue","useState","popoverIsOpen","setPopoverIsOpen","jsx","useSearchListFieldContext","useContext","useFilterItemsOnQuery","itemLabelKey","onQueryChange","items","query","setQuery","contains","useFilter","filteredItems","useMemo","item","useEffect","SearchListField","selectionMode","searchListPropsResult","match","res","SearchListFieldInner","SearchItem","state","render","label","jsxs","SvgIcon","context","value","defaultValue","name","onChange","Fragment","Combobox","SingleValueSearchListField","MultipleValuesSearchListField","SearchInput","isLoading","startSlot","endSlot","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","sharedInputFieldWrapperStyles","twMerge","sharedInputFieldStyles","sharedInputStyles","e","Button","Spinner","SearchListFieldHeader","hint","isRequired","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","Text","_SingleValueSearchListFieldButton","_props","ref","validationState","placeholder","isDisabled","fullWidth","size","isFocused","setIsFocused","isHovered","setIsHovered","handleKeyDown","AriaButton","sharedInputSizeStyles","SingleValueSearchListFieldButton","fixedForwardRef","itemIdKey","renderItem","disabledItemIdKeys","allowCustomValue","searchInputClearLabel","searchInputEndSlot","searchInputStartSlot","allowCustomValueCreateLabel","onChangeHandler","inputRef","useRef","wrapperRef","direction","useLocale","queriedFilteredItemsLength","_a","showSpinner","useSpinDelay","Popover","isOpen","_b","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","_MultipleValuesSearchListFieldInput","addValueLabel","TagGroup","MultipleValuesSearchListFieldInput"],"mappings":"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"}

package/dist/lyra24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra52.cjs"),h=require("react"),n=require("./lyra51.cjs"),v=require("./lyra61.cjs"),S=require("./lyra62.cjs"),E=require("./lyra41.cjs");require("./lyra70.cjs");const l=require("./lyra19.cjs");require("./lyra72.cjs");const b=require("./lyra53.cjs"),p=({label:a,description:x,errorMessage:d,className:q,fullWidth:I=!1,isDisabled:i=!1,isRequired:u=!1,validationState:m,startSlot:f,endSlot:j,size:N,hint:y,inputRef:R,...e},o)=>{[e,o]=n.useContextProps(e,o,n.TextFieldContext);const[T,F]=h.useState(!1),[g,r]=h.useState(!1);return s.jsxRuntimeExports.jsxs(n.TextField,{className:l.sharedInputFieldWrapperStyles({className:q}),isDisabled:i,isRequired:u,validationState:m,...e,onFocus:c=>{var t;F(!0),(t=e.onFocus)==null||t.call(e,c)},onBlur:c=>{var t;F(!1),(t=e.onBlur)==null||t.call(e,c)},ref:o,children:[s.jsxRuntimeExports.jsxs("div",{className:v.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?s.jsxRuntimeExports.jsxs(n.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,u&&s.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,y?s.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:y}):null]}),s.jsxRuntimeExports.jsxs("div",{className:b.twMerge(l.sharedInputFieldStyles({fullWidth:I,isFocused:T,isHovered:g,isDisabled:i,validationState:m})),onPointerEnter:()=>r(!0),onPointerLeave:()=>r(!1),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[f,s.jsxRuntimeExports.jsx(n.Input,{className:l.sharedInputStyles({size:N,className:v.cx(!!f&&"ps-2",!!j&&"pe-2")}),ref:R,required:u,disabled:i,style:{fontFamily:"var(--input-font-family)"}}),j]}),x&&s.jsxRuntimeExports.jsx(E.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:x}),d&&s.jsxRuntimeExports.jsx(E.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:d})]})},M=S.fixedForwardRef(p);exports.TextField=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra53.cjs"),h=require("react"),n=require("./lyra52.cjs"),v=require("./lyra62.cjs"),S=require("./lyra63.cjs"),E=require("./lyra42.cjs");require("./lyra68.cjs");const l=require("./lyra19.cjs");require("./lyra76.cjs");const b=require("./lyra54.cjs"),p=({label:a,description:x,errorMessage:d,className:q,fullWidth:I=!1,isDisabled:i=!1,isRequired:u=!1,validationState:m,startSlot:f,endSlot:j,size:N,hint:y,inputRef:R,...e},o)=>{[e,o]=n.useContextProps(e,o,n.TextFieldContext);const[T,F]=h.useState(!1),[g,r]=h.useState(!1);return s.jsxRuntimeExports.jsxs(n.TextField,{className:l.sharedInputFieldWrapperStyles({className:q}),isDisabled:i,isRequired:u,validationState:m,...e,onFocus:c=>{var t;F(!0),(t=e.onFocus)==null||t.call(e,c)},onBlur:c=>{var t;F(!1),(t=e.onBlur)==null||t.call(e,c)},ref:o,children:[s.jsxRuntimeExports.jsxs("div",{className:v.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?s.jsxRuntimeExports.jsxs(n.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,u&&s.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,y?s.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:y}):null]}),s.jsxRuntimeExports.jsxs("div",{className:b.twMerge(l.sharedInputFieldStyles({fullWidth:I,isFocused:T,isHovered:g,isDisabled:i,validationState:m})),onPointerEnter:()=>r(!0),onPointerLeave:()=>r(!1),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[f,s.jsxRuntimeExports.jsx(n.Input,{className:l.sharedInputStyles({size:N,className:v.cx(!!f&&"ps-2",!!j&&"pe-2")}),ref:R,required:u,disabled:i,style:{fontFamily:"var(--input-font-family)"}}),j]}),x&&s.jsxRuntimeExports.jsx(E.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:x}),d&&s.jsxRuntimeExports.jsx(E.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:d})]})},M=S.fixedForwardRef(p);exports.TextField=M;

package/dist/lyra24.js

@@ -1,13 +1,13 @@
-import { j as s } from "./lyra52.js";
+import { j as s } from "./lyra53.js";
 import { useState as F } from "react";
-import { useContextProps as T, TextField as g, Label as H, Input as w, TextFieldContext as E } from "./lyra51.js";
-import { cx as $ } from "./lyra61.js";
-import { fixedForwardRef as L } from "./lyra62.js";
-import { Text as b } from "./lyra41.js";
-import "./lyra70.js";
+import { useContextProps as T, TextField as g, Label as H, Input as w, TextFieldContext as E } from "./lyra52.js";
+import { cx as $ } from "./lyra62.js";
+import { fixedForwardRef as L } from "./lyra63.js";
+import { Text as b } from "./lyra42.js";
+import "./lyra68.js";
 import { sharedInputFieldWrapperStyles as M, sharedInputlabelStyles as P, sharedInputHintStyles as S, sharedInputFieldStyles as B, sharedInputStyles as C } from "./lyra19.js";
-import "./lyra72.js";
-import { twMerge as W } from "./lyra53.js";
+import "./lyra76.js";
+import { twMerge as W } from "./lyra54.js";
 const _ = ({
   label: l,
   description: f,

package/dist/lyra25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra52.cjs"),F=require("react"),r=require("./lyra51.cjs"),h=require("./lyra61.cjs"),I=require("./lyra62.cjs"),p=require("./lyra41.cjs");require("./lyra70.cjs");const i=require("./lyra19.cjs");require("./lyra72.cjs");require("./lyra153.cjs");const b=require("./lyra53.cjs"),S=({label:a,description:u,errorMessage:o,className:E,fullWidth:d=!1,isDisabled:c=!1,isRequired:m=!1,validationState:x,startSlot:f,endSlot:j,size:v,hint:y,...s},q)=>{const[N,g]=F.useState(!1),[R,l]=F.useState(!1);return e.jsxRuntimeExports.jsxs(r.TimeField,{className:i.sharedInputFieldWrapperStyles({className:E,fullWidth:d}),isDisabled:c,isRequired:m,validationState:x,onFocus:t=>{var n;g(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;g(!1),(n=s.onBlur)==null||n.call(s,t)},...s,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:h.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsxs(r.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,m&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,y?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:y}):null]}),e.jsxRuntimeExports.jsxs("div",{className:b.twMerge(i.sharedInputFieldStyles({fullWidth:d,isFocused:N,isHovered:R,isDisabled:c,validationState:x})),onPointerEnter:()=>l(!0),onPointerLeave:()=>l(!1),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[f,e.jsxRuntimeExports.jsx(r.DateInput,{className:i.sharedInputStyles({size:v,className:h.cx(!!f&&"ps-2",!!j&&"pe-2","flex")}),style:{fontFamily:"var(--input-font-family)"},children:t=>e.jsxRuntimeExports.jsx(r.DateSegment,{className:"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",segment:t})}),j]}),u&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:u}),o&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})},T=I.fixedForwardRef(S);exports.TimeField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),h=require("react"),o=require("./lyra52.cjs"),F=require("./lyra62.cjs"),g=require("./lyra63.cjs"),v=require("./lyra42.cjs");require("./lyra68.cjs");const r=require("./lyra19.cjs");require("./lyra76.cjs");const S=require("./lyra54.cjs"),b=({label:l,description:u,errorMessage:x,className:E,fullWidth:N=!1,isDisabled:a=!1,isRequired:i=!1,validationState:d,startSlot:m,endSlot:j,size:p,hint:f,rows:R=3,...s},q)=>{const[I,y]=h.useState(!1),[T,n]=h.useState(!1);return e.jsxRuntimeExports.jsxs(o.TextField,{className:r.sharedInputFieldWrapperStyles({className:E}),isDisabled:a,isRequired:i,validationState:d,...s,onFocus:c=>{var t;y(!0),(t=s.onFocus)==null||t.call(s,c)},onBlur:c=>{var t;y(!1),(t=s.onBlur)==null||t.call(s,c)},ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:F.cx("flex items-center gap-3",l?"justify-between":"justify-end"),children:[l?e.jsxRuntimeExports.jsxs(o.Label,{className:r.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[l,i&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,f?e.jsxRuntimeExports.jsx("span",{className:r.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:f}):null]}),e.jsxRuntimeExports.jsxs("div",{className:S.twMerge(r.sharedInputFieldStyles({fullWidth:N,isFocused:I,isHovered:T,isDisabled:a,validationState:d,className:"items-start"})),onPointerEnter:()=>n(!0),onPointerLeave:()=>n(!1),onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),children:[e.jsxRuntimeExports.jsx("div",{className:"pt-4",children:m}),e.jsxRuntimeExports.jsx(o.TextArea,{className:r.sharedInputStyles({size:p,className:F.cx(!!m&&"ps-2",!!j&&"pe-2")}),rows:R,required:i,disabled:a,style:{fontFamily:"var(--input-font-family)"}}),e.jsxRuntimeExports.jsx("div",{className:"pt-4",children:j})]}),u&&e.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:u}),x&&e.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x})]})},M=g.fixedForwardRef(b);exports.TextAreaField=M;