acinguiux-ds-react-framework 0.1.25 → 0.1.27

package/build/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      popoverWidth = 'match-parent',\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      optionSelectionType,\n      optionShowInputControls,\n      optionMutliline = false,\n      onKeyDown,\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    useEffect(() => {\n      if (mode === 'single') {\n        setSelectedNodeValues(value ? [value] : []);\n      } else if (Array.isArray(value)) {\n        setSelectedNodeValues(value);\n      }\n    }, [value, mode]);\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onKeyDownHandle(event, {\n          isOpen,\n          setIsOpen,\n          input: inputRef.current,\n          allowClear: Boolean(allowClear),\n          availableOptionKeys,\n          searchValue,\n          selectedNodeValues,\n          selectNodeValue,\n          flatOptions,\n          currentNodeKey,\n          setCurrentNodeKey,\n        });\n        onKeyDown?.(event);\n      },\n      [\n        onKeyDown,\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: popoverWidth === 'fit-content' ? 'auto' : (inputWrapperRect?.width ?? 'auto'),\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option, i) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <ListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                      divider={i !== 0}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <ListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      multiline={optionMutliline}\n                      label={option.label}\n                      optionItem={true}\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\n                      showInputControls={optionShowInputControls}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <ListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n              divider={false}\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","popoverWidth","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\r\n  type ChangeEventHandler,\r\n  type FocusEvent,\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useId,\r\n  useImperativeHandle,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n  type ReactElement,\r\n} from 'react';\r\n\r\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport classNames from 'classnames';\r\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport type { ISelectProps, ValueType } from './Select.types';\r\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\r\nimport { ChevronDown } from '../Icon/components';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\r\nimport ListItem from '../ListItem/ListItem';\r\nimport { useOptions } from './hooks/useOptions';\r\nimport { useElementRect } from './hooks/useElementRect';\r\nimport { strIncludes } from './utils/strUtils';\r\nimport { updateSelectedValues } from './utils/selection';\r\nimport { asArray } from './utils/props';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport { SelectLoading } from './components/SelectLoading';\r\nimport { onKeyDownHandle } from './utils/keydown';\r\nimport ListItemHeader from '../ListItem/ListItemHeader';\r\n\r\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\r\n  (\r\n    {\r\n      id: idProp,\r\n      defaultOpen,\r\n      className,\r\n      size = Sizes.Medium,\r\n      mode = 'single',\r\n      placeholder,\r\n      loading = false,\r\n      invalid = false,\r\n      showSearch = true,\r\n      allowClear,\r\n      placement,\r\n      disabled,\r\n      options: originalOptions,\r\n      popoverWidth = 'match-parent',\r\n      onFocus,\r\n      onBlur,\r\n      onClick,\r\n      children,\r\n      optionFilterProp = 'label',\r\n      optionLabelProp = 'label',\r\n      optionSelectionType,\r\n      optionShowInputControls,\r\n      optionMutliline = false,\r\n      onKeyDown,\r\n      onSearch,\r\n      onSelect,\r\n      onDeselect,\r\n      onClear,\r\n      onChange,\r\n      defaultValue,\r\n      suffix,\r\n      value,\r\n      style,\r\n      // This prop is not used in the new Select implementation, but kept for compatibility.\r\n      // If you need virtualized options, please use the DeprecatedSelect component.\r\n      virtual: _virtual = false,\r\n      ...rest\r\n    }: ISelectProps,\r\n    ref,\r\n  ): ReactElement => {\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\r\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\r\n    const id = useId();\r\n    const [handled, setHandled] = useState(false);\r\n    const inputId = idProp ?? `select-${id}-input`;\r\n    const [searchValue, setSearchValue] = useState<string>('');\r\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\r\n    const options = useOptions(children, `select-${id}`, originalOptions);\r\n    const flatOptions = useMemo(\r\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\r\n      [options],\r\n    );\r\n    const filteredOptions = useMemo(\r\n      () =>\r\n        searchValue && searchValue.trim().length > 0\r\n          ? flatOptions.filter(\r\n              (opt) =>\r\n                opt?.isGroup ||\r\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\r\n            )\r\n          : flatOptions,\r\n      [flatOptions, searchValue, optionFilterProp],\r\n    );\r\n    const availableOptionKeys = useMemo(\r\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\r\n      [filteredOptions],\r\n    );\r\n\r\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\r\n\r\n    // Set the initial current node key to the first available option\r\n    useEffect(() => {\r\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\r\n    }, [flatOptions]);\r\n\r\n    const handleOnChange = useCallback(\r\n      (newNodeValues: ValueType[]) => {\r\n        if (mode === 'single') {\r\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\r\n          return;\r\n        }\r\n\r\n        onChange?.(newNodeValues);\r\n      },\r\n      [mode, onChange],\r\n    );\r\n\r\n    useEffect(() => {\r\n      if (mode === 'single') {\r\n        setSelectedNodeValues(value ? [value] : []);\r\n      } else if (Array.isArray(value)) {\r\n        setSelectedNodeValues(value);\r\n      }\r\n    }, [value, mode]);\r\n\r\n    const selectNodeValue = useCallback(\r\n      (nodeValue: ValueType) => {\r\n        const {\r\n          current: newSelectedValues,\r\n          added,\r\n          removed,\r\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\r\n\r\n        added.forEach((addedValue) => {\r\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\r\n          if (SelectUtils.isOption(addedOption) && onSelect) {\r\n            onSelect(addedOption.value, addedOption);\r\n          }\r\n        });\r\n        removed.forEach((removedValue) => {\r\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\r\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\r\n            onDeselect(removedOption.value, removedOption);\r\n          }\r\n        });\r\n\r\n        setSelectedNodeValues(newSelectedValues);\r\n        handleOnChange(newSelectedValues);\r\n\r\n        setSearchValue('');\r\n        if (mode === 'single') {\r\n          setIsOpen(false);\r\n        }\r\n      },\r\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\r\n    );\r\n\r\n    // define node values based on selected node keys\r\n    // This is used for the input label and for the selected tags in multiple mode.\r\n    const selectedNodeLabels = useMemo(\r\n      () =>\r\n        selectedNodeValues?.map(\r\n          (nodeValue) =>\r\n            (options\r\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\r\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\r\n              optionLabelProp as keyof (typeof options)[number]\r\n            ] ?? nodeValue) as string,\r\n        ),\r\n      [options, selectedNodeValues, optionLabelProp],\r\n    );\r\n\r\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\r\n    // in the viewport.\r\n    useEffect(() => {\r\n      if (currentNodeKey) {\r\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\r\n      }\r\n    }, [currentNodeKey]);\r\n\r\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\r\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\r\n\r\n    useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\r\n      inputRef,\r\n      onFocus,\r\n      onBlur,\r\n      onClick,\r\n    });\r\n\r\n    const onBlurHandler = useCallback(\r\n      (event: FocusEvent<HTMLInputElement>) => {\r\n        if (handled) {\r\n          return;\r\n        }\r\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\r\n        // If the related target is not part of the select options, close the dropdown\r\n        // If the related target is part of the select options, keep the dropdown open\r\n        if (\r\n          !event.relatedTarget ||\r\n          (!event.currentTarget.contains(event.relatedTarget) &&\r\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\r\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\r\n        ) {\r\n          setSearchValue('');\r\n          handleOnBlur(event);\r\n          setIsOpen(false);\r\n        } else {\r\n          handleOnFocus(event);\r\n          inputRef.current?.focus();\r\n        }\r\n      },\r\n      [handleOnBlur, handleOnFocus, id, handled],\r\n    );\r\n\r\n    const onkeydownHandler = useCallback(\r\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n        onKeyDownHandle(event, {\r\n          isOpen,\r\n          setIsOpen,\r\n          input: inputRef.current,\r\n          allowClear: Boolean(allowClear),\r\n          availableOptionKeys,\r\n          searchValue,\r\n          selectedNodeValues,\r\n          selectNodeValue,\r\n          flatOptions,\r\n          currentNodeKey,\r\n          setCurrentNodeKey,\r\n        });\r\n        onKeyDown?.(event);\r\n      },\r\n      [\r\n        onKeyDown,\r\n        isOpen,\r\n        allowClear,\r\n        availableOptionKeys,\r\n        searchValue,\r\n        selectedNodeValues,\r\n        selectNodeValue,\r\n        flatOptions,\r\n        currentNodeKey,\r\n      ],\r\n    );\r\n\r\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\r\n      (event) => {\r\n        const newValue = event.target.value;\r\n\r\n        setSearchValue(newValue);\r\n        onSearch?.(newValue);\r\n      },\r\n      [onSearch],\r\n    );\r\n\r\n    return (\r\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n        <label\r\n          htmlFor={inputId}\r\n          id={`select-${id}-label`}\r\n          tabIndex={-1}\r\n          style={{\r\n            position: 'absolute',\r\n            width: '1px',\r\n            height: '1px',\r\n            padding: '0px',\r\n            margin: '-1px',\r\n            overflow: 'hidden',\r\n            clip: 'rect(0px, 0px, 0px, 0px)',\r\n            whiteSpace: 'nowrap',\r\n            borderWidth: '0px',\r\n          }}\r\n        >\r\n          {selectedNodeValues.join(', ')}\r\n        </label>\r\n        <PopoverTrigger asChild={true}>\r\n          <SelectInput\r\n            inputRef={inputRef}\r\n            data-focused={focusKind}\r\n            $mode={mode}\r\n            className={classNames(SELECT_CLASS, className)}\r\n            style={style}\r\n            size={size}\r\n            allowReadOnlyClear={true}\r\n            readOnly={!showSearch}\r\n            onFocus={handleOnFocus}\r\n            onBlur={onBlurHandler}\r\n            wrapperProps={{\r\n              onMouseDownCapture: (e) => {\r\n                setHandled(true);\r\n                handleOnMouseDownCapture(e);\r\n              },\r\n              onClick: (e) => {\r\n                if (!e.isDefaultPrevented()) {\r\n                  inputRef.current?.click();\r\n                }\r\n                setHandled(false);\r\n                handleOnClick(e);\r\n              },\r\n            }}\r\n            onClick={(e) => {\r\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\r\n                setIsOpen(true);\r\n                e.preventDefault();\r\n              }\r\n              setHandled(false);\r\n              e.stopPropagation();\r\n            }}\r\n            invalid={invalid}\r\n            loading={loading}\r\n            disabled={disabled}\r\n            onKeyDown={onkeydownHandler}\r\n            value={searchValue}\r\n            onChange={handleSearchChange}\r\n            name=\"select-input\"\r\n            type=\"text\"\r\n            customPrefix={\r\n              mode === 'multiple' &&\r\n              selectedNodeValues.map((sNodeValue, index) => (\r\n                <SelectTag\r\n                  sentiment=\"information\"\r\n                  $disabled={disabled}\r\n                  $invalid={invalid}\r\n                  size={size}\r\n                  closeButton={!disabled && allowClear}\r\n                  onCloseClick={() => {\r\n                    selectNodeValue(sNodeValue);\r\n                  }}\r\n                  key={`select-${id}-value-${sNodeValue}`}\r\n                >\r\n                  {selectedNodeLabels[index]}\r\n                </SelectTag>\r\n              ))\r\n            }\r\n            customSuffix={\r\n              selectedNodeValues.length > 0 &&\r\n              mode === 'single' &&\r\n              (!searchValue || searchValue.trim().length === 0) && (\r\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\r\n                  {selectedNodeLabels[0]}\r\n                </SelectedSingleOptionLabel>\r\n              )\r\n            }\r\n            suffix={{\r\n              transparent: true,\r\n              node: suffix ? (\r\n                <Flexbox gap=\"2px\">\r\n                  {suffix}\r\n                  <ChevronDown />\r\n                </Flexbox>\r\n              ) : (\r\n                <ChevronDown />\r\n              ),\r\n              onClick: (e) => {\r\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\r\n                if (showSearch && !disabled) {\r\n                  setIsOpen((prev) => !prev);\r\n                  clickEvent.preventDefault();\r\n                  e.preventDefault();\r\n                }\r\n                inputRef.current?.dispatchEvent(clickEvent);\r\n              },\r\n            }}\r\n            placeholder={\r\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\r\n                ? placeholder\r\n                : ''\r\n            }\r\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\r\n            onClear={() => {\r\n              selectNodeValue(null);\r\n              onClear?.();\r\n            }}\r\n            autoComplete=\"off\"\r\n            autoCorrect=\"off\"\r\n            multiple={mode !== 'single'}\r\n            spellCheck=\"false\"\r\n            aria-autocomplete=\"list\"\r\n            role=\"combobox\"\r\n            aria-haspopup=\"listbox\"\r\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\r\n            aria-labelledby={`select-${id}-label`}\r\n            id={inputId}\r\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\r\n            {...rest}\r\n          />\r\n        </PopoverTrigger>\r\n        <SelectPopoverContent\r\n          role=\"listbox\"\r\n          align=\"start\"\r\n          side=\"bottom\"\r\n          ref={optionsContainerRef}\r\n          style={{\r\n            width: popoverWidth === 'fit-content' ? 'auto' : (inputWrapperRect?.width ?? 'auto'),\r\n          }}\r\n          size={size === Sizes.XSmall ? Sizes.Small : size}\r\n          sideOffset={4}\r\n          alignOffset={0}\r\n          tabIndex={-1}\r\n          onOpenAutoFocus={(e) => {\r\n            // prevent default focus behavior\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n          }}\r\n          aria-label=\"Suggestions\"\r\n          id={`select-${id}-controls`}\r\n          padding={false}\r\n        >\r\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\r\n            {!loading &&\r\n              filteredOptions.map((option, i) => {\r\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\r\n                  return (\r\n                    <ListItemHeader\r\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\r\n                      key={option.key}\r\n                      id={option.key}\r\n                      role=\"group\"\r\n                      label={option.label}\r\n                      divider={i !== 0}\r\n                    />\r\n                  );\r\n                } else if (!option.isGroup) {\r\n                  return (\r\n                    <ListItem\r\n                      id={option.key}\r\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\r\n                      key={option.key}\r\n                      role=\"option\"\r\n                      tabIndex={-1}\r\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\r\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\r\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\r\n                      selected={selectedNodeValues.includes(option.value ?? null)}\r\n                      aria-selected={currentNodeKey === option.key}\r\n                      disabled={option.disabled}\r\n                      multiline={optionMutliline}\r\n                      label={option.label}\r\n                      optionItem={true}\r\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\r\n                      showInputControls={optionShowInputControls}\r\n                    />\r\n                  );\r\n                }\r\n                return null;\r\n              })}\r\n          </div>\r\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\r\n            <ListItemHeader\r\n              style={{ textAlign: 'center' }}\r\n              size={size === Sizes.XSmall ? Sizes.Small : size}\r\n              id={`select-${id}-options-not-found`}\r\n              role=\"alert\"\r\n              aria-live=\"polite\"\r\n              aria-atomic={true}\r\n              aria-label=\"No options found\"\r\n              label=\"No options found\"\r\n              divider={false}\r\n            />\r\n          )}\r\n          {loading && <SelectLoading id={id} size={size} />}\r\n        </SelectPopoverContent>\r\n      </Popover>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Select;\r\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","popoverWidth","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}

package/build/cjs/components/Select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { css, styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\n\nimport { PopoverContent } from '../Popover/Popover';\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\nimport { LoadingContainer } from '../Loading/Loading.styles';\nimport { ClearButton } from '../TextInput/TextInput.styles';\nimport TextInput from '../TextInput/TextInput';\nimport Tag from '../Tag/Tag';\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\nimport { ISelectProps } from './Select.types';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\nimport Label from '../Text/components/Label/Label';\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\n\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\n  ${({ theme, $invalid, $disabled, size }) => css`\n    &,\n    & ${TagButton} {\n      background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n        $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n      ]};\n    }\n\n    ${$disabled &&\n    css`\n      & ${TagLabelContainer} > ${LabelStyles} {\n        color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n          Variables.TextOnFoundationStrong\n        ]};\n      }\n    `};\n\n    ${!$disabled &&\n    css`\n      &:has(${TagButton}:hover) {\n        &,\n        & ${TagButton} {\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n          ]};\n        }\n      }\n      &:has(${TagButton}:active) {\n        &,\n        & ${TagButton} {\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n          ]};\n        }\n      }\n    `};\n\n    padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\n    gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\n\n    & ${TagLabelContainer} {\n      padding-inline: 0;\n      gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\n    }\n  `};\n`;\n\nexport const SelectedSingleOptionLabel = styled(Label)`\n  position: absolute;\n`;\n\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\n  ({ $mode, size, readOnly }) => css`\n    align-items: flex-start;\n    max-width: 100%;\n    overflow: hidden;\n\n    ${readOnly &&\n    css`\n      &,\n      & input {\n        cursor: default;\n      }\n    `};\n\n    &:has([data-affix='suffix']) {\n      --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    &:has(${LoadingContainer}) {\n      --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    &:has(${ClearButton}) {\n      --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\n    }\n\n    ${Flexbox}:has(input) {\n      position: relative;\n    }\n\n    ${SelectedSingleOptionLabel} {\n      --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\n      left: var(--single-option-label-padding);\n      white-space: nowrap;\n      min-width: 0;\n      width: 100%;\n      max-width: calc(100% - var(--single-option-label-padding));\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n    }\n\n    ${$mode === 'multiple' &&\n    css`\n      ${Flexbox}:has(input) {\n        gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\n        &:has(${SelectTag}) {\n          padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\n\n          input {\n            padding: 0;\n          }\n        }\n      }\n\n      input {\n        width: auto;\n      }\n    `}\n\n    ${LabelStyles} {\n      text-overflow: ellipsis;\n    }\n\n    ${SelectTag} {\n      height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\n      border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\n      overflow: hidden;\n      position: relative;\n      max-width: 100%;\n      ${TagLabelContainer} {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        min-width: 0;\n        max-width: 100%;\n        display: block;\n      }\n    }\n  `,\n);\n\nconst listItemSize = {\n  small: 32,\n  medium: 40,\n  large: 48,\n};\n\nexport const SelectPopoverContent = styled(PopoverContent)`\n  max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\n  overflow-y: auto;\n\n  & > :first-child:has(*) {\n    margin-inline: 4px;\n  }\n\n  & > :has(*) {\n    min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\n    margin: 4px 0;\n    gap: 4px;\n    display: flex;\n    align-items: stretch;\n    justify-content: start;\n    flex-direction: column;\n  }\n`;\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"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"}
+{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\r\n\r\nimport { css, styled } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport { PopoverContent } from '../Popover/Popover';\r\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\r\nimport { LoadingContainer } from '../Loading/Loading.styles';\r\nimport { ClearButton } from '../TextInput/TextInput.styles';\r\nimport TextInput from '../TextInput/TextInput';\r\nimport Tag from '../Tag/Tag';\r\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\r\nimport { ISelectProps } from './Select.types';\r\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\r\nimport Label from '../Text/components/Label/Label';\r\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\r\n\r\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\r\n  ${({ theme, $invalid, $disabled, size }) => css`\r\n    &,\r\n    & ${TagButton} {\r\n      background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\r\n        $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\r\n      ]};\r\n    }\r\n\r\n    ${$disabled &&\r\n    css`\r\n      & ${TagLabelContainer} > ${LabelStyles} {\r\n        color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\r\n          Variables.TextOnFoundationStrong\r\n        ]};\r\n      }\r\n    `};\r\n\r\n    ${!$disabled &&\r\n    css`\r\n      &:has(${TagButton}:hover) {\r\n        &,\r\n        & ${TagButton} {\r\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\r\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\r\n          ]};\r\n        }\r\n      }\r\n      &:has(${TagButton}:active) {\r\n        &,\r\n        & ${TagButton} {\r\n          background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\r\n            $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\r\n          ]};\r\n        }\r\n      }\r\n    `};\r\n\r\n    padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\r\n    gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\r\n\r\n    & ${TagLabelContainer} {\r\n      padding-inline: 0;\r\n      gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\r\n    }\r\n  `};\r\n`;\r\n\r\nexport const SelectedSingleOptionLabel = styled(Label)`\r\n  position: absolute;\r\n`;\r\n\r\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\r\n  ({ $mode, size, readOnly }) => css`\r\n    align-items: flex-start;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n\r\n    ${readOnly &&\r\n    css`\r\n      &,\r\n      & input {\r\n        cursor: default;\r\n      }\r\n    `};\r\n\r\n    &:has([data-affix='suffix']) {\r\n      --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\r\n      InputConsts.consts[size ?? 'medium'].padding.inline +\r\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\r\n    }\r\n\r\n    &:has(${LoadingContainer}) {\r\n      --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\r\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\r\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\r\n    }\r\n\r\n    &:has(${ClearButton}) {\r\n      --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\r\n      InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\r\n      InputConsts.consts[size ?? 'medium'].containerGap}px;\r\n    }\r\n\r\n    ${Flexbox}:has(input) {\r\n      position: relative;\r\n    }\r\n\r\n    ${SelectedSingleOptionLabel} {\r\n      --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\r\n      left: var(--single-option-label-padding);\r\n      white-space: nowrap;\r\n      min-width: 0;\r\n      width: 100%;\r\n      max-width: calc(100% - var(--single-option-label-padding));\r\n      overflow: hidden;\r\n      display: block;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    ${$mode === 'multiple' &&\r\n    css`\r\n      ${Flexbox}:has(input) {\r\n        gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\r\n        &:has(${SelectTag}) {\r\n          padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\r\n\r\n          input {\r\n            padding: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      input {\r\n        width: auto;\r\n      }\r\n    `}\r\n\r\n    ${LabelStyles} {\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    ${SelectTag} {\r\n      height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\r\n      border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\r\n      overflow: hidden;\r\n      position: relative;\r\n      max-width: 100%;\r\n      ${TagLabelContainer} {\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        min-width: 0;\r\n        max-width: 100%;\r\n        display: block;\r\n      }\r\n    }\r\n  `,\r\n);\r\n\r\nconst listItemSize = {\r\n  small: 32,\r\n  medium: 40,\r\n  large: 48,\r\n};\r\n\r\nexport const SelectPopoverContent = styled(PopoverContent)`\r\n  max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\r\n  overflow-y: auto;\r\n\r\n  & > :first-child:has(*) {\r\n    margin-inline: 4px;\r\n  }\r\n\r\n  & > :has(*) {\r\n    min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\r\n    margin: 4px 0;\r\n    gap: 4px;\r\n    display: flex;\r\n    align-items: stretch;\r\n    justify-content: start;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"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"}

package/build/cjs/components/Select/components/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../../../src/components/Select/components/Option/Option.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nexport type IOptionProps = SelectTypes.IOptionProps;\n\nconst Option = (_: IOptionProps) => {\n  return null;\n};\n\nOption.displayName = 'Option';\n\nexport default Option;\n"],"names":["Option","_"],"mappings":"aAIA,MAAMA,EAAUC,GACP,KAGTD,EAAO,YAAc"}
+{"version":3,"file":"Option.js","sources":["../../../../../../src/components/Select/components/Option/Option.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nexport type IOptionProps = SelectTypes.IOptionProps;\r\n\r\nconst Option = (_: IOptionProps) => {\r\n  return null;\r\n};\r\n\r\nOption.displayName = 'Option';\r\n\r\nexport default Option;\r\n"],"names":["Option","_"],"mappings":"aAIA,MAAMA,EAAUC,GACP,KAGTD,EAAO,YAAc"}

package/build/cjs/components/Select/components/OptionGroup/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/Select/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nexport type IOptionGroupProps = SelectTypes.IOptionGroupProps;\n\nconst OptionGroup = (_: IOptionGroupProps) => {\n  return null;\n};\n\nOptionGroup.displayName = 'OptionGroup';\n\nexport default OptionGroup;\n"],"names":["OptionGroup","_"],"mappings":"aAIA,MAAMA,EAAeC,GACZ,KAGTD,EAAY,YAAc"}
+{"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/Select/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nexport type IOptionGroupProps = SelectTypes.IOptionGroupProps;\r\n\r\nconst OptionGroup = (_: IOptionGroupProps) => {\r\n  return null;\r\n};\r\n\r\nOptionGroup.displayName = 'OptionGroup';\r\n\r\nexport default OptionGroup;\r\n"],"names":["OptionGroup","_"],"mappings":"aAIA,MAAMA,EAAeC,GACZ,KAGTD,EAAY,YAAc"}

package/build/cjs/components/Select/components/SelectLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport ListItemHeader from '../../ListItem/ListItemHeader';\n\nexport type SelectLoadingProps = {\n  size?: SelectTypes.Size;\n  id?: string;\n};\n\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\n  <ListItemHeader\n    style={{ textAlign: 'center' }}\n    size={size === Sizes.XSmall ? Sizes.Small : size}\n    id={`select-${id}-options-loading`}\n    role=\"alert\"\n    aria-live=\"polite\"\n    aria-atomic={true}\n    aria-label=\"Loading...\"\n    label=\"Loading...\"\n    divider={false}\n  />\n);\n"],"names":["SelectLoading","id","size","jsx","ListItemHeader","Sizes"],"mappings":"oPAUaA,EAAgB,CAAC,CAAE,GAAAC,EAAI,KAAAC,KAClCC,EAAAA,IAACC,EAAA,CACC,MAAO,CAAE,UAAW,QAAA,EACpB,KAAMF,IAASG,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQH,EAC5C,GAAI,UAAUD,CAAE,mBAChB,KAAK,QACL,YAAU,SACV,cAAa,GACb,aAAW,aACX,MAAM,aACN,QAAS,EAAA,CACX"}
+{"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport ListItemHeader from '../../ListItem/ListItemHeader';\r\n\r\nexport type SelectLoadingProps = {\r\n  size?: SelectTypes.Size;\r\n  id?: string;\r\n};\r\n\r\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\r\n  <ListItemHeader\r\n    style={{ textAlign: 'center' }}\r\n    size={size === Sizes.XSmall ? Sizes.Small : size}\r\n    id={`select-${id}-options-loading`}\r\n    role=\"alert\"\r\n    aria-live=\"polite\"\r\n    aria-atomic={true}\r\n    aria-label=\"Loading...\"\r\n    label=\"Loading...\"\r\n    divider={false}\r\n  />\r\n);\r\n"],"names":["SelectLoading","id","size","jsx","ListItemHeader","Sizes"],"mappings":"oPAUaA,EAAgB,CAAC,CAAE,GAAAC,EAAI,KAAAC,KAClCC,EAAAA,IAACC,EAAA,CACC,MAAO,CAAE,UAAW,QAAA,EACpB,KAAMF,IAASG,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQH,EAC5C,GAAI,UAAUD,CAAE,mBAChB,KAAK,QACL,YAAU,SACV,cAAa,GACb,aAAW,aACX,MAAM,aACN,QAAS,EAAA,CACX"}

package/build/cjs/components/Select/hooks/useElementRect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementRect.js","sources":["../../../../../src/components/Select/hooks/useElementRect.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport const useElementRect = (element?: HTMLElement | null): DOMRect | null => {\n  const [clientRect, setClientRect] = useState<DOMRect | null>(null);\n\n  const updateClientRect = useCallback(() => {\n    if (element) {\n      setClientRect(element.getBoundingClientRect());\n    }\n  }, [element]);\n\n  useEffect(() => {\n    updateClientRect();\n    window.addEventListener('resize', updateClientRect);\n\n    return () => window.removeEventListener('resize', updateClientRect);\n  }, [updateClientRect]);\n\n  return clientRect;\n};\n"],"names":["useElementRect","element","clientRect","setClientRect","useState","updateClientRect","useCallback","useEffect"],"mappings":"qIAEaA,EAAkBC,GAAiD,CAC9E,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAmBC,EAAAA,YAAY,IAAM,CACrCL,GACFE,EAAcF,EAAQ,uBAAuB,CAEjD,EAAG,CAACA,CAAO,CAAC,EAEZM,OAAAA,EAAAA,UAAU,KACRF,EAAA,EACA,OAAO,iBAAiB,SAAUA,CAAgB,EAE3C,IAAM,OAAO,oBAAoB,SAAUA,CAAgB,GACjE,CAACA,CAAgB,CAAC,EAEdH,CACT"}
+{"version":3,"file":"useElementRect.js","sources":["../../../../../src/components/Select/hooks/useElementRect.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\r\n\r\nexport const useElementRect = (element?: HTMLElement | null): DOMRect | null => {\r\n  const [clientRect, setClientRect] = useState<DOMRect | null>(null);\r\n\r\n  const updateClientRect = useCallback(() => {\r\n    if (element) {\r\n      setClientRect(element.getBoundingClientRect());\r\n    }\r\n  }, [element]);\r\n\r\n  useEffect(() => {\r\n    updateClientRect();\r\n    window.addEventListener('resize', updateClientRect);\r\n\r\n    return () => window.removeEventListener('resize', updateClientRect);\r\n  }, [updateClientRect]);\r\n\r\n  return clientRect;\r\n};\r\n"],"names":["useElementRect","element","clientRect","setClientRect","useState","updateClientRect","useCallback","useEffect"],"mappings":"qIAEaA,EAAkBC,GAAiD,CAC9E,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAmBC,EAAAA,YAAY,IAAM,CACrCL,GACFE,EAAcF,EAAQ,uBAAuB,CAEjD,EAAG,CAACA,CAAO,CAAC,EAEZM,OAAAA,EAAAA,UAAU,KACRF,EAAA,EACA,OAAO,iBAAiB,SAAUA,CAAgB,EAE3C,IAAM,OAAO,oBAAoB,SAAUA,CAAgB,GACjE,CAACA,CAAgB,CAAC,EAEdH,CACT"}

package/build/cjs/components/Select/hooks/useOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOptions.js","sources":["../../../../../src/components/Select/hooks/useOptions.ts"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\n\nimport { SelectUtils, SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nexport const useOptions = (\n  children: ReactNode,\n  selectId: string,\n  originalOptions?: SelectTypes.IOptionParam[],\n): SelectTypes.IOption[] =>\n  useMemo(() => {\n    if (originalOptions) {\n      return SelectUtils.ensureOptionsKeys(originalOptions, selectId);\n    }\n\n    const opts = Array.isArray(children) ? children.flat() : [children];\n\n    return opts.flatMap((node, index) => SelectUtils.convertToOption(node, selectId, index));\n  }, [children, originalOptions, selectId]);\n"],"names":["useOptions","children","selectId","originalOptions","useMemo","SelectUtils.ensureOptionsKeys","node","index","SelectUtils.convertToOption"],"mappings":"4MAIaA,EAAa,CACxBC,EACAC,EACAC,IAEAC,EAAAA,QAAQ,IACFD,EACKE,EAAAA,kBAA8BF,EAAiBD,CAAQ,GAGnD,MAAM,QAAQD,CAAQ,EAAIA,EAAS,OAAS,CAACA,CAAQ,GAEtD,QAAQ,CAACK,EAAMC,IAAUC,EAAAA,gBAA4BF,EAAMJ,EAAUK,CAAK,CAAC,EACtF,CAACN,EAAUE,EAAiBD,CAAQ,CAAC"}
+{"version":3,"file":"useOptions.js","sources":["../../../../../src/components/Select/hooks/useOptions.ts"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\r\n\r\nimport { SelectUtils, SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nexport const useOptions = (\r\n  children: ReactNode,\r\n  selectId: string,\r\n  originalOptions?: SelectTypes.IOptionParam[],\r\n): SelectTypes.IOption[] =>\r\n  useMemo(() => {\r\n    if (originalOptions) {\r\n      return SelectUtils.ensureOptionsKeys(originalOptions, selectId);\r\n    }\r\n\r\n    const opts = Array.isArray(children) ? children.flat() : [children];\r\n\r\n    return opts.flatMap((node, index) => SelectUtils.convertToOption(node, selectId, index));\r\n  }, [children, originalOptions, selectId]);\r\n"],"names":["useOptions","children","selectId","originalOptions","useMemo","SelectUtils.ensureOptionsKeys","node","index","SelectUtils.convertToOption"],"mappings":"4MAIaA,EAAa,CACxBC,EACAC,EACAC,IAEAC,EAAAA,QAAQ,IACFD,EACKE,EAAAA,kBAA8BF,EAAiBD,CAAQ,GAGnD,MAAM,QAAQD,CAAQ,EAAIA,EAAS,OAAS,CAACA,CAAQ,GAEtD,QAAQ,CAACK,EAAMC,IAAUC,EAAAA,gBAA4BF,EAAMJ,EAAUK,CAAK,CAAC,EACtF,CAACN,EAAUE,EAAiBD,CAAQ,CAAC"}

package/build/cjs/components/Select/utils/keydown.js.map

@@ -1 +1 @@
-{"version":3,"file":"keydown.js","sources":["../../../../../src/components/Select/utils/keydown.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from 'react';\n\nimport type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { ValueType } from '../Select.types';\n\nexport interface KeyDownHandleOptions {\n  isOpen: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  input: HTMLInputElement | null;\n  allowClear: boolean;\n  searchValue: string;\n  selectedNodeValues: ValueType[];\n  selectNodeValue: (value: ValueType) => void;\n  availableOptionKeys: string[];\n  flatOptions: SelectTypes.IOption[];\n  currentNodeKey: string | null;\n  setCurrentNodeKey: Dispatch<SetStateAction<string | null>>;\n}\n\n// Transforms the Select state according to the key pressed\n// Would need to be refactored into a more testable piece of logic\nexport const onKeyDownHandle = (event: KeyboardEvent<HTMLInputElement>, options: KeyDownHandleOptions): void => {\n  if (!options.isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\n    event.preventDefault();\n    event.stopPropagation();\n    options.setIsOpen(true);\n    return;\n  }\n\n  if (event.key === 'Escape') {\n    event.preventDefault();\n    options.setIsOpen(false);\n\n    return;\n  }\n\n  options.input?.focus();\n\n  if (\n    options.allowClear &&\n    (event.key === 'Backspace' || event.key === 'Delete') &&\n    (!options.searchValue || options.searchValue.trim().length === 0) &&\n    options.selectedNodeValues.length > 0\n  ) {\n    options.selectNodeValue(options.selectedNodeValues[options.selectedNodeValues.length - 1]);\n  }\n\n  if (options.availableOptionKeys.length === 0) {\n    return;\n  }\n\n  if (\n    event.key === 'Enter' ||\n    ((!options.searchValue || options.searchValue.trim().length === 0) && event.key === ' ')\n  ) {\n    event.preventDefault();\n    const currentNode = options.flatOptions.find((opt) => !opt.isGroup && opt.key === options.currentNodeKey);\n    options.selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\n  }\n\n  if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    options.setCurrentNodeKey((prevKey: string | null) => {\n      const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n      if (currentNodeIdx === -1 || currentNodeIdx === options.availableOptionKeys.length - 1) {\n        return options.availableOptionKeys?.[0] ?? null;\n      }\n\n      return options.availableOptionKeys?.[currentNodeIdx + 1] ?? null;\n    });\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    options.setCurrentNodeKey((prevKey) => {\n      const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n      if (currentNodeIdx <= 0) {\n        return options.availableOptionKeys?.[options.availableOptionKeys.length - 1] ?? null;\n      }\n      return options.availableOptionKeys?.[currentNodeIdx - 1] ?? null;\n    });\n  }\n};\n"],"names":["onKeyDownHandle","event","options","currentNode","opt","prevKey","currentNodeIdx"],"mappings":"4GAsBO,MAAMA,EAAkB,CAACC,EAAwCC,IAAwC,CAC9G,GAAI,CAACA,EAAQ,QAAU,CAAC,QAAS,UAAW,YAAa,GAAG,EAAE,SAASD,EAAM,GAAG,EAAG,CACjFA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNC,EAAQ,UAAU,EAAI,EACtB,MACF,CAEA,GAAID,EAAM,MAAQ,SAAU,CAC1BA,EAAM,eAAA,EACNC,EAAQ,UAAU,EAAK,EAEvB,MACF,CAaA,GAXAA,EAAQ,OAAO,MAAA,EAGbA,EAAQ,aACPD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,YAC3C,CAACC,EAAQ,aAAeA,EAAQ,YAAY,OAAO,SAAW,IAC/DA,EAAQ,mBAAmB,OAAS,GAEpCA,EAAQ,gBAAgBA,EAAQ,mBAAmBA,EAAQ,mBAAmB,OAAS,CAAC,CAAC,EAGvFA,EAAQ,oBAAoB,SAAW,EAI3C,IACED,EAAM,MAAQ,UACZ,CAACC,EAAQ,aAAeA,EAAQ,YAAY,KAAA,EAAO,SAAW,IAAMD,EAAM,MAAQ,IACpF,CACAA,EAAM,eAAA,EACN,MAAME,EAAcD,EAAQ,YAAY,KAAME,GAAQ,CAACA,EAAI,SAAWA,EAAI,MAAQF,EAAQ,cAAc,EACxGA,EAAQ,gBAAgBC,GAAe,CAACA,GAAa,QAAWA,EAAY,OAAS,KAAQ,IAAI,CACnG,CAEIF,EAAM,MAAQ,cAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAA2B,CACpD,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,IAAmB,IAAMA,IAAmBJ,EAAQ,oBAAoB,OAAS,EAC5EA,EAAQ,sBAAsB,CAAC,GAAK,KAGtCA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAGCL,EAAM,MAAQ,YAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAAY,CACrC,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,GAAkB,EACbJ,EAAQ,sBAAsBA,EAAQ,oBAAoB,OAAS,CAAC,GAAK,KAE3EA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAEL"}
+{"version":3,"file":"keydown.js","sources":["../../../../../src/components/Select/utils/keydown.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from 'react';\r\n\r\nimport type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport { ValueType } from '../Select.types';\r\n\r\nexport interface KeyDownHandleOptions {\r\n  isOpen: boolean;\r\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\r\n  input: HTMLInputElement | null;\r\n  allowClear: boolean;\r\n  searchValue: string;\r\n  selectedNodeValues: ValueType[];\r\n  selectNodeValue: (value: ValueType) => void;\r\n  availableOptionKeys: string[];\r\n  flatOptions: SelectTypes.IOption[];\r\n  currentNodeKey: string | null;\r\n  setCurrentNodeKey: Dispatch<SetStateAction<string | null>>;\r\n}\r\n\r\n// Transforms the Select state according to the key pressed\r\n// Would need to be refactored into a more testable piece of logic\r\nexport const onKeyDownHandle = (event: KeyboardEvent<HTMLInputElement>, options: KeyDownHandleOptions): void => {\r\n  if (!options.isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    options.setIsOpen(true);\r\n    return;\r\n  }\r\n\r\n  if (event.key === 'Escape') {\r\n    event.preventDefault();\r\n    options.setIsOpen(false);\r\n\r\n    return;\r\n  }\r\n\r\n  options.input?.focus();\r\n\r\n  if (\r\n    options.allowClear &&\r\n    (event.key === 'Backspace' || event.key === 'Delete') &&\r\n    (!options.searchValue || options.searchValue.trim().length === 0) &&\r\n    options.selectedNodeValues.length > 0\r\n  ) {\r\n    options.selectNodeValue(options.selectedNodeValues[options.selectedNodeValues.length - 1]);\r\n  }\r\n\r\n  if (options.availableOptionKeys.length === 0) {\r\n    return;\r\n  }\r\n\r\n  if (\r\n    event.key === 'Enter' ||\r\n    ((!options.searchValue || options.searchValue.trim().length === 0) && event.key === ' ')\r\n  ) {\r\n    event.preventDefault();\r\n    const currentNode = options.flatOptions.find((opt) => !opt.isGroup && opt.key === options.currentNodeKey);\r\n    options.selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\r\n  }\r\n\r\n  if (event.key === 'ArrowDown') {\r\n    event.preventDefault();\r\n    options.setCurrentNodeKey((prevKey: string | null) => {\r\n      const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\r\n      if (currentNodeIdx === -1 || currentNodeIdx === options.availableOptionKeys.length - 1) {\r\n        return options.availableOptionKeys?.[0] ?? null;\r\n      }\r\n\r\n      return options.availableOptionKeys?.[currentNodeIdx + 1] ?? null;\r\n    });\r\n  }\r\n\r\n  if (event.key === 'ArrowUp') {\r\n    event.preventDefault();\r\n    options.setCurrentNodeKey((prevKey) => {\r\n      const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\r\n      if (currentNodeIdx <= 0) {\r\n        return options.availableOptionKeys?.[options.availableOptionKeys.length - 1] ?? null;\r\n      }\r\n      return options.availableOptionKeys?.[currentNodeIdx - 1] ?? null;\r\n    });\r\n  }\r\n};\r\n"],"names":["onKeyDownHandle","event","options","currentNode","opt","prevKey","currentNodeIdx"],"mappings":"4GAsBO,MAAMA,EAAkB,CAACC,EAAwCC,IAAwC,CAC9G,GAAI,CAACA,EAAQ,QAAU,CAAC,QAAS,UAAW,YAAa,GAAG,EAAE,SAASD,EAAM,GAAG,EAAG,CACjFA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNC,EAAQ,UAAU,EAAI,EACtB,MACF,CAEA,GAAID,EAAM,MAAQ,SAAU,CAC1BA,EAAM,eAAA,EACNC,EAAQ,UAAU,EAAK,EAEvB,MACF,CAaA,GAXAA,EAAQ,OAAO,MAAA,EAGbA,EAAQ,aACPD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,YAC3C,CAACC,EAAQ,aAAeA,EAAQ,YAAY,OAAO,SAAW,IAC/DA,EAAQ,mBAAmB,OAAS,GAEpCA,EAAQ,gBAAgBA,EAAQ,mBAAmBA,EAAQ,mBAAmB,OAAS,CAAC,CAAC,EAGvFA,EAAQ,oBAAoB,SAAW,EAI3C,IACED,EAAM,MAAQ,UACZ,CAACC,EAAQ,aAAeA,EAAQ,YAAY,KAAA,EAAO,SAAW,IAAMD,EAAM,MAAQ,IACpF,CACAA,EAAM,eAAA,EACN,MAAME,EAAcD,EAAQ,YAAY,KAAME,GAAQ,CAACA,EAAI,SAAWA,EAAI,MAAQF,EAAQ,cAAc,EACxGA,EAAQ,gBAAgBC,GAAe,CAACA,GAAa,QAAWA,EAAY,OAAS,KAAQ,IAAI,CACnG,CAEIF,EAAM,MAAQ,cAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAA2B,CACpD,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,IAAmB,IAAMA,IAAmBJ,EAAQ,oBAAoB,OAAS,EAC5EA,EAAQ,sBAAsB,CAAC,GAAK,KAGtCA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAGCL,EAAM,MAAQ,YAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAAY,CACrC,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,GAAkB,EACbJ,EAAQ,sBAAsBA,EAAQ,oBAAoB,OAAS,CAAC,GAAK,KAE3EA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAEL"}

package/build/cjs/components/Select/utils/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../../src/components/Select/utils/props.ts"],"sourcesContent":["import { ValueType } from '../Select.types';\n\nexport const asArray = (value: ValueType | ValueType[] | undefined): ValueType[] => {\n  if (value === undefined || value === null) {\n    return [];\n  }\n\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return [value];\n};\n"],"names":["asArray","value"],"mappings":"4GAEO,MAAMA,EAAWC,GACKA,GAAU,KAC5B,CAAA,EAGL,MAAM,QAAQA,CAAK,EACdA,EAGF,CAACA,CAAK"}
+{"version":3,"file":"props.js","sources":["../../../../../src/components/Select/utils/props.ts"],"sourcesContent":["import { ValueType } from '../Select.types';\r\n\r\nexport const asArray = (value: ValueType | ValueType[] | undefined): ValueType[] => {\r\n  if (value === undefined || value === null) {\r\n    return [];\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return value;\r\n  }\r\n\r\n  return [value];\r\n};\r\n"],"names":["asArray","value"],"mappings":"4GAEO,MAAMA,EAAWC,GACKA,GAAU,KAC5B,CAAA,EAGL,MAAM,QAAQA,CAAK,EACdA,EAGF,CAACA,CAAK"}

package/build/cjs/components/Select/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","sources":["../../../../../src/components/Select/utils/selection.ts"],"sourcesContent":["import type { ValueType } from '../Select.types';\n\nexport const updateSelectedValues = (\n  currentNodeValues: ValueType[],\n  nodeValue: ValueType,\n  mode: 'single' | 'multiple',\n  allowClear = false,\n): { current: ValueType[]; added: ValueType[]; removed: ValueType[] } => {\n  if (!nodeValue) {\n    return {\n      current: allowClear ? [] : currentNodeValues,\n      added: [],\n      removed: allowClear ? currentNodeValues : [],\n    };\n  }\n\n  if (mode === 'single') {\n    return currentNodeValues[0] !== nodeValue\n      ? {\n          current: [nodeValue],\n          added: [nodeValue],\n          removed: currentNodeValues,\n        }\n      : {\n          current: allowClear ? [] : currentNodeValues,\n          added: [],\n          removed: allowClear ? [nodeValue] : [],\n        };\n  }\n\n  const idx = currentNodeValues.indexOf(nodeValue);\n  if (idx === -1) {\n    return {\n      current: [...currentNodeValues, nodeValue],\n      added: [nodeValue],\n      removed: [],\n    };\n  }\n\n  return {\n    current: [...currentNodeValues.slice(0, idx), ...currentNodeValues.slice(idx + 1)],\n    added: [],\n    removed: [nodeValue],\n  };\n};\n"],"names":["updateSelectedValues","currentNodeValues","nodeValue","mode","allowClear","idx"],"mappings":"4GAEO,MAAMA,EAAuB,CAClCC,EACAC,EACAC,EACAC,EAAa,KAC0D,CACvE,GAAI,CAACF,EACH,MAAO,CACL,QAASE,EAAa,CAAA,EAAKH,EAC3B,MAAO,CAAA,EACP,QAASG,EAAaH,EAAoB,CAAA,CAAC,EAI/C,GAAIE,IAAS,SACX,OAAOF,EAAkB,CAAC,IAAMC,EAC5B,CACE,QAAS,CAACA,CAAS,EACnB,MAAO,CAACA,CAAS,EACjB,QAASD,CAAA,EAEX,CACE,QAASG,EAAa,CAAA,EAAKH,EAC3B,MAAO,CAAA,EACP,QAASG,EAAa,CAACF,CAAS,EAAI,CAAA,CAAC,EAI7C,MAAMG,EAAMJ,EAAkB,QAAQC,CAAS,EAC/C,OAAIG,IAAQ,GACH,CACL,QAAS,CAAC,GAAGJ,EAAmBC,CAAS,EACzC,MAAO,CAACA,CAAS,EACjB,QAAS,CAAA,CAAC,EAIP,CACL,QAAS,CAAC,GAAGD,EAAkB,MAAM,EAAGI,CAAG,EAAG,GAAGJ,EAAkB,MAAMI,EAAM,CAAC,CAAC,EACjF,MAAO,CAAA,EACP,QAAS,CAACH,CAAS,CAAA,CAEvB"}
+{"version":3,"file":"selection.js","sources":["../../../../../src/components/Select/utils/selection.ts"],"sourcesContent":["import type { ValueType } from '../Select.types';\r\n\r\nexport const updateSelectedValues = (\r\n  currentNodeValues: ValueType[],\r\n  nodeValue: ValueType,\r\n  mode: 'single' | 'multiple',\r\n  allowClear = false,\r\n): { current: ValueType[]; added: ValueType[]; removed: ValueType[] } => {\r\n  if (!nodeValue) {\r\n    return {\r\n      current: allowClear ? [] : currentNodeValues,\r\n      added: [],\r\n      removed: allowClear ? currentNodeValues : [],\r\n    };\r\n  }\r\n\r\n  if (mode === 'single') {\r\n    return currentNodeValues[0] !== nodeValue\r\n      ? {\r\n          current: [nodeValue],\r\n          added: [nodeValue],\r\n          removed: currentNodeValues,\r\n        }\r\n      : {\r\n          current: allowClear ? [] : currentNodeValues,\r\n          added: [],\r\n          removed: allowClear ? [nodeValue] : [],\r\n        };\r\n  }\r\n\r\n  const idx = currentNodeValues.indexOf(nodeValue);\r\n  if (idx === -1) {\r\n    return {\r\n      current: [...currentNodeValues, nodeValue],\r\n      added: [nodeValue],\r\n      removed: [],\r\n    };\r\n  }\r\n\r\n  return {\r\n    current: [...currentNodeValues.slice(0, idx), ...currentNodeValues.slice(idx + 1)],\r\n    added: [],\r\n    removed: [nodeValue],\r\n  };\r\n};\r\n"],"names":["updateSelectedValues","currentNodeValues","nodeValue","mode","allowClear","idx"],"mappings":"4GAEO,MAAMA,EAAuB,CAClCC,EACAC,EACAC,EACAC,EAAa,KAC0D,CACvE,GAAI,CAACF,EACH,MAAO,CACL,QAASE,EAAa,CAAA,EAAKH,EAC3B,MAAO,CAAA,EACP,QAASG,EAAaH,EAAoB,CAAA,CAAC,EAI/C,GAAIE,IAAS,SACX,OAAOF,EAAkB,CAAC,IAAMC,EAC5B,CACE,QAAS,CAACA,CAAS,EACnB,MAAO,CAACA,CAAS,EACjB,QAASD,CAAA,EAEX,CACE,QAASG,EAAa,CAAA,EAAKH,EAC3B,MAAO,CAAA,EACP,QAASG,EAAa,CAACF,CAAS,EAAI,CAAA,CAAC,EAI7C,MAAMG,EAAMJ,EAAkB,QAAQC,CAAS,EAC/C,OAAIG,IAAQ,GACH,CACL,QAAS,CAAC,GAAGJ,EAAmBC,CAAS,EACzC,MAAO,CAACA,CAAS,EACjB,QAAS,CAAA,CAAC,EAIP,CACL,QAAS,CAAC,GAAGD,EAAkB,MAAM,EAAGI,CAAG,EAAG,GAAGJ,EAAkB,MAAMI,EAAM,CAAC,CAAC,EACjF,MAAO,CAAA,EACP,QAAS,CAACH,CAAS,CAAA,CAEvB"}

package/build/cjs/components/Select/utils/strUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string | null | undefined | string[];\n\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\n  if (typeof str === 'object' && Array.isArray(str)) {\n    return strIncludes(str.join(''), search);\n  }\n\n  return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\n};\n"],"names":["strIncludes","str","search"],"mappings":"4GAEO,MAAMA,EAAc,CAACC,EAAoBC,IAC1C,OAAOD,GAAQ,UAAY,MAAM,QAAQA,CAAG,EACvCD,EAAYC,EAAI,KAAK,EAAE,EAAGC,CAAM,GAGjC,OAAOD,GAAQ,UAAYA,GAAK,YAAA,EAAc,SAASC,EAAO,YAAA,EAAc,KAAA,CAAM,IAAM"}
+{"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string | null | undefined | string[];\r\n\r\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\r\n  if (typeof str === 'object' && Array.isArray(str)) {\r\n    return strIncludes(str.join(''), search);\r\n  }\r\n\r\n  return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\r\n};\r\n"],"names":["strIncludes","str","search"],"mappings":"4GAEO,MAAMA,EAAc,CAACC,EAAoBC,IAC1C,OAAOD,GAAQ,UAAY,MAAM,QAAQA,CAAG,EACvCD,EAAYC,EAAI,KAAK,EAAE,EAAGC,CAAM,GAGjC,OAAOD,GAAQ,UAAYA,GAAK,YAAA,EAAc,SAASC,EAAO,YAAA,EAAc,KAAA,CAAM,IAAM"}

package/build/cjs/components/Slider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = [0, 0],\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Side}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (valueType: 'min' | 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = innerValue || [];\n      let newTargetValue = Number(e.target.value);\n\n      if (Number.isNaN(newTargetValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newTargetValue < min) {\n        newTargetValue = min;\n      } else if (newTargetValue > max) {\n        newTargetValue = max;\n      }\n\n      if (valueType === 'min') {\n        newValue = [newTargetValue, newValue[1]];\n      } else {\n        newValue = [newValue[0], newTargetValue];\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {!!innerValue && (\n          <Styled.RangeLabels\n            $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n            $disabled={disabled}\n          >\n            {!!labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={true}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n        {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAAcC,EAAAA,WAClB,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,CAAC,EAAG,CAAC,EACpB,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,IAAI,GACjC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EACA,YAAAC,EAAc,GACd,SAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAmBnB,CAAY,EAE7DoB,EAAqBC,EAAAA,QACzB,IAAOV,GAASC,EAAc,GAAGR,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACQ,EAAOC,EAAaT,CAAa,CAAA,EAG9BmB,EAAkBC,GAAuB,CAC7ClB,IAAWkB,CAAQ,EACnBL,EAAcK,CAAQ,CACxB,EAEMC,EAAuBC,GAA8BC,GAAqC,CAC9F,IAAIH,EAAWN,GAAc,CAAA,EACzBU,EAAiB,OAAOD,EAAE,OAAO,KAAK,EAE1C,GAAI,OAAO,MAAMC,CAAc,EAAG,CAChCD,EAAE,eAAA,EACFA,EAAE,gBAAA,EAEF,MACF,CAEIC,EAAiBlB,EACnBkB,EAAiBlB,EACRkB,EAAiBjB,IAC1BiB,EAAiBjB,GAGfe,IAAc,MAChBF,EAAW,CAACI,EAAgBJ,EAAS,CAAC,CAAC,EAEvCA,EAAW,CAACA,EAAS,CAAC,EAAGI,CAAc,EAGzCL,EAAeC,CAAQ,CACzB,EAEAK,OAAAA,EAAAA,UAAU,IAAM,CACVpB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRqB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcnC,CAAS,EAC7C,WAAYmC,EAAAA,aACZ,MAAOlC,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAA,CAAC,CAACC,GACDY,EAAAA,KAACI,EAAAA,YAAA,CACC,MAAOhC,IAAmBC,EAAAA,WAAW,cAAgBkB,IAAuBhB,EAAAA,UAAU,KACtF,UAAWG,EAEV,SAAA,CAAA,CAAC,CAACN,GAAkBA,IAAmB,QACtCiC,EAAAA,IAACC,EAAA,CACC,KAAArC,EACA,MAAO,OAAOG,IAAmBC,EAAAA,WAAW,OAASI,EAAUW,EAAW,CAAC,EAAIA,EAAW,CAAC,CAAC,EAC5F,eAAgBO,EAAoB,KAAK,EACzC,YAAAZ,EACA,SAAAL,CAAA,CAAA,EAGHN,IAAmBC,EAAAA,WAAW,cAAgBkB,IAAuBhB,EAAAA,UAAU,MAC9E8B,EAAAA,IAACC,EAAA,CACC,KAAArC,EACA,MAAO,OAAOmB,EAAWX,EAAU,EAAI,CAAC,CAAC,EACzC,eAAgBkB,EAAoB,KAAK,EACzC,YAAAZ,EACA,SAAAL,CAAA,CAAA,CACF,CAAA,CAAA,EAIL,CAAC,CAACM,GAAY,CAAC,CAACD,GAAesB,EAAAA,IAACE,GAAO,SAAA3B,EAAI,EAC5CyB,EAAAA,IAACG,EAAA,CACC,UAAWL,EAAAA,aACX,aAAAhC,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAN,EACA,mBAAmB,eACnB,IAAAF,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACD,GAAY,CAAC,CAACF,GAAesB,EAAAA,IAACE,GAAO,SAAA1B,EAAI,EAC3C,CAAC,CAACO,GAAchB,IAAmBC,EAAAA,WAAW,cAAgBkB,IAAuBhB,EAAAA,UAAU,MAC9F8B,EAAAA,IAACC,EAAA,CACC,KAAArC,EACA,MAAO,OAAOmB,EAAWX,EAAU,EAAI,CAAC,CAAC,EACzC,eAAgBkB,EAAoB,KAAK,EACzC,YAAAZ,EACA,SAAAL,CAAA,CAAA,CACF,CAAA,CAAA,CAIR,CACF"}
+{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider, { SliderProps } from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst RangeSlider = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = `${Sizes.Medium}`,\r\n      defaultValue = [0, 0],\r\n      labelAlignment = `${Alignments.LeftAndRight}`,\r\n      labelPosition = `${Positions.Side}`,\r\n      onChange,\r\n      reverse = false,\r\n      disabled = false,\r\n      value,\r\n      min = 0,\r\n      max = 100,\r\n      marks,\r\n      inputValues = false,\r\n      labelMin,\r\n      labelMax,\r\n      ...rest\r\n    }: SliderProps & SliderTypes.IRangeProps,\r\n    ref: Ref<HTMLDivElement>,\r\n  ): ReactElement => {\r\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\r\n\r\n    const innerLabelPosition = useMemo(\r\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\r\n      [marks, inputValues, labelPosition],\r\n    );\r\n\r\n    const handleOnChange = (newValue: number[]) => {\r\n      onChange?.(newValue);\r\n      setInnerValue(newValue);\r\n    };\r\n\r\n    const handleInputOnChange = (valueType: 'min' | 'max') => (e: ChangeEvent<HTMLInputElement>) => {\r\n      let newValue = innerValue || [];\r\n      let newTargetValue = Number(e.target.value);\r\n\r\n      if (Number.isNaN(newTargetValue)) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n\r\n        return;\r\n      }\r\n\r\n      if (newTargetValue < min) {\r\n        newTargetValue = min;\r\n      } else if (newTargetValue > max) {\r\n        newTargetValue = max;\r\n      }\r\n\r\n      if (valueType === 'min') {\r\n        newValue = [newTargetValue, newValue[1]];\r\n      } else {\r\n        newValue = [newValue[0], newTargetValue];\r\n      }\r\n\r\n      handleOnChange(newValue);\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setInnerValue(value);\r\n      }\r\n    }, [value]);\r\n\r\n    return (\r\n      <Styled.Slider\r\n        className={classNames(SLIDER_CLASS, className)}\r\n        $prefixCls={SLIDER_CLASS}\r\n        $size={size}\r\n        $labelAlignment={labelAlignment}\r\n        $labelPosition={innerLabelPosition}\r\n        $reverse={reverse}\r\n        $disabled={disabled}\r\n        ref={ref}\r\n      >\r\n        {!!innerValue && (\r\n          <Styled.RangeLabels\r\n            $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\r\n            $disabled={disabled}\r\n          >\r\n            {!!labelAlignment && labelAlignment !== 'none' && (\r\n              <Value\r\n                size={size}\r\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\r\n                handleOnChange={handleInputOnChange('min')}\r\n                inputValues={inputValues}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\r\n              <Value\r\n                size={size}\r\n                value={String(innerValue[reverse ? 0 : 1])}\r\n                handleOnChange={handleInputOnChange('min')}\r\n                inputValues={inputValues}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n          </Styled.RangeLabels>\r\n        )}\r\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\r\n        <RCSlider\r\n          prefixCls={SLIDER_CLASS}\r\n          defaultValue={defaultValue}\r\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\r\n          reverse={reverse}\r\n          disabled={disabled}\r\n          value={innerValue}\r\n          marks={marks}\r\n          ariaLabelForHandle=\"range-slider\"\r\n          min={min}\r\n          max={max}\r\n          {...rest}\r\n          range={true}\r\n        />\r\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\r\n        {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\r\n          <Value\r\n            size={size}\r\n            value={String(innerValue[reverse ? 0 : 1])}\r\n            handleOnChange={handleInputOnChange('max')}\r\n            inputValues={inputValues}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n      </Styled.Slider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default RangeSlider;\r\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

package/build/cjs/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = 0,\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Bottom}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      labelMin,\n      labelMax,\n      marks,\n      inputValues = false,\n      ...rest\n    }: SliderProps & SliderTypes.IProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = Number(e.target.value);\n\n      if (Number.isNaN(newValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newValue < min) {\n        newValue = min;\n      } else if (newValue > max) {\n        newValue = max;\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {labelAlignment !== 'none' && (\n          <Value\n            size={size}\n            value={String(innerValue)}\n            handleOnChange={handleInputOnChange}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={false}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,EACf,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,MAAM,GACnC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CAAA,EAG9BmB,EAAkBC,GAAqB,CAC3ClB,IAAWkB,CAAQ,EACnBL,EAAcK,CAAQ,CACxB,EAEMC,EAAuB,GAAqC,CAChE,IAAID,EAAW,OAAO,EAAE,OAAO,KAAK,EAEpC,GAAI,OAAO,MAAMA,CAAQ,EAAG,CAC1B,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,MACF,CAEIA,EAAWd,EACbc,EAAWd,EACFc,EAAWb,IACpBa,EAAWb,GAGbY,EAAeC,CAAQ,CACzB,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CACVjB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRkB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAchC,CAAS,EAC7C,WAAYgC,EAAAA,aACZ,MAAO/B,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB6B,EAAAA,IAACC,EAAA,CACC,KAAAjC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CAAA,EAGH,CAAC,CAACI,GAAY,CAAC,CAACG,GAAegB,EAAAA,IAACE,GAAO,SAAAvB,EAAI,EAC5CqB,EAAAA,IAACG,EAAA,CACC,UAAWJ,EAAAA,aACX,aAAA7B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACH,GAAY,CAAC,CAACE,GAAegB,EAAAA,IAACE,GAAO,SAAAtB,CAAA,CAAI,CAAA,CAAA,CAAA,CAGlD,CACF"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider, { SliderProps } from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst Slider = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = `${Sizes.Medium}`,\r\n      defaultValue = 0,\r\n      labelAlignment = `${Alignments.LeftAndRight}`,\r\n      labelPosition = `${Positions.Bottom}`,\r\n      onChange,\r\n      reverse = false,\r\n      disabled = false,\r\n      value,\r\n      min = 0,\r\n      max = 100,\r\n      labelMin,\r\n      labelMax,\r\n      marks,\r\n      inputValues = false,\r\n      ...rest\r\n    }: SliderProps & SliderTypes.IProps,\r\n    ref: Ref<HTMLDivElement>,\r\n  ): ReactElement => {\r\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\r\n\r\n    const innerLabelPosition = useMemo(\r\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\r\n      [marks, inputValues, labelPosition],\r\n    );\r\n\r\n    const handleOnChange = (newValue: number) => {\r\n      onChange?.(newValue);\r\n      setInnerValue(newValue);\r\n    };\r\n\r\n    const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n      let newValue = Number(e.target.value);\r\n\r\n      if (Number.isNaN(newValue)) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n\r\n        return;\r\n      }\r\n\r\n      if (newValue < min) {\r\n        newValue = min;\r\n      } else if (newValue > max) {\r\n        newValue = max;\r\n      }\r\n\r\n      handleOnChange(newValue);\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setInnerValue(value);\r\n      }\r\n    }, [value]);\r\n\r\n    return (\r\n      <Styled.Slider\r\n        className={classNames(SLIDER_CLASS, className)}\r\n        $prefixCls={SLIDER_CLASS}\r\n        $size={size}\r\n        $labelAlignment={labelAlignment}\r\n        $labelPosition={innerLabelPosition}\r\n        $reverse={reverse}\r\n        $disabled={disabled}\r\n        ref={ref}\r\n      >\r\n        {labelAlignment !== 'none' && (\r\n          <Value\r\n            size={size}\r\n            value={String(innerValue)}\r\n            handleOnChange={handleInputOnChange}\r\n            inputValues={inputValues}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\r\n        <RCSlider\r\n          prefixCls={SLIDER_CLASS}\r\n          defaultValue={defaultValue}\r\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\r\n          reverse={reverse}\r\n          disabled={disabled}\r\n          value={innerValue}\r\n          marks={marks}\r\n          ariaLabelForHandle=\"slider\"\r\n          min={min}\r\n          max={max}\r\n          {...rest}\r\n          range={false}\r\n        />\r\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\r\n      </Styled.Slider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Slider;\r\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,EACf,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,MAAM,GACnC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CAAA,EAG9BmB,EAAkBC,GAAqB,CAC3ClB,IAAWkB,CAAQ,EACnBL,EAAcK,CAAQ,CACxB,EAEMC,EAAuB,GAAqC,CAChE,IAAID,EAAW,OAAO,EAAE,OAAO,KAAK,EAEpC,GAAI,OAAO,MAAMA,CAAQ,EAAG,CAC1B,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,MACF,CAEIA,EAAWd,EACbc,EAAWd,EACFc,EAAWb,IACpBa,EAAWb,GAGbY,EAAeC,CAAQ,CACzB,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CACVjB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRkB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAchC,CAAS,EAC7C,WAAYgC,EAAAA,aACZ,MAAO/B,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB6B,EAAAA,IAACC,EAAA,CACC,KAAAjC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CAAA,EAGH,CAAC,CAACI,GAAY,CAAC,CAACG,GAAegB,EAAAA,IAACE,GAAO,SAAAvB,EAAI,EAC5CqB,EAAAA,IAACG,EAAA,CACC,UAAWJ,EAAAA,aACX,aAAA7B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACH,GAAY,CAAC,CAACE,GAAegB,EAAAA,IAACE,GAAO,SAAAtB,CAAA,CAAI,CAAA,CAAA,CAAA,CAGlD,CACF"}

package/build/cjs/components/Slider/Slider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.styles.js","sources":["../../../../src/components/Slider/Slider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Positions, Alignments, Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { SliderConsts, type SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\n\ntype SliderPropKeys = 'prefixCls' | 'size' | 'labelAlignment' | 'labelPosition' | 'reverse' | 'disabled';\ntype SliderProps = Required<PickTransient<SliderTypes.IProps, SliderPropKeys>>;\n\nconst Slider = styled.div<SliderProps>`\n  ${({ $prefixCls, $size, theme, $labelAlignment, $labelPosition, $reverse, $disabled }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n    const sectionLayer = theme.layer({ foundation: 'section', disabled: $disabled });\n    const raisedLayer = theme.layer({ foundation: 'raised', disabled: $disabled });\n\n    return css`\n      display: flex;\n      flex-direction: ${getFlexDirectionForLabel($labelAlignment, $labelPosition)};\n      align-items: ${getAlignItemsForLabel($labelAlignment, $labelPosition)};\n      justify-content: ${($labelPosition === Positions.Bottom || $labelPosition === Positions.Top) && 'center'};\n      column-gap: ${SliderConsts.consts[$size].gap};\n      width: 100%;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$labelPosition === Positions.Side &&\n      css`\n        .${$prefixCls}-value {\n          width: 32px;\n          text-align: ${$labelAlignment === Alignments.Right ? 'left' : 'right'};\n        }\n      `}\n\n      .${$prefixCls} {\n        min-height: ${SliderConsts.consts[$size].handler.size};\n        position: relative;\n        width: 100%;\n        margin-inline: 16px;\n        cursor: pointer;\n\n        .${$prefixCls}-rail, .${$prefixCls}-track {\n          height: ${SliderConsts.consts[$size].rail.height};\n          margin: ${`${SliderConsts.consts[$size].rail.margin} 0px`};\n          border-radius: 3px;\n          position: absolute;\n        }\n\n        .${$prefixCls}-rail {\n          width: 100%;\n          background-color: ${sectionLayer[Variables.BackgroundFoundation]};\n        }\n\n        .${$prefixCls}-track {\n          background-color: ${layer[Variables.BackgroundSelected]};\n        }\n\n        .${$prefixCls}-handle, .${$prefixCls}-dot {\n          height: ${SliderConsts.consts[$size].handler.size};\n          width: ${SliderConsts.consts[$size].handler.size};\n          background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n          border-radius: 50%;\n          cursor: pointer;\n          position: absolute;\n\n          &:focus-visible {\n            ${getFocusStyles(theme)};\n          }\n        }\n\n        .${$prefixCls}-handle {\n          border: 1px solid\n            ${$disabled\n              ? theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]\n              : layer[Variables.BorderOnFoundationMedium]};\n          transition: transform 0.3s;\n\n          ${!$disabled &&\n          css`\n            &:hover {\n              background-color: ${layer[Variables.BackgroundFoundation]};\n              transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1.2) !important;\n            }\n\n            &.${$prefixCls}-handle-dragging {\n              transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1) !important;\n              background-color: ${layer[Variables.BackgroundFoundation]};\n            }\n          `}\n        }\n\n        .${$prefixCls}-dot {\n          height: ${SliderConsts.consts[$size].rail.height};\n          width: ${SliderConsts.consts[$size].rail.height};\n          transform: translateX(${$reverse ? '50%' : '-50%'});\n          top: ${SliderConsts.consts[$size].rail.margin};\n          outline: 3px solid ${sectionLayer[Variables.BackgroundFoundation]};\n        }\n\n        .${$prefixCls}-dot-active {\n          outline-color: ${layer[Variables.BackgroundSelected]};\n        }\n\n        .${$prefixCls}-mark {\n          position: relative;\n          height: ${SliderConsts.consts[$size].handler.size};\n          margin-top: ${SliderConsts.consts[$size].handler.size};\n        }\n\n        .${$prefixCls}-mark-text {\n          position: absolute;\n          ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n        }\n      }\n\n      .${$prefixCls}-tooltip-hidden {\n        display: none;\n      }\n\n      .${$prefixCls}-tooltip {\n        position: absolute;\n        border-radius: 2px;\n        background: ${raisedLayer[Variables.BackgroundFoundation]};\n        filter: ${theme.dropShadows.low2};\n        padding: 4px 8px;\n\n        .${$prefixCls}-tooltip-inner {\n          ${$size === Sizes.Small && theme.typography('paragraph', 'small')};\n        }\n\n        .${$prefixCls}-tooltip-arrow {\n          position: relative;\n          z-index: ${ZIndexes.ELEVATED};\n          overflow: hidden;\n          bottom: 0;\n\n          &::before {\n            left: 50%;\n            position: absolute;\n            content: '';\n            display: block;\n            width: 12px;\n            height: 12px;\n            background: ${raisedLayer[Variables.BackgroundFoundation]};\n            box-shadow:\n              rgb(0 0 0 / 2%) 0 0 4px 0,\n              rgb(0 0 0 / 4%) 0 0 0 1px;\n          }\n        }\n      }\n    `;\n  }}\n`;\n\nconst RangeLabels = styled.div<{ $grow: boolean; $disabled?: boolean }>`\n  ${({ $grow, theme, $disabled }) => css`\n    display: flex;\n    justify-content: space-between;\n    width: ${$grow && '100%'};\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nconst Tooltip = styled.div`\n  ${({ theme }) => theme.typography('label', 'small')};\n  padding: 4px 8px;\n`;\n\nexport { Slider, RangeLabels, Tooltip };\n"],"names":["Slider","styled","$prefixCls","$size","theme","$labelAlignment","$labelPosition","$reverse","$disabled","layer","sectionLayer","raisedLayer","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","SliderConsts.consts","Variables","Alignments","getFocusStyles","getLabelTypographySize","getSmallerSize","Sizes","ZIndexes","RangeLabels","$grow"],"mappings":"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"}
+{"version":3,"file":"Slider.styles.js","sources":["../../../../src/components/Slider/Slider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Positions, Alignments, Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { SliderConsts, type SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\r\n\r\ntype SliderPropKeys = 'prefixCls' | 'size' | 'labelAlignment' | 'labelPosition' | 'reverse' | 'disabled';\r\ntype SliderProps = Required<PickTransient<SliderTypes.IProps, SliderPropKeys>>;\r\n\r\nconst Slider = styled.div<SliderProps>`\r\n  ${({ $prefixCls, $size, theme, $labelAlignment, $labelPosition, $reverse, $disabled }) => {\r\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\r\n    const sectionLayer = theme.layer({ foundation: 'section', disabled: $disabled });\r\n    const raisedLayer = theme.layer({ foundation: 'raised', disabled: $disabled });\r\n\r\n    return css`\r\n      display: flex;\r\n      flex-direction: ${getFlexDirectionForLabel($labelAlignment, $labelPosition)};\r\n      align-items: ${getAlignItemsForLabel($labelAlignment, $labelPosition)};\r\n      justify-content: ${($labelPosition === Positions.Bottom || $labelPosition === Positions.Top) && 'center'};\r\n      column-gap: ${SliderConsts.consts[$size].gap};\r\n      width: 100%;\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      ${$labelPosition === Positions.Side &&\r\n      css`\r\n        .${$prefixCls}-value {\r\n          width: 32px;\r\n          text-align: ${$labelAlignment === Alignments.Right ? 'left' : 'right'};\r\n        }\r\n      `}\r\n\r\n      .${$prefixCls} {\r\n        min-height: ${SliderConsts.consts[$size].handler.size};\r\n        position: relative;\r\n        width: 100%;\r\n        margin-inline: 16px;\r\n        cursor: pointer;\r\n\r\n        .${$prefixCls}-rail, .${$prefixCls}-track {\r\n          height: ${SliderConsts.consts[$size].rail.height};\r\n          margin: ${`${SliderConsts.consts[$size].rail.margin} 0px`};\r\n          border-radius: 3px;\r\n          position: absolute;\r\n        }\r\n\r\n        .${$prefixCls}-rail {\r\n          width: 100%;\r\n          background-color: ${sectionLayer[Variables.BackgroundFoundation]};\r\n        }\r\n\r\n        .${$prefixCls}-track {\r\n          background-color: ${layer[Variables.BackgroundSelected]};\r\n        }\r\n\r\n        .${$prefixCls}-handle, .${$prefixCls}-dot {\r\n          height: ${SliderConsts.consts[$size].handler.size};\r\n          width: ${SliderConsts.consts[$size].handler.size};\r\n          background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          position: absolute;\r\n\r\n          &:focus-visible {\r\n            ${getFocusStyles(theme)};\r\n          }\r\n        }\r\n\r\n        .${$prefixCls}-handle {\r\n          border: 1px solid\r\n            ${$disabled\r\n              ? theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]\r\n              : layer[Variables.BorderOnFoundationMedium]};\r\n          transition: transform 0.3s;\r\n\r\n          ${!$disabled &&\r\n          css`\r\n            &:hover {\r\n              background-color: ${layer[Variables.BackgroundFoundation]};\r\n              transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1.2) !important;\r\n            }\r\n\r\n            &.${$prefixCls}-handle-dragging {\r\n              transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1) !important;\r\n              background-color: ${layer[Variables.BackgroundFoundation]};\r\n            }\r\n          `}\r\n        }\r\n\r\n        .${$prefixCls}-dot {\r\n          height: ${SliderConsts.consts[$size].rail.height};\r\n          width: ${SliderConsts.consts[$size].rail.height};\r\n          transform: translateX(${$reverse ? '50%' : '-50%'});\r\n          top: ${SliderConsts.consts[$size].rail.margin};\r\n          outline: 3px solid ${sectionLayer[Variables.BackgroundFoundation]};\r\n        }\r\n\r\n        .${$prefixCls}-dot-active {\r\n          outline-color: ${layer[Variables.BackgroundSelected]};\r\n        }\r\n\r\n        .${$prefixCls}-mark {\r\n          position: relative;\r\n          height: ${SliderConsts.consts[$size].handler.size};\r\n          margin-top: ${SliderConsts.consts[$size].handler.size};\r\n        }\r\n\r\n        .${$prefixCls}-mark-text {\r\n          position: absolute;\r\n          ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\r\n        }\r\n      }\r\n\r\n      .${$prefixCls}-tooltip-hidden {\r\n        display: none;\r\n      }\r\n\r\n      .${$prefixCls}-tooltip {\r\n        position: absolute;\r\n        border-radius: 2px;\r\n        background: ${raisedLayer[Variables.BackgroundFoundation]};\r\n        filter: ${theme.dropShadows.low2};\r\n        padding: 4px 8px;\r\n\r\n        .${$prefixCls}-tooltip-inner {\r\n          ${$size === Sizes.Small && theme.typography('paragraph', 'small')};\r\n        }\r\n\r\n        .${$prefixCls}-tooltip-arrow {\r\n          position: relative;\r\n          z-index: ${ZIndexes.ELEVATED};\r\n          overflow: hidden;\r\n          bottom: 0;\r\n\r\n          &::before {\r\n            left: 50%;\r\n            position: absolute;\r\n            content: '';\r\n            display: block;\r\n            width: 12px;\r\n            height: 12px;\r\n            background: ${raisedLayer[Variables.BackgroundFoundation]};\r\n            box-shadow:\r\n              rgb(0 0 0 / 2%) 0 0 4px 0,\r\n              rgb(0 0 0 / 4%) 0 0 0 1px;\r\n          }\r\n        }\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nconst RangeLabels = styled.div<{ $grow: boolean; $disabled?: boolean }>`\r\n  ${({ $grow, theme, $disabled }) => css`\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: ${$grow && '100%'};\r\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\r\n  `}\r\n`;\r\n\r\nconst Tooltip = styled.div`\r\n  ${({ theme }) => theme.typography('label', 'small')};\r\n  padding: 4px 8px;\r\n`;\r\n\r\nexport { Slider, RangeLabels, Tooltip };\r\n"],"names":["Slider","styled","$prefixCls","$size","theme","$labelAlignment","$labelPosition","$reverse","$disabled","layer","sectionLayer","raisedLayer","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","SliderConsts.consts","Variables","Alignments","getFocusStyles","getLabelTypographySize","getSmallerSize","Sizes","ZIndexes","RangeLabels","$grow"],"mappings":"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"}

package/build/cjs/components/Slider/components/Value/Value.js.map

@@ -1 +1 @@
-{"version":3,"file":"Value.js","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport TextInput from '../../../TextInput/TextInput';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport type { IValueProps } from './Value.types';\nimport Label from '../../../Text/components/Label/Label';\n\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange, disabled = false }: IValueProps) => (\n  <Flexbox gap=\"12px\" alignItems=\"center\">\n    {inputValues ? (\n      <TextInput\n        type=\"text\"\n        pattern=\"\\d*\"\n        inputMode=\"numeric\"\n        size={size}\n        value={value}\n        onChange={handleOnChange}\n        wrapperProps={{ style: { width: '100px' } }}\n        disabled={disabled}\n      />\n    ) : (\n      <Label className={`${SLIDER_CLASS}-value`} size={size} disabled={disabled}>\n        {value}\n      </Label>\n    )}\n  </Flexbox>\n);\n\nexport default Value;\n"],"names":["Value","size","Sizes","value","inputValues","handleOnChange","disabled","jsx","Flexbox","TextInput","Label","SLIDER_CLASS"],"mappings":"+SAOMA,EAAQ,CAAC,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,EAAO,YAAAC,EAAa,eAAAC,EAAgB,SAAAC,EAAW,EAAA,IACnFC,MAACC,EAAA,CAAQ,IAAI,OAAO,WAAW,SAC5B,SAAAJ,EACCG,EAAAA,IAACE,EAAA,CACC,KAAK,OACL,QAAQ,OACR,UAAU,UACV,KAAAR,EACA,MAAAE,EACA,SAAUE,EACV,aAAc,CAAE,MAAO,CAAE,MAAO,QAAQ,EACxC,SAAAC,CAAA,CACF,EAEAC,EAAAA,IAACG,GAAM,UAAW,GAAGC,EAAAA,YAAY,SAAU,KAAAV,EAAY,SAAAK,EACpD,SAAAH,CAAA,CACH,CAAA,CAEJ"}
+{"version":3,"file":"Value.js","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport TextInput from '../../../TextInput/TextInput';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport type { IValueProps } from './Value.types';\r\nimport Label from '../../../Text/components/Label/Label';\r\n\r\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange, disabled = false }: IValueProps) => (\r\n  <Flexbox gap=\"12px\" alignItems=\"center\">\r\n    {inputValues ? (\r\n      <TextInput\r\n        type=\"text\"\r\n        pattern=\"\\d*\"\r\n        inputMode=\"numeric\"\r\n        size={size}\r\n        value={value}\r\n        onChange={handleOnChange}\r\n        wrapperProps={{ style: { width: '100px' } }}\r\n        disabled={disabled}\r\n      />\r\n    ) : (\r\n      <Label className={`${SLIDER_CLASS}-value`} size={size} disabled={disabled}>\r\n        {value}\r\n      </Label>\r\n    )}\r\n  </Flexbox>\r\n);\r\n\r\nexport default Value;\r\n"],"names":["Value","size","Sizes","value","inputValues","handleOnChange","disabled","jsx","Flexbox","TextInput","Label","SLIDER_CLASS"],"mappings":"+SAOMA,EAAQ,CAAC,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,EAAO,YAAAC,EAAa,eAAAC,EAAgB,SAAAC,EAAW,EAAA,IACnFC,MAACC,EAAA,CAAQ,IAAI,OAAO,WAAW,SAC5B,SAAAJ,EACCG,EAAAA,IAACE,EAAA,CACC,KAAK,OACL,QAAQ,OACR,UAAU,UACV,KAAAR,EACA,MAAAE,EACA,SAAUE,EACV,aAAc,CAAE,MAAO,CAAE,MAAO,QAAQ,EACxC,SAAAC,CAAA,CACF,EAEAC,EAAAA,IAACG,GAAM,UAAW,GAAGC,EAAAA,YAAY,SAAU,KAAAV,EAAY,SAAAK,EACpD,SAAAH,CAAA,CACH,CAAA,CAEJ"}

package/build/cjs/components/Slider/utils/styleUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Slider/utils/styleUtils.ts"],"sourcesContent":["import { Positions, Alignments } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nexport const getFlexDirectionForLabel = (\n  alignment: SliderTypes.LabelAlignment,\n  position: SliderTypes.LabelPosition,\n): string => {\n  if (position === Positions.Top) {\n    return 'column';\n  }\n\n  if (position === Positions.Bottom) {\n    return 'column-reverse';\n  }\n\n  if (alignment === Alignments.Right) {\n    return 'row-reverse';\n  }\n\n  return 'row';\n};\n\nexport const getAlignItemsForLabel = (\n  alignment: SliderTypes.LabelAlignment,\n  position: SliderTypes.LabelPosition,\n): string => {\n  if (position === Positions.Side) {\n    return 'center';\n  }\n\n  if (alignment === Alignments.Right) {\n    return 'flex-end';\n  }\n\n  return 'flex-start';\n};\n"],"names":["getFlexDirectionForLabel","alignment","position","Positions","Alignments","getAlignItemsForLabel"],"mappings":"uKAGaA,EAA2B,CACtCC,EACAC,IAEIA,IAAaC,EAAAA,UAAU,IAClB,SAGLD,IAAaC,EAAAA,UAAU,OAClB,iBAGLF,IAAcG,EAAAA,WAAW,MACpB,cAGF,MAGIC,EAAwB,CACnCJ,EACAC,IAEIA,IAAaC,EAAAA,UAAU,KAClB,SAGLF,IAAcG,EAAAA,WAAW,MACpB,WAGF"}
+{"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Slider/utils/styleUtils.ts"],"sourcesContent":["import { Positions, Alignments } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nexport const getFlexDirectionForLabel = (\r\n  alignment: SliderTypes.LabelAlignment,\r\n  position: SliderTypes.LabelPosition,\r\n): string => {\r\n  if (position === Positions.Top) {\r\n    return 'column';\r\n  }\r\n\r\n  if (position === Positions.Bottom) {\r\n    return 'column-reverse';\r\n  }\r\n\r\n  if (alignment === Alignments.Right) {\r\n    return 'row-reverse';\r\n  }\r\n\r\n  return 'row';\r\n};\r\n\r\nexport const getAlignItemsForLabel = (\r\n  alignment: SliderTypes.LabelAlignment,\r\n  position: SliderTypes.LabelPosition,\r\n): string => {\r\n  if (position === Positions.Side) {\r\n    return 'center';\r\n  }\r\n\r\n  if (alignment === Alignments.Right) {\r\n    return 'flex-end';\r\n  }\r\n\r\n  return 'flex-start';\r\n};\r\n"],"names":["getFlexDirectionForLabel","alignment","position","Positions","Alignments","getAlignItemsForLabel"],"mappings":"uKAGaA,EAA2B,CACtCC,EACAC,IAEIA,IAAaC,EAAAA,UAAU,IAClB,SAGLD,IAAaC,EAAAA,UAAU,OAClB,iBAGLF,IAAcG,EAAAA,WAAW,MACpB,cAGF,MAGIC,EAAwB,CACnCJ,EACAC,IAEIA,IAAaC,EAAAA,UAAU,KAClB,SAGLF,IAAcG,EAAAA,WAAW,MACpB,WAGF"}

package/build/cjs/components/Stat/Stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport type { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n  (\n    {\n      className = '',\n      size = `${Sizes.Medium}`,\n      labelText,\n      label = true,\n      value,\n      alignment = `${Alignments.Left}`,\n      icon,\n      iconPosition = 'none',\n      additionalInfo,\n      suffix,\n      prefix,\n      valueAnimation = false,\n      countUpProps = {},\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const isLabelIconPosition = icon && iconPosition === 'label';\n    const isValueIconPosition = icon && iconPosition === 'value';\n    const isNextToStatIconPosition = icon && (iconPosition === 'stat' || iconPosition === 'contained');\n\n    return (\n      <Styled.StatWrapper\n        className={classNames(STAT_CLASS, className)}\n        ref={ref}\n        $size={size}\n        $iconPosition={iconPosition}\n        {...rest}\n      >\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\n          <StatIcon size={size} icon={icon} position={iconPosition} />\n        )}\n\n        <Styled.TextWrapper $size={size}>\n          <Styled.LabelWrapper $alignment={alignment}>\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\n\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\n          </Styled.LabelWrapper>\n\n          <Styled.ValueWrapperWithIcon>\n            {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            <Styled.ValueWrapper $alignment={alignment}>\n              <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\n              <Styled.Value $size={size}>\n                {valueAnimation ? (\n                  <CountUp end={value} duration={2} {...countUpProps} />\n                ) : (\n                  // eslint-disable-next-line new-cap\n                  Intl.NumberFormat(rest.lang ?? 'en-GB').format(value)\n                )}\n              </Styled.Value>\n              <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\n            </Styled.ValueWrapper>\n\n            {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n          </Styled.ValueWrapperWithIcon>\n        </Styled.TextWrapper>\n\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\n          <StatIcon size={size} icon={icon} position={iconPosition} />\n        )}\n      </Styled.StatWrapper>\n    );\n  },\n);\n\nexport default Stat;\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"sWAWMA,EAAOC,EAAAA,WACX,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,UAAAC,EAAY,GAAGC,aAAW,IAAI,GAC9B,KAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,OAAAC,EACA,OAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EAAe,CAAA,EACf,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAEtF,OACEW,EAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,MAAOf,EACP,cAAeQ,EACd,GAAGM,EAEH,SAAA,CAAA,CAAC,CAACI,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC7DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOzB,EACzB,SAAA,CAAAmB,EAAAA,KAACO,EAAAA,aAAA,CAAoB,WAAYrB,EAC9B,SAAA,CAAA,CAAC,CAACW,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACjEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DL,GAASoB,EAAAA,IAACI,QAAA,CAAa,MAAO3B,EAAO,SAAAE,EAAU,EAE/C,CAAC,CAACc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAClEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DC,GAAkBc,EAAAA,IAACK,EAAA,CAAe,KAAA5B,EAAY,eAAAS,CAAA,CAAgC,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAA,CAAC,CAACZ,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACxDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACW,EAAAA,aAAA,CAAoB,WAAYzB,EAC/B,SAAA,CAAAkB,EAAAA,IAACQ,EAAAA,OAAA,CAAc,MAAO/B,EAAO,SAAAW,EAAO,EACpCY,EAAAA,IAACS,EAAAA,MAAA,CAAa,MAAOhC,EAClB,SAAAY,EACCW,EAAAA,IAACU,EAAA,CAAQ,IAAK7B,EAAO,SAAU,EAAI,GAAGS,EAAc,EAGpD,KAAK,aAAaC,EAAK,MAAQ,OAAO,EAAE,OAAOV,CAAK,EAExD,QACC8B,EAAAA,OAAA,CAAc,MAAOlC,EAAO,SAAAU,CAAA,CAAO,CAAA,EACtC,EAEC,CAAC,CAACO,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,KAAK,IACzDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAE9D,CAAA,EACF,EAEC,CAAC,CAACU,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAC9DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAAA,CAIlE,CACF"}
+{"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport CountUp from 'react-countup';\r\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\r\nimport StatIcon from './components/StatIcon/StatIcon';\r\nimport * as Styled from './Stat.styles';\r\nimport type { IStatProps } from './Stat.types';\r\n\r\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\r\n  (\r\n    {\r\n      className = '',\r\n      size = `${Sizes.Medium}`,\r\n      labelText,\r\n      label = true,\r\n      value,\r\n      alignment = `${Alignments.Left}`,\r\n      icon,\r\n      iconPosition = 'none',\r\n      additionalInfo,\r\n      suffix,\r\n      prefix,\r\n      valueAnimation = false,\r\n      countUpProps = {},\r\n      ...rest\r\n    },\r\n    ref,\r\n  ): ReactElement => {\r\n    const isLabelIconPosition = icon && iconPosition === 'label';\r\n    const isValueIconPosition = icon && iconPosition === 'value';\r\n    const isNextToStatIconPosition = icon && (iconPosition === 'stat' || iconPosition === 'contained');\r\n\r\n    return (\r\n      <Styled.StatWrapper\r\n        className={classNames(STAT_CLASS, className)}\r\n        ref={ref}\r\n        $size={size}\r\n        $iconPosition={iconPosition}\r\n        {...rest}\r\n      >\r\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\r\n          <StatIcon size={size} icon={icon} position={iconPosition} />\r\n        )}\r\n\r\n        <Styled.TextWrapper $size={size}>\r\n          <Styled.LabelWrapper $alignment={alignment}>\r\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\r\n              <StatIcon size={size} icon={icon} position={iconPosition} />\r\n            )}\r\n\r\n            {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\r\n\r\n            {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\r\n              <StatIcon size={size} icon={icon} position={iconPosition} />\r\n            )}\r\n\r\n            {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\r\n          </Styled.LabelWrapper>\r\n\r\n          <Styled.ValueWrapperWithIcon>\r\n            {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\r\n              <StatIcon size={size} icon={icon} position={iconPosition} />\r\n            )}\r\n\r\n            <Styled.ValueWrapper $alignment={alignment}>\r\n              <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\r\n              <Styled.Value $size={size}>\r\n                {valueAnimation ? (\r\n                  <CountUp end={value} duration={2} {...countUpProps} />\r\n                ) : (\r\n                  // eslint-disable-next-line new-cap\r\n                  Intl.NumberFormat(rest.lang ?? 'en-GB').format(value)\r\n                )}\r\n              </Styled.Value>\r\n              <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\r\n            </Styled.ValueWrapper>\r\n\r\n            {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\r\n              <StatIcon size={size} icon={icon} position={iconPosition} />\r\n            )}\r\n          </Styled.ValueWrapperWithIcon>\r\n        </Styled.TextWrapper>\r\n\r\n        {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\r\n          <StatIcon size={size} icon={icon} position={iconPosition} />\r\n        )}\r\n      </Styled.StatWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Stat;\r\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"sWAWMA,EAAOC,EAAAA,WACX,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,UAAAC,EAAY,GAAGC,aAAW,IAAI,GAC9B,KAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,OAAAC,EACA,OAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EAAe,CAAA,EACf,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAEtF,OACEW,EAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,MAAOf,EACP,cAAeQ,EACd,GAAGM,EAEH,SAAA,CAAA,CAAC,CAACI,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC7DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOzB,EACzB,SAAA,CAAAmB,EAAAA,KAACO,EAAAA,aAAA,CAAoB,WAAYrB,EAC9B,SAAA,CAAA,CAAC,CAACW,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACjEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DL,GAASoB,EAAAA,IAACI,QAAA,CAAa,MAAO3B,EAAO,SAAAE,EAAU,EAE/C,CAAC,CAACc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAClEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DC,GAAkBc,EAAAA,IAACK,EAAA,CAAe,KAAA5B,EAAY,eAAAS,CAAA,CAAgC,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAA,CAAC,CAACZ,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACxDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACW,EAAAA,aAAA,CAAoB,WAAYzB,EAC/B,SAAA,CAAAkB,EAAAA,IAACQ,EAAAA,OAAA,CAAc,MAAO/B,EAAO,SAAAW,EAAO,EACpCY,EAAAA,IAACS,EAAAA,MAAA,CAAa,MAAOhC,EAClB,SAAAY,EACCW,EAAAA,IAACU,EAAA,CAAQ,IAAK7B,EAAO,SAAU,EAAI,GAAGS,EAAc,EAGpD,KAAK,aAAaC,EAAK,MAAQ,OAAO,EAAE,OAAOV,CAAK,EAExD,QACC8B,EAAAA,OAAA,CAAc,MAAOlC,EAAO,SAAAU,CAAA,CAAO,CAAA,EACtC,EAEC,CAAC,CAACO,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,KAAK,IACzDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAE9D,CAAA,EACF,EAEC,CAAC,CAACU,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAC9DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAAA,CAIlE,CACF"}

package/build/cjs/components/Stat/Stat.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.styles.js","sources":["../../../../src/components/Stat/Stat.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { StatConsts, type StatTypes } from 'acinguiux-ds-react-base/components/Stat';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IStatProps } from './Stat.types';\n\ninterface WrapperProps {\n  iconAlign?: StatTypes.Alignment;\n  iconPosition?: StatTypes.IconPosition;\n}\n\nconst LabelWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\n  ${({ $alignment }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\n    gap: 4px;\n  `}\n`;\n\nconst Label = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\n  ${({ $size, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n  `};\n`;\n\nconst PrefixSuffix = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\n  ${({ $size, theme }) => css`\n    ${$size === Sizes.XSmall && theme.typography('label')};\n    ${$size === Sizes.Small && theme.typography('heading', 'small')};\n    ${$size === Sizes.Medium && theme.typography('heading', 'medium')};\n    ${$size === Sizes.Large && theme.typography('heading', 'large')};\n  `};\n`;\n\nconst Prefix = PrefixSuffix;\n\nconst Suffix = PrefixSuffix;\n\nconst Value = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\n  ${({ $size, theme }) => css`\n    ${$size === Sizes.XSmall && theme.typography('heading', 'extraSmall')};\n    ${$size === Sizes.Small && theme.typography('heading', 'medium')};\n    ${$size === Sizes.Medium && theme.typography('display', 'extraSmall')};\n    ${$size === Sizes.Large && theme.typography('display', 'medium')};\n  `};\n`;\n\nconst StatWrapper = styled.div<Required<PickTransient<IStatProps, 'size' | 'iconPosition'>>>`\n  ${({ $size, $iconPosition }) => css`\n    display: flex;\n    align-items: center;\n    gap: ${StatConsts.consts[$size].gap[$iconPosition === 'contained' ? 'contained' : 'default']}px;\n  `}\n`;\n\nconst ValueWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\n  ${({ $alignment }) => css`\n    display: flex;\n    align-items: baseline;\n    justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\n    gap: 2px;\n  `}\n`;\n\nconst ValueWrapperWithIcon = styled.div<WrapperProps>`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`;\n\nconst TextWrapper = styled.div<Required<PickTransient<IStatProps, 'size'>>>`\n  ${({ $size }) => css`\n    display: block;\n    gap: ${StatConsts.consts[$size].gap.text}px;\n  `}\n`;\n\nexport { LabelWrapper, Label, Prefix, Suffix, Value, StatWrapper, ValueWrapper, ValueWrapperWithIcon, TextWrapper };\n"],"names":["LabelWrapper","styled","$alignment","css","Alignments","Label","$size","theme","getLabelTypographySize","PrefixSuffix","Sizes","Prefix","Suffix","Value","StatWrapper","$iconPosition","StatConsts.consts","ValueWrapper","ValueWrapperWithIcon","TextWrapper"],"mappings":"0TAaMA,EAAeC,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA;AAAAA;AAAAA;AAAAA,uBAGDD,IAAe,GAAGE,EAAAA,WAAW,KAAK,GAAK,MAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,EAGGC,EAAQJ,EAAAA,OAAO;AAAA,IACjB,CAAC,CAAE,MAAAK,EAAO,MAAAC,CAAA,IAAYJ,EAAAA;AAAAA,MACpBI,EAAM,WAAW,QAASC,EAAAA,uBAAuBF,CAAK,EAAG,QAAQ,CAAC;AAAA,GACrE;AAAA,EAGGG,EAAeR,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,MAAAK,EAAO,MAAAC,CAAA,IAAYJ,EAAAA;AAAAA,MACpBG,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,OAAO,CAAC;AAAA,MACnDD,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,OAAO,CAAC;AAAA,MAC7DD,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,UAAW,QAAQ,CAAC;AAAA,MAC/DD,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,OAAO,CAAC;AAAA,GAChE;AAAA,EAGGI,EAASF,EAETG,EAASH,EAETI,EAAQZ,EAAAA,OAAO;AAAA,IACjB,CAAC,CAAE,MAAAK,EAAO,MAAAC,CAAA,IAAYJ,EAAAA;AAAAA,MACpBG,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,UAAW,YAAY,CAAC;AAAA,MACnED,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,QAAQ,CAAC;AAAA,MAC9DD,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,UAAW,YAAY,CAAC;AAAA,MACnED,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,QAAQ,CAAC;AAAA,GACjE;AAAA,EAGGO,EAAcb,EAAAA,OAAO;AAAA,IACvB,CAAC,CAAE,MAAAK,EAAO,cAAAS,CAAA,IAAoBZ,EAAAA;AAAAA;AAAAA;AAAAA,WAGvBa,EAAAA,OAAkBV,CAAK,EAAE,IAAIS,IAAkB,YAAc,YAAc,SAAS,CAAC;AAAA,GAC7F;AAAA,EAGGE,EAAehB,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA;AAAAA;AAAAA;AAAAA,uBAGDD,IAAe,GAAGE,EAAAA,WAAW,KAAK,GAAK,MAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,EAGGc,EAAuBjB,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAM9BkB,EAAclB,EAAAA,OAAO;AAAA,IACvB,CAAC,CAAE,MAAAK,CAAA,IAAYH,EAAAA;AAAAA;AAAAA,WAERa,SAAkBV,CAAK,EAAE,IAAI,IAAI;AAAA,GACzC;AAAA"}
+{"version":3,"file":"Stat.styles.js","sources":["../../../../src/components/Stat/Stat.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { StatConsts, type StatTypes } from 'acinguiux-ds-react-base/components/Stat';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IStatProps } from './Stat.types';\r\n\r\ninterface WrapperProps {\r\n  iconAlign?: StatTypes.Alignment;\r\n  iconPosition?: StatTypes.IconPosition;\r\n}\r\n\r\nconst LabelWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\r\n  ${({ $alignment }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\r\n    gap: 4px;\r\n  `}\r\n`;\r\n\r\nconst Label = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\r\n  ${({ $size, theme }) => css`\r\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\r\n  `};\r\n`;\r\n\r\nconst PrefixSuffix = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\r\n  ${({ $size, theme }) => css`\r\n    ${$size === Sizes.XSmall && theme.typography('label')};\r\n    ${$size === Sizes.Small && theme.typography('heading', 'small')};\r\n    ${$size === Sizes.Medium && theme.typography('heading', 'medium')};\r\n    ${$size === Sizes.Large && theme.typography('heading', 'large')};\r\n  `};\r\n`;\r\n\r\nconst Prefix = PrefixSuffix;\r\n\r\nconst Suffix = PrefixSuffix;\r\n\r\nconst Value = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\r\n  ${({ $size, theme }) => css`\r\n    ${$size === Sizes.XSmall && theme.typography('heading', 'extraSmall')};\r\n    ${$size === Sizes.Small && theme.typography('heading', 'medium')};\r\n    ${$size === Sizes.Medium && theme.typography('display', 'extraSmall')};\r\n    ${$size === Sizes.Large && theme.typography('display', 'medium')};\r\n  `};\r\n`;\r\n\r\nconst StatWrapper = styled.div<Required<PickTransient<IStatProps, 'size' | 'iconPosition'>>>`\r\n  ${({ $size, $iconPosition }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    gap: ${StatConsts.consts[$size].gap[$iconPosition === 'contained' ? 'contained' : 'default']}px;\r\n  `}\r\n`;\r\n\r\nconst ValueWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\r\n  ${({ $alignment }) => css`\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\r\n    gap: 2px;\r\n  `}\r\n`;\r\n\r\nconst ValueWrapperWithIcon = styled.div<WrapperProps>`\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TextWrapper = styled.div<Required<PickTransient<IStatProps, 'size'>>>`\r\n  ${({ $size }) => css`\r\n    display: block;\r\n    gap: ${StatConsts.consts[$size].gap.text}px;\r\n  `}\r\n`;\r\n\r\nexport { LabelWrapper, Label, Prefix, Suffix, Value, StatWrapper, ValueWrapper, ValueWrapperWithIcon, TextWrapper };\r\n"],"names":["LabelWrapper","styled","$alignment","css","Alignments","Label","$size","theme","getLabelTypographySize","PrefixSuffix","Sizes","Prefix","Suffix","Value","StatWrapper","$iconPosition","StatConsts.consts","ValueWrapper","ValueWrapperWithIcon","TextWrapper"],"mappings":"0TAaMA,EAAeC,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA;AAAAA;AAAAA;AAAAA,uBAGDD,IAAe,GAAGE,EAAAA,WAAW,KAAK,GAAK,MAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,EAGGC,EAAQJ,EAAAA,OAAO;AAAA,IACjB,CAAC,CAAE,MAAAK,EAAO,MAAAC,CAAA,IAAYJ,EAAAA;AAAAA,MACpBI,EAAM,WAAW,QAASC,EAAAA,uBAAuBF,CAAK,EAAG,QAAQ,CAAC;AAAA,GACrE;AAAA,EAGGG,EAAeR,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,MAAAK,EAAO,MAAAC,CAAA,IAAYJ,EAAAA;AAAAA,MACpBG,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,OAAO,CAAC;AAAA,MACnDD,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,OAAO,CAAC;AAAA,MAC7DD,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,UAAW,QAAQ,CAAC;AAAA,MAC/DD,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,OAAO,CAAC;AAAA,GAChE;AAAA,EAGGI,EAASF,EAETG,EAASH,EAETI,EAAQZ,EAAAA,OAAO;AAAA,IACjB,CAAC,CAAE,MAAAK,EAAO,MAAAC,CAAA,IAAYJ,EAAAA;AAAAA,MACpBG,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,UAAW,YAAY,CAAC;AAAA,MACnED,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,QAAQ,CAAC;AAAA,MAC9DD,IAAUI,EAAAA,MAAM,QAAUH,EAAM,WAAW,UAAW,YAAY,CAAC;AAAA,MACnED,IAAUI,EAAAA,MAAM,OAASH,EAAM,WAAW,UAAW,QAAQ,CAAC;AAAA,GACjE;AAAA,EAGGO,EAAcb,EAAAA,OAAO;AAAA,IACvB,CAAC,CAAE,MAAAK,EAAO,cAAAS,CAAA,IAAoBZ,EAAAA;AAAAA;AAAAA;AAAAA,WAGvBa,EAAAA,OAAkBV,CAAK,EAAE,IAAIS,IAAkB,YAAc,YAAc,SAAS,CAAC;AAAA,GAC7F;AAAA,EAGGE,EAAehB,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA;AAAAA;AAAAA;AAAAA,uBAGDD,IAAe,GAAGE,EAAAA,WAAW,KAAK,GAAK,MAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,EAGGc,EAAuBjB,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAM9BkB,EAAclB,EAAAA,OAAO;AAAA,IACvB,CAAC,CAAE,MAAAK,CAAA,IAAYH,EAAAA;AAAAA;AAAAA,WAERa,SAAkBV,CAAK,EAAE,IAAI,IAAI;AAAA,GACzC;AAAA"}

package/build/cjs/components/Stat/components/AdditionalInfo/AdditionalInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalInfo.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.tsx"],"sourcesContent":["import { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\n\nimport InfoCircle from '../../../Icon/components/InfoCircle';\nimport Tooltip from '../../../Tooltip/Tooltip';\nimport type { IAdditionalInfoProps } from './AdditionalInfo.types';\nimport Styled from './AdditionalInfo.styles';\n\nconst AdditionalInfo = ({ size, additionalInfo }: IAdditionalInfoProps) => (\n  <Tooltip\n    trigger={<InfoCircle width={StatConsts.consts[size].icon.label} height={StatConsts.consts[size].icon.label} />}\n    overlay={<Styled.Overlay>{additionalInfo}</Styled.Overlay>}\n  />\n);\n\nexport default AdditionalInfo;\n"],"names":["AdditionalInfo","size","additionalInfo","jsx","Tooltip","InfoCircle","StatConsts.consts","Styled"],"mappings":"8PAOMA,EAAiB,CAAC,CAAE,KAAAC,EAAM,eAAAC,KAC9BC,EAAAA,IAACC,EAAA,CACC,QAASD,EAAAA,IAACE,EAAA,CAAW,MAAOC,EAAAA,OAAkBL,CAAI,EAAE,KAAK,MAAO,OAAQK,EAAAA,OAAkBL,CAAI,EAAE,KAAK,MAAO,EAC5G,QAASE,EAAAA,IAACI,EAAO,QAAP,CAAgB,SAAAL,CAAA,CAAe,CAAA,CAC3C"}
+{"version":3,"file":"AdditionalInfo.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.tsx"],"sourcesContent":["import { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\r\n\r\nimport InfoCircle from '../../../Icon/components/InfoCircle';\r\nimport Tooltip from '../../../Tooltip/Tooltip';\r\nimport type { IAdditionalInfoProps } from './AdditionalInfo.types';\r\nimport Styled from './AdditionalInfo.styles';\r\n\r\nconst AdditionalInfo = ({ size, additionalInfo }: IAdditionalInfoProps) => (\r\n  <Tooltip\r\n    trigger={<InfoCircle width={StatConsts.consts[size].icon.label} height={StatConsts.consts[size].icon.label} />}\r\n    overlay={<Styled.Overlay>{additionalInfo}</Styled.Overlay>}\r\n  />\r\n);\r\n\r\nexport default AdditionalInfo;\r\n"],"names":["AdditionalInfo","size","additionalInfo","jsx","Tooltip","InfoCircle","StatConsts.consts","Styled"],"mappings":"8PAOMA,EAAiB,CAAC,CAAE,KAAAC,EAAM,eAAAC,KAC9BC,EAAAA,IAACC,EAAA,CACC,QAASD,EAAAA,IAACE,EAAA,CAAW,MAAOC,EAAAA,OAAkBL,CAAI,EAAE,KAAK,MAAO,OAAQK,EAAAA,OAAkBL,CAAI,EAAE,KAAK,MAAO,EAC5G,QAASE,EAAAA,IAACI,EAAO,QAAP,CAAgB,SAAAL,CAAA,CAAe,CAAA,CAC3C"}

package/build/cjs/components/Stat/components/AdditionalInfo/AdditionalInfo.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalInfo.styles.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nconst Overlay = styled.span`\n  ${({ theme }) => theme.typography('label')};\n\n  display: block;\n  padding: 4px 8px;\n  max-width: 240px;\n`;\n\nexport default { Overlay };\n"],"names":["Overlay","styled","theme","Styled"],"mappings":"kDAEMA,EAAUC,EAAAA,OAAO;AAAA,IACnB,CAAC,CAAE,MAAAC,CAAA,IAAYA,EAAM,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5CC,EAAe,CAAE,QAAAH,CAAA"}
+{"version":3,"file":"AdditionalInfo.styles.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nconst Overlay = styled.span`\r\n  ${({ theme }) => theme.typography('label')};\r\n\r\n  display: block;\r\n  padding: 4px 8px;\r\n  max-width: 240px;\r\n`;\r\n\r\nexport default { Overlay };\r\n"],"names":["Overlay","styled","theme","Styled"],"mappings":"kDAEMA,EAAUC,EAAAA,OAAO;AAAA,IACnB,CAAC,CAAE,MAAAC,CAAA,IAAYA,EAAM,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5CC,EAAe,CAAE,QAAAH,CAAA"}

package/build/cjs/components/Stat/components/StatIcon/StatIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatIcon.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.tsx"],"sourcesContent":["import * as Styled from './StatIcon.styles';\nimport type { IStatIconProps } from './StatIcon.types';\n\nconst StatIcon = ({ size, icon, position }: IStatIconProps) => (\n  <Styled.IconWrapper $size={size} $position={position}>\n    {icon}\n  </Styled.IconWrapper>\n);\n\nexport default StatIcon;\n"],"names":["StatIcon","size","icon","position","jsx","Styled.IconWrapper"],"mappings":"oFAGMA,EAAW,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,SAAAC,CAAA,IAC9BC,EAAAA,IAACC,EAAAA,YAAA,CAAmB,MAAOJ,EAAM,UAAWE,EACzC,SAAAD,CAAA,CACH"}
+{"version":3,"file":"StatIcon.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.tsx"],"sourcesContent":["import * as Styled from './StatIcon.styles';\r\nimport type { IStatIconProps } from './StatIcon.types';\r\n\r\nconst StatIcon = ({ size, icon, position }: IStatIconProps) => (\r\n  <Styled.IconWrapper $size={size} $position={position}>\r\n    {icon}\r\n  </Styled.IconWrapper>\r\n);\r\n\r\nexport default StatIcon;\r\n"],"names":["StatIcon","size","icon","position","jsx","Styled.IconWrapper"],"mappings":"oFAGMA,EAAW,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,SAAAC,CAAA,IAC9BC,EAAAA,IAACC,EAAAA,YAAA,CAAmB,MAAOJ,EAAM,UAAWE,EACzC,SAAAD,CAAA,CACH"}

package/build/cjs/components/Stat/components/StatIcon/StatIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatIcon.styles.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IStatIconProps } from './StatIcon.types';\n\nconst IconWrapper = styled.span<Required<PickTransient<IStatIconProps, 'size' | 'position'>>>`\n  ${({ $size, $position, theme }) => {\n    const layer = theme.layer({});\n\n    return css`\n      ${$position !== 'contained'\n        ? css`\n            width: ${StatConsts.consts[$size].icon[$position]}px;\n            height: ${StatConsts.consts[$size].icon[$position]}px;\n          `\n        : css`\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: ${StatConsts.consts[$size].icon.containedWrapper}px;\n            height: ${StatConsts.consts[$size].icon.containedWrapper}px;\n            border-radius: 8px;\n            background-color: ${layer[Variables.BackgroundBrand]};\n          `}\n\n      > svg {\n        display: block;\n        width: ${StatConsts.consts[$size].icon[$position]}px;\n        height: ${StatConsts.consts[$size].icon[$position]}px;\n      }\n    `;\n  }}\n`;\n\nexport { IconWrapper };\n"],"names":["IconWrapper","styled","$size","$position","theme","layer","css","StatConsts.consts","Variables"],"mappings":"qRAOMA,EAAcC,EAAAA,OAAO;AAAA,IACvB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAY,CACjC,MAAMC,EAAQD,EAAM,MAAM,EAAE,EAE5B,OAAOE,EAAAA;AAAAA,QACHH,IAAc,YACZG,EAAAA;AAAAA,qBACWC,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,sBACvCI,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,YAEpDG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAIWC,SAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA,sBAC7CK,SAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA;AAAA,gCAEpCG,EAAMG,YAAU,eAAe,CAAC;AAAA,WACrD;AAAA;AAAA;AAAA;AAAA,iBAIMD,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,kBACvCI,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA;AAAA,KAGxD,CAAC;AAAA"}
+{"version":3,"file":"StatIcon.styles.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IStatIconProps } from './StatIcon.types';\r\n\r\nconst IconWrapper = styled.span<Required<PickTransient<IStatIconProps, 'size' | 'position'>>>`\r\n  ${({ $size, $position, theme }) => {\r\n    const layer = theme.layer({});\r\n\r\n    return css`\r\n      ${$position !== 'contained'\r\n        ? css`\r\n            width: ${StatConsts.consts[$size].icon[$position]}px;\r\n            height: ${StatConsts.consts[$size].icon[$position]}px;\r\n          `\r\n        : css`\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: ${StatConsts.consts[$size].icon.containedWrapper}px;\r\n            height: ${StatConsts.consts[$size].icon.containedWrapper}px;\r\n            border-radius: 8px;\r\n            background-color: ${layer[Variables.BackgroundBrand]};\r\n          `}\r\n\r\n      > svg {\r\n        display: block;\r\n        width: ${StatConsts.consts[$size].icon[$position]}px;\r\n        height: ${StatConsts.consts[$size].icon[$position]}px;\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { IconWrapper };\r\n"],"names":["IconWrapper","styled","$size","$position","theme","layer","css","StatConsts.consts","Variables"],"mappings":"qRAOMA,EAAcC,EAAAA,OAAO;AAAA,IACvB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAY,CACjC,MAAMC,EAAQD,EAAM,MAAM,EAAE,EAE5B,OAAOE,EAAAA;AAAAA,QACHH,IAAc,YACZG,EAAAA;AAAAA,qBACWC,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,sBACvCI,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,YAEpDG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAIWC,SAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA,sBAC7CK,SAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA;AAAA,gCAEpCG,EAAMG,YAAU,eAAe,CAAC;AAAA,WACrD;AAAA;AAAA;AAAA;AAAA,iBAIMD,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,kBACvCI,EAAAA,OAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA;AAAA,KAGxD,CAAC;AAAA"}