acinguiux-ds-react-framework 0.1.25 → 0.1.27

package/build/esm/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  ComponentPropsWithoutRef,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from '../TextInput/components/Affix';\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n  ...rest\n}: ComponentPropsWithoutRef<'div'> & {\n  size: TextAreaTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size} {...rest}>\n    <Styled.ClearButton\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      resize = 'both',\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      defaultValue,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => {\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\n      [capturedValue, allowClear, disabled, readOnly],\n    );\n\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\n      suffixRef,\n      showClear,\n      size,\n      suffix,\n    });\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLTextAreaElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextAreaWrapper\n        className={classNames(TEXT_AREA_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Styled.TextArea\n          ref={innerRef}\n          style={{ paddingInlineEnd, minWidth }}\n          className={`${TEXT_AREA_CLASS}-input`}\n          disabled={disabled}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          data-focused={focusKind}\n          data-resizable={resize}\n          aria-invalid={invalid}\n          onChange={handleOnChange}\n          readOnly={readOnly}\n          value={value}\n          defaultValue={defaultValue}\n          onMouseDownCapture={handleOnMouseDownCapture}\n          {...rest}\n        />\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\n        {!!suffix && (\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\n        )}\n      </Styled.TextAreaWrapper>\n    );\n  },\n);\n\nexport default TextArea;\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\r\n  type ChangeEvent,\r\n  ComponentPropsWithoutRef,\r\n  type ForwardedRef,\r\n  type MouseEvent,\r\n  forwardRef,\r\n  useCallback,\r\n  useImperativeHandle,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './TextArea.styles';\r\nimport type { ITextAreaProps } from './TextArea.types';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\nimport { Affix } from '../TextInput/components/Affix';\r\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\r\n\r\nconst ClearButton = ({\r\n  size,\r\n  onClearClick,\r\n  ...rest\r\n}: ComponentPropsWithoutRef<'div'> & {\r\n  size: TextAreaTypes.Size;\r\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\r\n}) => (\r\n  <Styled.ClearButtonContainer $size={size} {...rest}>\r\n    <Styled.ClearButton\r\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\r\n      variant={Variants.Transparent}\r\n      icon={<Cross />}\r\n      iconOnly={true}\r\n      onClick={onClearClick}\r\n    />\r\n  </Styled.ClearButtonContainer>\r\n);\r\n\r\nconst TextArea = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = Sizes.Medium,\r\n      invalid = false,\r\n      disabled = false,\r\n      allowClear = false,\r\n      readOnly = false,\r\n      resize = 'both',\r\n      wrapperProps,\r\n      prefix,\r\n      suffix,\r\n      onChange,\r\n      onMouseDownCapture,\r\n      onClear,\r\n      onFocus,\r\n      onBlur,\r\n      value,\r\n      defaultValue,\r\n      ...rest\r\n    }: ITextAreaProps,\r\n    ref: ForwardedRef<HTMLTextAreaElement>,\r\n  ) => {\r\n    const suffixRef = useRef<HTMLDivElement>(null);\r\n    const innerRef = useRef<HTMLTextAreaElement>(null);\r\n    useImperativeHandle(ref, () => innerRef.current!);\r\n\r\n    const [capturedValue, setCapturedValue] = useState(() => value);\r\n    const showClear = useMemo(\r\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\r\n      [capturedValue, allowClear, disabled, readOnly],\r\n    );\r\n\r\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\r\n      suffixRef,\r\n      showClear,\r\n      size,\r\n      suffix,\r\n    });\r\n\r\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n      onFocus,\r\n      onBlur,\r\n      inputRef: innerRef,\r\n      onClick: wrapperProps?.onClick,\r\n      onMouseDownCapture,\r\n    });\r\n\r\n    const onClearClick = useCallback(\r\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\r\n        // simulate the clear button click\r\n        if (innerRef.current) {\r\n          // reset the value of the input\r\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\r\n            window.HTMLTextAreaElement.prototype,\r\n            'value',\r\n          )?.set;\r\n          nativeInputValueSetter?.call(innerRef.current, '');\r\n          // trigger the input event\r\n          const inputEvent = new Event('input', { bubbles: true });\r\n          innerRef.current.dispatchEvent(inputEvent);\r\n        }\r\n        // call the onClear function if it exists\r\n        onClear?.(mouseEvent);\r\n      },\r\n      [innerRef, onClear],\r\n    );\r\n\r\n    const handleOnChange = useCallback(\r\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\r\n        setCapturedValue(event.target.value);\r\n        onChange?.(event);\r\n      },\r\n      [onChange],\r\n    );\r\n\r\n    return (\r\n      <Styled.TextAreaWrapper\r\n        className={classNames(TEXT_AREA_CLASS, className)}\r\n        $size={size}\r\n        $disabled={disabled}\r\n        $invalid={invalid}\r\n        $readOnly={readOnly}\r\n        {...wrapperProps}\r\n        onClick={handleOnClick}\r\n      >\r\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\r\n        <Styled.TextArea\r\n          ref={innerRef}\r\n          style={{ paddingInlineEnd, minWidth }}\r\n          className={`${TEXT_AREA_CLASS}-input`}\r\n          disabled={disabled}\r\n          onFocus={handleOnFocus}\r\n          onBlur={handleOnBlur}\r\n          data-focused={focusKind}\r\n          data-resizable={resize}\r\n          aria-invalid={invalid}\r\n          onChange={handleOnChange}\r\n          readOnly={readOnly}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          onMouseDownCapture={handleOnMouseDownCapture}\r\n          {...rest}\r\n        />\r\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\r\n        {!!suffix && (\r\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\r\n        )}\r\n      </Styled.TextAreaWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default TextArea;\r\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":"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"}

package/build/esm/components/TextArea/TextArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { InputConsts, InputStyles, type InputTypes } from 'acinguiux-ds-react-base/components/Input';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\n\nconst TextArea = styled.textarea`\n  width: fill-available;\n\n  &[data-resizable='both'] {\n    resize: both;\n  }\n\n  &[data-resizable='horizontal'] {\n    resize: horizontal;\n  }\n\n  &[data-resizable='vertical'] {\n    resize: vertical;\n  }\n\n  &[data-resizable='none'] {\n    resize: none;\n  }\n`;\n\nexport const ClearButton = styled(Button)``;\n\nexport const ClearButtonContainer = styled.div<{ $size: TextAreaTypes.Size }>`\n  ${({ $size }) => `\n    position: absolute;\n    display: inline-flex;\n    margin: 0;\n    top: ${InputConsts.consts[$size].containerPadding}px;\n    right: 0;\n    align-self: self-start;\n    & > ${ClearButton} {\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\n    }\n\n    ${\n      $size === Sizes.XSmall &&\n      `\n      padding: 4px;\n      & > ${ClearButton} {\n        min-width: 16px;\n        min-height: 16px;\n        width: 16px;\n        height: 16px;\n      }\n    `\n    };\n  `}\n`;\n\nconst TextAreaWrapper = styled.div<InputTypes.IProps>`\n  ${InputStyles.WrapperStyles};\n  width: fit-content;\n  max-width: 100%;\n\n  &:has(textarea[data-resizable='vertical']),\n  &:has(textarea[data-resizable='none']) {\n    width: 100%;\n  }\n`;\n\nexport { TextAreaWrapper, TextArea };\n"],"names":["TextArea","styled","ClearButton","Button","ClearButtonContainer","$size","InputConsts.consts","Sizes","TextAreaWrapper","InputStyles.WrapperStyles"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBXC,IAAcD,EAAOE,CAAM,KAE3BC,IAAuBH,EAAO;AAAA,IACvC,CAAC,EAAE,OAAAI,QAAY;AAAA;AAAA;AAAA;AAAA,WAIRC,EAAmBD,CAAK,EAAE,gBAAgB;AAAA;AAAA;AAAA,UAG3CH,CAAW;AAAA,uBACEG,MAAUE,EAAM,SAAS,IAAID,EAAmBD,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,MAAUE,EAAM,UAChB;AAAA;AAAA,YAEML,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA,GAGGM,IAAkBP,EAAO;AAAA,IAC3BQ,CAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\r\nimport { InputConsts, InputStyles, type InputTypes } from 'acinguiux-ds-react-base/components/Input';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nconst TextArea = styled.textarea`\r\n  width: fill-available;\r\n\r\n  &[data-resizable='both'] {\r\n    resize: both;\r\n  }\r\n\r\n  &[data-resizable='horizontal'] {\r\n    resize: horizontal;\r\n  }\r\n\r\n  &[data-resizable='vertical'] {\r\n    resize: vertical;\r\n  }\r\n\r\n  &[data-resizable='none'] {\r\n    resize: none;\r\n  }\r\n`;\r\n\r\nexport const ClearButton = styled(Button)``;\r\n\r\nexport const ClearButtonContainer = styled.div<{ $size: TextAreaTypes.Size }>`\r\n  ${({ $size }) => `\r\n    position: absolute;\r\n    display: inline-flex;\r\n    margin: 0;\r\n    top: ${InputConsts.consts[$size].containerPadding}px;\r\n    right: 0;\r\n    align-self: self-start;\r\n    & > ${ClearButton} {\r\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\r\n    }\r\n\r\n    ${\r\n      $size === Sizes.XSmall &&\r\n      `\r\n      padding: 4px;\r\n      & > ${ClearButton} {\r\n        min-width: 16px;\r\n        min-height: 16px;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    `\r\n    };\r\n  `}\r\n`;\r\n\r\nconst TextAreaWrapper = styled.div<InputTypes.IProps>`\r\n  ${InputStyles.WrapperStyles};\r\n  width: fit-content;\r\n  max-width: 100%;\r\n\r\n  &:has(textarea[data-resizable='vertical']),\r\n  &:has(textarea[data-resizable='none']) {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport { TextAreaWrapper, TextArea };\r\n"],"names":["TextArea","styled","ClearButton","Button","ClearButtonContainer","$size","InputConsts.consts","Sizes","TextAreaWrapper","InputStyles.WrapperStyles"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBXC,IAAcD,EAAOE,CAAM,KAE3BC,IAAuBH,EAAO;AAAA,IACvC,CAAC,EAAE,OAAAI,QAAY;AAAA;AAAA;AAAA;AAAA,WAIRC,EAAmBD,CAAK,EAAE,gBAAgB;AAAA;AAAA;AAAA,UAG3CH,CAAW;AAAA,uBACEG,MAAUE,EAAM,SAAS,IAAID,EAAmBD,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,MAAUE,EAAM,UAChB;AAAA;AAAA,YAEML,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA,GAGGM,IAAkBP,EAAO;AAAA,IAC3BQ,CAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/TextArea/hooks/useRightSideValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRightSideValues.js","sources":["../../../../../src/components/TextArea/hooks/useRightSideValues.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\n\ntype UseTextAreaRightSideValuesProps = {\n  suffixRef: RefObject<HTMLDivElement>;\n  suffix?: TextAreaTypes.Affix;\n  showClear: boolean;\n  size: TextAreaTypes.Size;\n};\nconst textAreaDefaultEndPadding = (size: TextAreaTypes.Size) => InputConsts.consts[size].padding.inline;\nconst textAreaWrapperGap = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerGap;\n\nconst BTN_SIZE_DIFF = 8;\nconst clearBtnWidth = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerHeight - BTN_SIZE_DIFF;\n\n// MIN_WIDTH_EXTRA = 28 (12 + 16 -> textarea extraLarge min width + scrollbar width)\nconst MIN_WIDTH_EXTRA = 48;\n\nexport const useTextAreaRightSideValues = ({ suffixRef, suffix, showClear, size }: UseTextAreaRightSideValuesProps) => {\n  const [minWidth, setMinWidth] = useState<number>();\n  const [clearBtnRight, setClearBtnRight] = useState<number>();\n  const [paddingInlineEnd, setPaddingInlineEnd] = useState<number>();\n\n  useEffect(() => {\n    const clearBtnSize = showClear ? clearBtnWidth(size) + textAreaWrapperGap(size) : 0;\n    const suffixSize =\n      suffix && suffixRef.current ? suffixRef.current.getBoundingClientRect().width + textAreaWrapperGap(size) : 0;\n\n    setMinWidth(() => suffixSize + clearBtnSize + MIN_WIDTH_EXTRA);\n    setClearBtnRight(() => suffixSize + textAreaWrapperGap(size));\n    setPaddingInlineEnd(() => textAreaDefaultEndPadding(size) + clearBtnSize + suffixSize);\n  }, [suffixRef, suffix, showClear, size]);\n\n  return {\n    paddingInlineEnd,\n    minWidth,\n    clearBtnRight,\n  };\n};\n"],"names":["textAreaDefaultEndPadding","size","InputConsts.consts","textAreaWrapperGap","BTN_SIZE_DIFF","clearBtnWidth","MIN_WIDTH_EXTRA","useTextAreaRightSideValues","suffixRef","suffix","showClear","minWidth","setMinWidth","useState","clearBtnRight","setClearBtnRight","paddingInlineEnd","setPaddingInlineEnd","useEffect","clearBtnSize","suffixSize"],"mappings":";;AAWA,MAAMA,IAA4B,CAACC,MAA6BC,EAAmBD,CAAI,EAAE,QAAQ,QAC3FE,IAAqB,CAACF,MAA6BC,EAAmBD,CAAI,EAAE,cAE5EG,IAAgB,GAChBC,IAAgB,CAACJ,MAA6BC,EAAmBD,CAAI,EAAE,kBAAkBG,GAGzFE,IAAkB,IAEXC,IAA6B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,MAAAT,QAA4C;AACrH,QAAM,CAACU,GAAUC,CAAW,IAAIC,EAAA,GAC1B,CAACC,GAAeC,CAAgB,IAAIF,EAAA,GACpC,CAACG,GAAkBC,CAAmB,IAAIJ,EAAA;AAEhD,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAeT,IAAYL,EAAcJ,CAAI,IAAIE,EAAmBF,CAAI,IAAI,GAC5EmB,IACJX,KAAUD,EAAU,UAAUA,EAAU,QAAQ,sBAAA,EAAwB,QAAQL,EAAmBF,CAAI,IAAI;AAE7G,IAAAW,EAAY,MAAMQ,IAAaD,IAAeb,CAAe,GAC7DS,EAAiB,MAAMK,IAAajB,EAAmBF,CAAI,CAAC,GAC5DgB,EAAoB,MAAMjB,EAA0BC,CAAI,IAAIkB,IAAeC,CAAU;AAAA,EACvF,GAAG,CAACZ,GAAWC,GAAQC,GAAWT,CAAI,CAAC,GAEhC;AAAA,IACL,kBAAAe;AAAA,IACA,UAAAL;AAAA,IACA,eAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useRightSideValues.js","sources":["../../../../../src/components/TextArea/hooks/useRightSideValues.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\r\n\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\r\n\r\ntype UseTextAreaRightSideValuesProps = {\r\n  suffixRef: RefObject<HTMLDivElement>;\r\n  suffix?: TextAreaTypes.Affix;\r\n  showClear: boolean;\r\n  size: TextAreaTypes.Size;\r\n};\r\nconst textAreaDefaultEndPadding = (size: TextAreaTypes.Size) => InputConsts.consts[size].padding.inline;\r\nconst textAreaWrapperGap = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerGap;\r\n\r\nconst BTN_SIZE_DIFF = 8;\r\nconst clearBtnWidth = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerHeight - BTN_SIZE_DIFF;\r\n\r\n// MIN_WIDTH_EXTRA = 28 (12 + 16 -> textarea extraLarge min width + scrollbar width)\r\nconst MIN_WIDTH_EXTRA = 48;\r\n\r\nexport const useTextAreaRightSideValues = ({ suffixRef, suffix, showClear, size }: UseTextAreaRightSideValuesProps) => {\r\n  const [minWidth, setMinWidth] = useState<number>();\r\n  const [clearBtnRight, setClearBtnRight] = useState<number>();\r\n  const [paddingInlineEnd, setPaddingInlineEnd] = useState<number>();\r\n\r\n  useEffect(() => {\r\n    const clearBtnSize = showClear ? clearBtnWidth(size) + textAreaWrapperGap(size) : 0;\r\n    const suffixSize =\r\n      suffix && suffixRef.current ? suffixRef.current.getBoundingClientRect().width + textAreaWrapperGap(size) : 0;\r\n\r\n    setMinWidth(() => suffixSize + clearBtnSize + MIN_WIDTH_EXTRA);\r\n    setClearBtnRight(() => suffixSize + textAreaWrapperGap(size));\r\n    setPaddingInlineEnd(() => textAreaDefaultEndPadding(size) + clearBtnSize + suffixSize);\r\n  }, [suffixRef, suffix, showClear, size]);\r\n\r\n  return {\r\n    paddingInlineEnd,\r\n    minWidth,\r\n    clearBtnRight,\r\n  };\r\n};\r\n"],"names":["textAreaDefaultEndPadding","size","InputConsts.consts","textAreaWrapperGap","BTN_SIZE_DIFF","clearBtnWidth","MIN_WIDTH_EXTRA","useTextAreaRightSideValues","suffixRef","suffix","showClear","minWidth","setMinWidth","useState","clearBtnRight","setClearBtnRight","paddingInlineEnd","setPaddingInlineEnd","useEffect","clearBtnSize","suffixSize"],"mappings":";;AAWA,MAAMA,IAA4B,CAACC,MAA6BC,EAAmBD,CAAI,EAAE,QAAQ,QAC3FE,IAAqB,CAACF,MAA6BC,EAAmBD,CAAI,EAAE,cAE5EG,IAAgB,GAChBC,IAAgB,CAACJ,MAA6BC,EAAmBD,CAAI,EAAE,kBAAkBG,GAGzFE,IAAkB,IAEXC,IAA6B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,MAAAT,QAA4C;AACrH,QAAM,CAACU,GAAUC,CAAW,IAAIC,EAAA,GAC1B,CAACC,GAAeC,CAAgB,IAAIF,EAAA,GACpC,CAACG,GAAkBC,CAAmB,IAAIJ,EAAA;AAEhD,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAeT,IAAYL,EAAcJ,CAAI,IAAIE,EAAmBF,CAAI,IAAI,GAC5EmB,IACJX,KAAUD,EAAU,UAAUA,EAAU,QAAQ,sBAAA,EAAwB,QAAQL,EAAmBF,CAAI,IAAI;AAE7G,IAAAW,EAAY,MAAMQ,IAAaD,IAAeb,CAAe,GAC7DS,EAAiB,MAAMK,IAAajB,EAAmBF,CAAI,CAAC,GAC5DgB,EAAoB,MAAMjB,EAA0BC,CAAI,IAAIkB,IAAeC,CAAU;AAAA,EACvF,GAAG,CAACZ,GAAWC,GAAQC,GAAWT,CAAI,CAAC,GAEhC;AAAA,IACL,kBAAAe;AAAA,IACA,UAAAL;AAAA,IACA,eAAAG;AAAA,EAAA;AAEJ;"}

package/build/esm/components/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Loading from '../Loading/Loading';\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from './components/Affix';\nimport { ExtraButton } from './components/ExtraButton';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n}: {\n  size: TextInputTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size}>\n    <Styled.ClearButton\n      aria-label=\"clear input\"\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst getLoadingSize = (size: TextInputTypes.Size) => {\n  if (size === Sizes.XSmall || size === Sizes.Small) {\n    return Sizes.Smallest;\n  }\n\n  return Sizes.XSmall;\n};\n\nconst TextInput = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      extraButton,\n      inputRef,\n      loading = false,\n      ...props\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => innerRef.current!);\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () =>\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\n        !disabled &&\n        (!readOnly || allowReadOnlyClear),\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\n    );\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        ref={ref}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\n          {customPrefix}\n          <Styled.TextInput\n            id={id}\n            ref={innerRef}\n            className={`${TEXT_INPUT_CLASS}-input`}\n            disabled={disabled}\n            onFocus={handleOnFocus}\n            onBlur={handleOnBlur}\n            data-focused={focusKind}\n            onChange={handleOnChange}\n            onMouseDownCapture={handleOnMouseDownCapture}\n            value={value}\n            aria-invalid={invalid}\n            readOnly={readOnly}\n            {...rest}\n          />\n          {customSuffix}\n        </Flexbox>\n        {!!loading && <Loading size={getLoadingSize(size)} />}\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":";;;;;;;;;;;;;AA0BA,MAAMA,KAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,cAAAC;AACF,MAIE,gBAAAC,EAACC,IAAA,EAA4B,OAAOH,GAClC,UAAA,gBAAAE;AAAA,EAACE;AAAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAMJ,MAASK,EAAM,SAASL,IAAQM,EAAeN,CAAI;AAAA,IACzD,SAASO,EAAS;AAAA,IAClB,wBAAOC,GAAA,EAAM;AAAA,IACb,UAAU;AAAA,IACV,SAASP;AAAA,EAAA;AACX,GACF,GAGIQ,KAAiB,CAACT,MAClBA,MAASK,EAAM,UAAUL,MAASK,EAAM,QACnCA,EAAM,WAGRA,EAAM,QAGTK,KAAYC;AAAA,EAChB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,MAAAb,IAAOK,EAAM;AAAA,IACb,SAAAS,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAAyB,IAAI;AAC9C,IAAAC,EAAoBN,GAAU,MAAMI,EAAS,OAAQ;AACrD,UAAM,EAAE,cAAAG,GAAc,cAAAC,GAAc,oBAAAC,GAAoB,GAAGC,MAASR,GAE9D,CAACS,GAAeC,CAAgB,IAAIC,EAAS,MAAMf,CAAK,GACxDgB,IAAYC;AAAA,MAChB,OACI,OAAO3B,KAAe,aAAauB,KAAiBA,MAAkB,MAAMvB,KAC3E,OAAOA,KAAe,aAAaA,EAAWuB,CAAa,MAC9D,CAACxB,MACA,CAACE,KAAYoB;AAAA,MAChB,CAACE,GAAeF,GAAoBrB,GAAYD,GAAUE,CAAQ;AAAA,IAAA,GAG9D,EAAE,WAAA2B,GAAW,eAAAC,GAAe,eAAAC,GAAe,0BAAAC,GAA0B,cAAAC,EAAA,IAAiBC,GAAuB;AAAA,MACjH,SAAAzB;AAAA,MACA,QAAAC;AAAA,MACA,UAAUO;AAAA,MACV,SAASd,GAAc;AAAA,MACvB,oBAAAI;AAAA,IAAA,CACD,GAEKrB,IAAeiD;AAAA,MACnB,CAACC,MAA8C;AAE7C,YAAInB,EAAS,SAAS;AAMpB,UAJ+B,OAAO;AAAA,YACpC,OAAO,iBAAiB;AAAA,YACxB;AAAA,UAAA,GACC,KACqB,KAAKA,EAAS,SAAS,EAAE;AAEjD,gBAAMoB,IAAa,IAAI,MAAM,SAAS,EAAE,SAAS,IAAM;AACvD,UAAApB,EAAS,QAAQ,cAAcoB,CAAU;AAAA,QAC3C;AAEA,QAAA7B,IAAU4B,CAAU;AAAA,MACtB;AAAA,MACA,CAACnB,GAAUT,CAAO;AAAA,IAAA,GAGd8B,IAAiBH;AAAA,MACrB,CAACI,MAAyC;AACxC,QAAAd,EAAiBc,EAAM,OAAO,KAAK,GACnCjC,IAAWiC,CAAK;AAAA,MAClB;AAAA,MACA,CAACjC,CAAQ;AAAA,IAAA;AAGX,WACE,gBAAAkC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkB7C,CAAS;AAAA,QACjD,OAAOb;AAAA,QACP,WAAWe;AAAA,QACX,UAAUD;AAAA,QACV,KAAAiB;AAAA,QACA,WAAWd;AAAA,QACV,GAAGC;AAAA,QACJ,SAAS4B;AAAA,QAER,UAAA;AAAA,UAAA,CAAC,CAAC3B,KAAU,gBAAAjB,EAACyD,GAAA,EAAM,MAAA3D,GAAY,OAAOmB,GAAQ,UAAAJ,GAAoB,SAAAD,GAAkB,MAAK,SAAA,CAAS;AAAA,UACnG,gBAAAyC,EAACK,IAAA,EAAQ,UAAS,QAAO,OAAO,EAAE,OAAO,QAAQ,UAAU,QAAQ,UAAU,IAAA,GAAO,YAAW,UAC5F,UAAA;AAAA,YAAAzB;AAAA,YACD,gBAAAjC;AAAA,cAAC2D;AAAAA,cAAA;AAAA,gBACC,IAAAjD;AAAA,gBACA,KAAKoB;AAAA,gBACL,WAAW,GAAG0B,CAAgB;AAAA,gBAC9B,UAAA3C;AAAA,gBACA,SAAS8B;AAAA,gBACT,QAAQG;AAAA,gBACR,gBAAcJ;AAAA,gBACd,UAAUS;AAAA,gBACV,oBAAoBN;AAAA,gBACpB,OAAArB;AAAA,gBACA,gBAAcZ;AAAA,gBACd,UAAAG;AAAA,gBACC,GAAGqB;AAAA,cAAA;AAAA,YAAA;AAAA,YAELF;AAAA,UAAA,GACH;AAAA,UACC,CAAC,CAACP,KAAW,gBAAA3B,EAAC4D,KAAQ,MAAMrD,GAAeT,CAAI,GAAG;AAAA,UAClD,CAAC,CAAC0C,KAAa,gBAAAxC,EAACH,IAAA,EAAY,MAAAC,GAAY,cAAAC,GAA4B;AAAA,UACpE,CAAC,CAACmB,KAAU,gBAAAlB,EAACyD,GAAA,EAAM,OAAOvC,GAAQ,MAAApB,GAAY,UAAAe,GAAoB,SAAAD,GAAkB,MAAK,SAAA,CAAS;AAAA,UACnG,gBAAAZ,EAAC6D,IAAA,EAAY,MAAA/D,GAAY,UAAAe,GAAoB,aAAaY,EAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7E;AACF;"}
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\r\n  type ChangeEvent,\r\n  type ForwardedRef,\r\n  type MouseEvent,\r\n  forwardRef,\r\n  useCallback,\r\n  useImperativeHandle,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport Loading from '../Loading/Loading';\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './TextInput.styles';\r\nimport type { ITextInputProps } from './TextInput.types';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\nimport { Affix } from './components/Affix';\r\nimport { ExtraButton } from './components/ExtraButton';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst ClearButton = ({\r\n  size,\r\n  onClearClick,\r\n}: {\r\n  size: TextInputTypes.Size;\r\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\r\n}) => (\r\n  <Styled.ClearButtonContainer $size={size}>\r\n    <Styled.ClearButton\r\n      aria-label=\"clear input\"\r\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\r\n      variant={Variants.Transparent}\r\n      icon={<Cross />}\r\n      iconOnly={true}\r\n      onClick={onClearClick}\r\n    />\r\n  </Styled.ClearButtonContainer>\r\n);\r\n\r\nconst getLoadingSize = (size: TextInputTypes.Size) => {\r\n  if (size === Sizes.XSmall || size === Sizes.Small) {\r\n    return Sizes.Smallest;\r\n  }\r\n\r\n  return Sizes.XSmall;\r\n};\r\n\r\nconst TextInput = forwardRef(\r\n  (\r\n    {\r\n      id,\r\n      className = '',\r\n      size = Sizes.Medium,\r\n      invalid = false,\r\n      disabled = false,\r\n      allowClear = false,\r\n      readOnly = false,\r\n      wrapperProps,\r\n      prefix,\r\n      suffix,\r\n      onChange,\r\n      onMouseDownCapture,\r\n      onClear,\r\n      onFocus,\r\n      onBlur,\r\n      value,\r\n      extraButton,\r\n      inputRef,\r\n      loading = false,\r\n      ...props\r\n    }: ITextInputProps,\r\n    ref: ForwardedRef<HTMLDivElement>,\r\n  ) => {\r\n    const innerRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(inputRef, () => innerRef.current!);\r\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\r\n\r\n    const [capturedValue, setCapturedValue] = useState(() => value);\r\n    const showClear = useMemo(\r\n      () =>\r\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\r\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\r\n        !disabled &&\r\n        (!readOnly || allowReadOnlyClear),\r\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\r\n    );\r\n\r\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n      onFocus,\r\n      onBlur,\r\n      inputRef: innerRef,\r\n      onClick: wrapperProps?.onClick,\r\n      onMouseDownCapture,\r\n    });\r\n\r\n    const onClearClick = useCallback(\r\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\r\n        // simulate the clear button click\r\n        if (innerRef.current) {\r\n          // reset the value of the input\r\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\r\n            window.HTMLInputElement.prototype,\r\n            'value',\r\n          )?.set;\r\n          nativeInputValueSetter?.call(innerRef.current, '');\r\n          // trigger the input event\r\n          const inputEvent = new Event('input', { bubbles: true });\r\n          innerRef.current.dispatchEvent(inputEvent);\r\n        }\r\n        // call the onClear function if it exists\r\n        onClear?.(mouseEvent);\r\n      },\r\n      [innerRef, onClear],\r\n    );\r\n\r\n    const handleOnChange = useCallback(\r\n      (event: ChangeEvent<HTMLInputElement>) => {\r\n        setCapturedValue(event.target.value);\r\n        onChange?.(event);\r\n      },\r\n      [onChange],\r\n    );\r\n\r\n    return (\r\n      <Styled.TextInputWrapper\r\n        className={classNames(TEXT_INPUT_CLASS, className)}\r\n        $size={size}\r\n        $disabled={disabled}\r\n        $invalid={invalid}\r\n        ref={ref}\r\n        $readOnly={readOnly}\r\n        {...wrapperProps}\r\n        onClick={handleOnClick}\r\n      >\r\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\r\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\r\n          {customPrefix}\r\n          <Styled.TextInput\r\n            id={id}\r\n            ref={innerRef}\r\n            className={`${TEXT_INPUT_CLASS}-input`}\r\n            disabled={disabled}\r\n            onFocus={handleOnFocus}\r\n            onBlur={handleOnBlur}\r\n            data-focused={focusKind}\r\n            onChange={handleOnChange}\r\n            onMouseDownCapture={handleOnMouseDownCapture}\r\n            value={value}\r\n            aria-invalid={invalid}\r\n            readOnly={readOnly}\r\n            {...rest}\r\n          />\r\n          {customSuffix}\r\n        </Flexbox>\r\n        {!!loading && <Loading size={getLoadingSize(size)} />}\r\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\r\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\r\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\r\n      </Styled.TextInputWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default TextInput;\r\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}

package/build/esm/components/TextInput/TextInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.styles.js","sources":["../../../../src/components/TextInput/TextInput.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { type InputTypes, InputStyles, InputConsts } from 'acinguiux-ds-react-base/components/Input';\n\nimport Button from '../Button/Button';\n\nexport const TextInputWrapper = styled.div<InputTypes.IProps>`\n  ${InputStyles.WrapperStyles};\n`;\n\nexport const TextInput = styled.input``;\n\nexport const ClearButton = styled(Button)``;\n\nexport const ClearButtonContainer = styled.div<{ $size: TextInputTypes.Size }>`\n  ${({ $size }) => `\n    position: relative;\n    display: inline-flex;\n    margin: 0;\n    & > ${ClearButton} {\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\n    }\n\n    ${\n      $size === Sizes.XSmall &&\n      `\n      padding: 4px;\n      & > ${ClearButton} {\n        min-width: 16px;\n        min-height: 16px;\n        width: 16px;\n        height: 16px;\n      }\n    `\n    };\n  `}\n`;\n"],"names":["TextInputWrapper","styled","InputStyles.WrapperStyles","TextInput","ClearButton","Button","ClearButtonContainer","$size","Sizes","InputConsts.consts"],"mappings":";;;;;AAOO,MAAMA,IAAmBC,EAAO;AAAA,IACnCC,CAAyB;AAAA,GAGhBC,IAAYF,EAAO,SAEnBG,IAAcH,EAAOI,CAAM,KAE3BC,IAAuBL,EAAO;AAAA,IACvC,CAAC,EAAE,OAAAM,QAAY;AAAA;AAAA;AAAA;AAAA,UAITH,CAAW;AAAA,uBACEG,MAAUC,EAAM,SAAS,IAAIC,EAAmBF,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,MAAUC,EAAM,UAChB;AAAA;AAAA,YAEMJ,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA;"}
+{"version":3,"file":"TextInput.styles.js","sources":["../../../../src/components/TextInput/TextInput.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { type TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\nimport { type InputTypes, InputStyles, InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nexport const TextInputWrapper = styled.div<InputTypes.IProps>`\r\n  ${InputStyles.WrapperStyles};\r\n`;\r\n\r\nexport const TextInput = styled.input``;\r\n\r\nexport const ClearButton = styled(Button)``;\r\n\r\nexport const ClearButtonContainer = styled.div<{ $size: TextInputTypes.Size }>`\r\n  ${({ $size }) => `\r\n    position: relative;\r\n    display: inline-flex;\r\n    margin: 0;\r\n    & > ${ClearButton} {\r\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\r\n    }\r\n\r\n    ${\r\n      $size === Sizes.XSmall &&\r\n      `\r\n      padding: 4px;\r\n      & > ${ClearButton} {\r\n        min-width: 16px;\r\n        min-height: 16px;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    `\r\n    };\r\n  `}\r\n`;\r\n"],"names":["TextInputWrapper","styled","InputStyles.WrapperStyles","TextInput","ClearButton","Button","ClearButtonContainer","$size","Sizes","InputConsts.consts"],"mappings":";;;;;AAOO,MAAMA,IAAmBC,EAAO;AAAA,IACnCC,CAAyB;AAAA,GAGhBC,IAAYF,EAAO,SAEnBG,IAAcH,EAAOI,CAAM,KAE3BC,IAAuBL,EAAO;AAAA,IACvC,CAAC,EAAE,OAAAM,QAAY;AAAA;AAAA;AAAA;AAAA,UAITH,CAAW;AAAA,uBACEG,MAAUC,EAAM,SAAS,IAAIC,EAAmBF,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,MAAUC,EAAM,UAChB;AAAA;AAAA,YAEMJ,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA;"}

package/build/esm/components/TextInput/components/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../src/components/TextInput/components/Affix.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\n\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\n\nimport * as Styled from './Affix.styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\nimport ChevronDown from '../../Icon/components/ChevronDown';\n\ntype AffixProps = {\n  affix: TextInputTypes.Affix;\n  size: TextInputTypes.Size;\n  disabled?: boolean;\n  invalid?: boolean;\n  type: 'prefix' | 'suffix';\n};\n\nconst SelectAffix = ({\n  selectLabel,\n  popoverContent,\n  disabled,\n}: {\n  selectLabel: string;\n  popoverContent: ReactNode;\n  disabled?: boolean;\n}) => (\n  <Popover>\n    <PopoverTrigger asChild={true} disabled={disabled}>\n      <button type=\"button\" aria-label=\"select trigger\">\n        <span>{selectLabel}</span>\n        <ChevronDown />\n      </button>\n    </PopoverTrigger>\n    <PopoverContent>{popoverContent}</PopoverContent>\n  </Popover>\n);\n\nconst affixToComponent = (affix: TextInputTypes.Affix, props: Omit<AffixProps, 'affix'>) => {\n  if (affix && 'node' in affix && affix.node) {\n    return affix.node;\n  }\n\n  if (affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent) {\n    return (\n      <SelectAffix selectLabel={affix.selectLabel} popoverContent={affix.popoverContent} disabled={props.disabled} />\n    );\n  }\n\n  return null;\n};\n\nconst isValidAffix = (affix: TextInputTypes.Affix): affix is TextInputTypes.Affix =>\n  !!(affix && 'node' in affix && affix.node) ||\n  !!(affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent);\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>(\n  ({ affix, size, disabled, invalid, type }, ref) =>\n    isValidAffix(affix) && (\n      <Styled.Affix\n        ref={ref}\n        data-transparent={'node' in affix && affix.transparent}\n        $size={size}\n        data-disabled={disabled}\n        data-invalid={invalid}\n        data-affix={type}\n        onClick={affix.onClick}\n      >\n        {affixToComponent(affix, { size, disabled, invalid, type })}\n      </Styled.Affix>\n    ),\n);\n"],"names":["SelectAffix","selectLabel","popoverContent","disabled","Popover","jsx","PopoverTrigger","ChevronDown","PopoverContent","affixToComponent","affix","props","isValidAffix","Affix","forwardRef","size","invalid","type","ref","Styled.Affix"],"mappings":";;;;;AAgBA,MAAMA,IAAc,CAAC;AAAA,EACnB,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,wBAKGC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,SAAS,IAAM,UAAAH,GAC7B,4BAAC,UAAA,EAAO,MAAK,UAAS,cAAW,kBAC/B,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAM,UAAAJ,EAAA,CAAY;AAAA,sBAClBM,GAAA,CAAA,CAAY;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAAA,EACA,gBAAAF,EAACG,KAAgB,UAAAN,EAAA,CAAe;AAAA,GAClC,GAGIO,IAAmB,CAACC,GAA6BC,MACjDD,KAAS,UAAUA,KAASA,EAAM,OAC7BA,EAAM,OAGXA,KAAS,iBAAiBA,KAASA,EAAM,eAAe,oBAAoBA,KAASA,EAAM,iBAE3F,gBAAAL,EAACL,GAAA,EAAY,aAAaU,EAAM,aAAa,gBAAgBA,EAAM,gBAAgB,UAAUC,EAAM,SAAA,CAAU,IAI1G,MAGHC,IAAe,CAACF,MACpB,CAAC,EAAEA,KAAS,UAAUA,KAASA,EAAM,SACrC,CAAC,EAAEA,KAAS,iBAAiBA,KAASA,EAAM,eAAe,oBAAoBA,KAASA,EAAM,iBAEnFG,IAAQC;AAAA,EACnB,CAAC,EAAE,OAAAJ,GAAO,MAAAK,GAAM,UAAAZ,GAAU,SAAAa,GAAS,MAAAC,EAAA,GAAQC,MACzCN,EAAaF,CAAK,KAChB,gBAAAL;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,oBAAkB,UAAUR,KAASA,EAAM;AAAA,MAC3C,OAAOK;AAAA,MACP,iBAAeZ;AAAA,MACf,gBAAca;AAAA,MACd,cAAYC;AAAA,MACZ,SAASP,EAAM;AAAA,MAEd,YAAiBA,GAAO,EAAQ,UAAAP,EAAwB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"Affix.js","sources":["../../../../../src/components/TextInput/components/Affix.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\r\n\r\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\n\r\nimport * as Styled from './Affix.styles';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\r\nimport ChevronDown from '../../Icon/components/ChevronDown';\r\n\r\ntype AffixProps = {\r\n  affix: TextInputTypes.Affix;\r\n  size: TextInputTypes.Size;\r\n  disabled?: boolean;\r\n  invalid?: boolean;\r\n  type: 'prefix' | 'suffix';\r\n};\r\n\r\nconst SelectAffix = ({\r\n  selectLabel,\r\n  popoverContent,\r\n  disabled,\r\n}: {\r\n  selectLabel: string;\r\n  popoverContent: ReactNode;\r\n  disabled?: boolean;\r\n}) => (\r\n  <Popover>\r\n    <PopoverTrigger asChild={true} disabled={disabled}>\r\n      <button type=\"button\" aria-label=\"select trigger\">\r\n        <span>{selectLabel}</span>\r\n        <ChevronDown />\r\n      </button>\r\n    </PopoverTrigger>\r\n    <PopoverContent>{popoverContent}</PopoverContent>\r\n  </Popover>\r\n);\r\n\r\nconst affixToComponent = (affix: TextInputTypes.Affix, props: Omit<AffixProps, 'affix'>) => {\r\n  if (affix && 'node' in affix && affix.node) {\r\n    return affix.node;\r\n  }\r\n\r\n  if (affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent) {\r\n    return (\r\n      <SelectAffix selectLabel={affix.selectLabel} popoverContent={affix.popoverContent} disabled={props.disabled} />\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nconst isValidAffix = (affix: TextInputTypes.Affix): affix is TextInputTypes.Affix =>\r\n  !!(affix && 'node' in affix && affix.node) ||\r\n  !!(affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent);\r\n\r\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>(\r\n  ({ affix, size, disabled, invalid, type }, ref) =>\r\n    isValidAffix(affix) && (\r\n      <Styled.Affix\r\n        ref={ref}\r\n        data-transparent={'node' in affix && affix.transparent}\r\n        $size={size}\r\n        data-disabled={disabled}\r\n        data-invalid={invalid}\r\n        data-affix={type}\r\n        onClick={affix.onClick}\r\n      >\r\n        {affixToComponent(affix, { size, disabled, invalid, type })}\r\n      </Styled.Affix>\r\n    ),\r\n);\r\n"],"names":["SelectAffix","selectLabel","popoverContent","disabled","Popover","jsx","PopoverTrigger","ChevronDown","PopoverContent","affixToComponent","affix","props","isValidAffix","Affix","forwardRef","size","invalid","type","ref","Styled.Affix"],"mappings":";;;;;AAgBA,MAAMA,IAAc,CAAC;AAAA,EACnB,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,wBAKGC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,SAAS,IAAM,UAAAH,GAC7B,4BAAC,UAAA,EAAO,MAAK,UAAS,cAAW,kBAC/B,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAM,UAAAJ,EAAA,CAAY;AAAA,sBAClBM,GAAA,CAAA,CAAY;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAAA,EACA,gBAAAF,EAACG,KAAgB,UAAAN,EAAA,CAAe;AAAA,GAClC,GAGIO,IAAmB,CAACC,GAA6BC,MACjDD,KAAS,UAAUA,KAASA,EAAM,OAC7BA,EAAM,OAGXA,KAAS,iBAAiBA,KAASA,EAAM,eAAe,oBAAoBA,KAASA,EAAM,iBAE3F,gBAAAL,EAACL,GAAA,EAAY,aAAaU,EAAM,aAAa,gBAAgBA,EAAM,gBAAgB,UAAUC,EAAM,SAAA,CAAU,IAI1G,MAGHC,IAAe,CAACF,MACpB,CAAC,EAAEA,KAAS,UAAUA,KAASA,EAAM,SACrC,CAAC,EAAEA,KAAS,iBAAiBA,KAASA,EAAM,eAAe,oBAAoBA,KAASA,EAAM,iBAEnFG,IAAQC;AAAA,EACnB,CAAC,EAAE,OAAAJ,GAAO,MAAAK,GAAM,UAAAZ,GAAU,SAAAa,GAAS,MAAAC,EAAA,GAAQC,MACzCN,EAAaF,CAAK,KAChB,gBAAAL;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,oBAAkB,UAAUR,KAASA,EAAM;AAAA,MAC3C,OAAOK;AAAA,MACP,iBAAeZ;AAAA,MACf,gBAAca;AAAA,MACd,cAAYC;AAAA,MACZ,SAASP,EAAM;AAAA,MAEd,YAAiBA,GAAO,EAAQ,UAAAP,EAAwB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/build/esm/components/TextInput/components/Affix.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.styles.js","sources":["../../../../../src/components/TextInput/components/Affix.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport { ITextInputProps } from '../TextInput.types';\n\ntype TextInputAffixProps = PickTransient<ITextInputProps, 'size'>;\n\nexport const Affix = styled.div<TextInputAffixProps>`\n  ${({ $size = `${Sizes.Medium}`, theme, onClick }) => css`\n    &,\n    & span {\n      ${theme.typography('label', getLabelTypographySize($size))};\n    }\n\n    ${onClick &&\n    css`\n      cursor: pointer;\n    `};\n\n    &:has(button:focus-visible) {\n      ${getFocusStyles(theme)};\n    }\n\n    button {\n      border: none;\n      background: none;\n      outline: 0;\n      padding: 0;\n      display: flex;\n      gap: 4px;\n      align-items: center;\n      cursor: inherit;\n\n      svg {\n        width: 16px;\n        height: 16px;\n      }\n    }\n\n    &:not([data-disabled='true']) {\n      button {\n        cursor: pointer;\n      }\n    }\n\n    svg {\n      width: ${InputConsts.consts[$size].iconSize}px;\n      height: ${InputConsts.consts[$size].iconSize}px;\n    }\n  `}\n`;\n"],"names":["Affix","styled","$size","Sizes","theme","onClick","css","getLabelTypographySize","getFocusStyles","InputConsts.consts"],"mappings":";;;;;AAWO,MAAMA,IAAQC,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAC,IAAQ,GAAGC,EAAM,MAAM,IAAI,OAAAC,GAAO,SAAAC,EAAA,MAAcC;AAAA;AAAA;AAAA,QAG/CF,EAAM,WAAW,SAASG,EAAuBL,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAG1DG,KACFC;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA,QAGGE,EAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eA0BdK,EAAmBP,CAAK,EAAE,QAAQ;AAAA,gBACjCO,EAAmBP,CAAK,EAAE,QAAQ;AAAA;AAAA,GAE/C;AAAA;"}
+{"version":3,"file":"Affix.styles.js","sources":["../../../../../src/components/TextInput/components/Affix.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport { ITextInputProps } from '../TextInput.types';\r\n\r\ntype TextInputAffixProps = PickTransient<ITextInputProps, 'size'>;\r\n\r\nexport const Affix = styled.div<TextInputAffixProps>`\r\n  ${({ $size = `${Sizes.Medium}`, theme, onClick }) => css`\r\n    &,\r\n    & span {\r\n      ${theme.typography('label', getLabelTypographySize($size))};\r\n    }\r\n\r\n    ${onClick &&\r\n    css`\r\n      cursor: pointer;\r\n    `};\r\n\r\n    &:has(button:focus-visible) {\r\n      ${getFocusStyles(theme)};\r\n    }\r\n\r\n    button {\r\n      border: none;\r\n      background: none;\r\n      outline: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      gap: 4px;\r\n      align-items: center;\r\n      cursor: inherit;\r\n\r\n      svg {\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n\r\n    &:not([data-disabled='true']) {\r\n      button {\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    svg {\r\n      width: ${InputConsts.consts[$size].iconSize}px;\r\n      height: ${InputConsts.consts[$size].iconSize}px;\r\n    }\r\n  `}\r\n`;\r\n"],"names":["Affix","styled","$size","Sizes","theme","onClick","css","getLabelTypographySize","getFocusStyles","InputConsts.consts"],"mappings":";;;;;AAWO,MAAMA,IAAQC,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAC,IAAQ,GAAGC,EAAM,MAAM,IAAI,OAAAC,GAAO,SAAAC,EAAA,MAAcC;AAAA;AAAA;AAAA,QAG/CF,EAAM,WAAW,SAASG,EAAuBL,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAG1DG,KACFC;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA,QAGGE,EAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eA0BdK,EAAmBP,CAAK,EAAE,QAAQ;AAAA,gBACjCO,EAAmBP,CAAK,EAAE,QAAQ;AAAA;AAAA,GAE/C;AAAA;"}

package/build/esm/components/TextInput/components/ExtraButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraButton.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.tsx"],"sourcesContent":["import type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\n\nimport * as Styled from './ExtraButton.styles';\n\ntype ExtraButtonProps = {\n  size: TextInputTypes.Size;\n  disabled?: boolean;\n  buttonProps: TextInputTypes.IProps['extraButton'];\n};\n\nexport const ExtraButton = ({ size, disabled, buttonProps }: ExtraButtonProps) => {\n  if (!buttonProps || (!buttonProps.icon && !buttonProps.label)) {\n    return null;\n  }\n\n  return <Styled.ExtraButton size={size} $size={size} {...buttonProps} disabled={disabled || buttonProps.disabled} />;\n};\n"],"names":["ExtraButton","size","disabled","buttonProps","jsx","Styled.ExtraButton"],"mappings":";;AAUO,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,aAAAC,QACxC,CAACA,KAAgB,CAACA,EAAY,QAAQ,CAACA,EAAY,QAC9C,OAGF,gBAAAC,EAACC,GAAA,EAAmB,MAAAJ,GAAY,OAAOA,GAAO,GAAGE,GAAa,UAAUD,KAAYC,EAAY,SAAA,CAAU;"}
+{"version":3,"file":"ExtraButton.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.tsx"],"sourcesContent":["import type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\n\r\nimport * as Styled from './ExtraButton.styles';\r\n\r\ntype ExtraButtonProps = {\r\n  size: TextInputTypes.Size;\r\n  disabled?: boolean;\r\n  buttonProps: TextInputTypes.IProps['extraButton'];\r\n};\r\n\r\nexport const ExtraButton = ({ size, disabled, buttonProps }: ExtraButtonProps) => {\r\n  if (!buttonProps || (!buttonProps.icon && !buttonProps.label)) {\r\n    return null;\r\n  }\r\n\r\n  return <Styled.ExtraButton size={size} $size={size} {...buttonProps} disabled={disabled || buttonProps.disabled} />;\r\n};\r\n"],"names":["ExtraButton","size","disabled","buttonProps","jsx","Styled.ExtraButton"],"mappings":";;AAUO,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,aAAAC,QACxC,CAACA,KAAgB,CAACA,EAAY,QAAQ,CAACA,EAAY,QAC9C,OAGF,gBAAAC,EAACC,GAAA,EAAmB,MAAAJ,GAAY,OAAOA,GAAO,GAAGE,GAAa,UAAUD,KAAYC,EAAY,SAAA,CAAU;"}

package/build/esm/components/TextInput/components/ExtraButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraButton.styles.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../../Button/Button';\nimport { ButtonLabelContainer } from '../../Button/Button.styles';\nimport { LoadingContainer } from '../../Loading/Loading.styles';\n\nexport const ExtraButton = styled(Button)<{ $size: TextInputTypes.Size }>(\n  ({ $size, variant }) => css`\n    min-height: 0;\n    min-width: auto;\n    border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\n    & > ${ButtonLabelContainer} {\n      min-width: fit-content;\n      padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px;\n    }\n\n    &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\n      padding-block: ${InputConsts.consts[$size].padding.block - (variant === Variants.Outlined ? 1 : 0)}px;\n    }\n\n    ${$size === Sizes.XSmall &&\n    css`\n      &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\n        padding-block: 0;\n      }\n      & > ${ButtonLabelContainer} {\n        padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px\n          ${InputConsts.consts[$size].padding.inline}px;\n      }\n    `};\n\n    ${$size === Sizes.Small &&\n    css`\n      &[aria-busy='true'] > ${LoadingContainer} {\n        padding-block: 0;\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 4 - (variant === Variants.Outlined ? 1 : 0)}px;\n        ${variant === Variants.Outlined &&\n        `\n        margin-block: -1px;\n      `};\n      }\n      &[aria-busy='false'] > ${ButtonLabelContainer}:has(svg:only-child) {\n        padding-block: ${InputConsts.consts[$size].padding.block + 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n      }\n    `};\n\n    ${$size === Sizes.Medium &&\n    css`\n      &[aria-busy='true'] > ${LoadingContainer} {\n        padding-block: ${InputConsts.consts[$size].padding.block - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n      }\n    `};\n\n    ${$size === Sizes.Large &&\n    css`\n      &[aria-busy='true'] > ${LoadingContainer} {\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n      }\n    `};\n  `,\n);\n"],"names":["ExtraButton","styled","Button","$size","variant","css","InputConsts.consts","ButtonLabelContainer","Variants","LoadingContainer","Sizes"],"mappings":";;;;;;AASO,MAAMA,IAAcC,EAAOC,CAAM;AAAA,EACtC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAcC;AAAA;AAAA;AAAA,qBAGLC,EAAmBH,CAAK,EAAE,iBAAiB;AAAA,UACtDI,CAAoB;AAAA;AAAA,wBAEND,EAAmBH,CAAK,EAAE,QAAQ,UAAUC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA;AAAA,6BAG7ED,CAAoB,2BAA2BE,CAAgB;AAAA,uBACrEH,EAAmBH,CAAK,EAAE,QAAQ,SAASC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA;AAAA,MAGlGL,MAAUO,EAAM,UAClBL;AAAA,+BAC2BE,CAAoB,2BAA2BE,CAAgB;AAAA;AAAA;AAAA,YAGlFF,CAAoB;AAAA,0BACND,EAAmBH,CAAK,EAAE,QAAQ,UAAUC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA,YAChGF,EAAmBH,CAAK,EAAE,QAAQ,MAAM;AAAA;AAAA,KAE/C;AAAA;AAAA,MAECA,MAAUO,EAAM,SAClBL;AAAA,8BAC0BI,CAAgB;AAAA;AAAA,0BAEpBH,EAAmBH,CAAK,EAAE,QAAQ,SAAS,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA,UACtGJ,MAAYI,EAAS,YACvB;AAAA;AAAA,OAED;AAAA;AAAA,+BAEwBD,CAAoB;AAAA,yBAC1BD,EAAmBH,CAAK,EAAE,QAAQ,QAAQ,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA,KAEzG;AAAA;AAAA,MAECL,MAAUO,EAAM,UAClBL;AAAA,8BAC0BI,CAAgB;AAAA,yBACrBH,EAAmBH,CAAK,EAAE,QAAQ,QAAQ,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA,0BACpFF,EAAmBH,CAAK,EAAE,QAAQ,SAAS,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA,KAE3G;AAAA;AAAA,MAECL,MAAUO,EAAM,SAClBL;AAAA,8BAC0BI,CAAgB;AAAA,0BACpBH,EAAmBH,CAAK,EAAE,QAAQ,SAAS,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA,KAE3G;AAAA;AAEL;"}
+{"version":3,"file":"ExtraButton.styles.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Button from '../../Button/Button';\r\nimport { ButtonLabelContainer } from '../../Button/Button.styles';\r\nimport { LoadingContainer } from '../../Loading/Loading.styles';\r\n\r\nexport const ExtraButton = styled(Button)<{ $size: TextInputTypes.Size }>(\r\n  ({ $size, variant }) => css`\r\n    min-height: 0;\r\n    min-width: auto;\r\n    border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\r\n    & > ${ButtonLabelContainer} {\r\n      min-width: fit-content;\r\n      padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px;\r\n    }\r\n\r\n    &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\r\n      padding-block: ${InputConsts.consts[$size].padding.block - (variant === Variants.Outlined ? 1 : 0)}px;\r\n    }\r\n\r\n    ${$size === Sizes.XSmall &&\r\n    css`\r\n      &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-block: 0;\r\n      }\r\n      & > ${ButtonLabelContainer} {\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px\r\n          ${InputConsts.consts[$size].padding.inline}px;\r\n      }\r\n    `};\r\n\r\n    ${$size === Sizes.Small &&\r\n    css`\r\n      &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-block: 0;\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 4 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n        ${variant === Variants.Outlined &&\r\n        `\r\n        margin-block: -1px;\r\n      `};\r\n      }\r\n      &[aria-busy='false'] > ${ButtonLabelContainer}:has(svg:only-child) {\r\n        padding-block: ${InputConsts.consts[$size].padding.block + 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n      }\r\n    `};\r\n\r\n    ${$size === Sizes.Medium &&\r\n    css`\r\n      &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-block: ${InputConsts.consts[$size].padding.block - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n      }\r\n    `};\r\n\r\n    ${$size === Sizes.Large &&\r\n    css`\r\n      &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n      }\r\n    `};\r\n  `,\r\n);\r\n"],"names":["ExtraButton","styled","Button","$size","variant","css","InputConsts.consts","ButtonLabelContainer","Variants","LoadingContainer","Sizes"],"mappings":";;;;;;AASO,MAAMA,IAAcC,EAAOC,CAAM;AAAA,EACtC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAcC;AAAA;AAAA;AAAA,qBAGLC,EAAmBH,CAAK,EAAE,iBAAiB;AAAA,UACtDI,CAAoB;AAAA;AAAA,wBAEND,EAAmBH,CAAK,EAAE,QAAQ,UAAUC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA;AAAA,6BAG7ED,CAAoB,2BAA2BE,CAAgB;AAAA,uBACrEH,EAAmBH,CAAK,EAAE,QAAQ,SAASC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA;AAAA,MAGlGL,MAAUO,EAAM,UAClBL;AAAA,+BAC2BE,CAAoB,2BAA2BE,CAAgB;AAAA;AAAA;AAAA,YAGlFF,CAAoB;AAAA,0BACND,EAAmBH,CAAK,EAAE,QAAQ,UAAUC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA,YAChGF,EAAmBH,CAAK,EAAE,QAAQ,MAAM;AAAA;AAAA,KAE/C;AAAA;AAAA,MAECA,MAAUO,EAAM,SAClBL;AAAA,8BAC0BI,CAAgB;AAAA;AAAA,0BAEpBH,EAAmBH,CAAK,EAAE,QAAQ,SAAS,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA,UACtGJ,MAAYI,EAAS,YACvB;AAAA;AAAA,OAED;AAAA;AAAA,+BAEwBD,CAAoB;AAAA,yBAC1BD,EAAmBH,CAAK,EAAE,QAAQ,QAAQ,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA,KAEzG;AAAA;AAAA,MAECL,MAAUO,EAAM,UAClBL;AAAA,8BAC0BI,CAAgB;AAAA,yBACrBH,EAAmBH,CAAK,EAAE,QAAQ,QAAQ,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA,0BACpFF,EAAmBH,CAAK,EAAE,QAAQ,SAAS,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA,KAE3G;AAAA;AAAA,MAECL,MAAUO,EAAM,SAClBL;AAAA,8BAC0BI,CAAgB;AAAA,0BACpBH,EAAmBH,CAAK,EAAE,QAAQ,SAAS,KAAKC,MAAYI,EAAS,WAAW,IAAI,EAAE;AAAA;AAAA,KAE3G;AAAA;AAEL;"}

package/build/esm/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStep from './components/TimelineStep/TimelineStep';\nimport * as Styled from './Timeline.styles';\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = ({\n  className,\n  size = `${Sizes.Medium}`,\n  direction = `${Directions.Vertical}`,\n  sort = `${Sorts.Asc}`,\n  alignment,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  alternate = false,\n  mirrored = false,\n  topConnector,\n  bottomConnector,\n  steps,\n  ...rest\n}: ITimelineProps) => {\n  const innerAlignment = alignment ?? (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\n  const hasLabels = !!steps?.find((step) => step.label);\n\n  const stepsWithKeys = useMemo(\n    () =>\n      steps?.map((step, index) => ({\n        ...step,\n        // safe to use index as key, as steps are not supposed to change dynamically\n        key: `${step.title ?? step.label}-${index}`,\n      })),\n    [steps],\n  );\n\n  const timelineStepProps = {\n    size,\n    direction,\n    timelineAlignment: innerAlignment,\n    alternate,\n    sort,\n  };\n\n  return (\n    <Styled.Timeline\n      className={classNames(TIMELINE_CLASS, className)}\n      $direction={direction}\n      $alignment={innerAlignment}\n      $alternate={alternate}\n      $sort={sort}\n      {...rest}\n    >\n      {!!topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {stepsWithKeys?.length > 0 &&\n        stepsWithKeys.map(\n          (\n            {\n              label,\n              title,\n              subtitle,\n              description,\n              children,\n              variant,\n              stepSentiment,\n              dot,\n              loading,\n              key,\n              contentPosition,\n            },\n            index,\n          ) => (\n            <TimelineStep\n              label={label}\n              contentPosition={contentPosition}\n              title={title}\n              subtitle={subtitle}\n              description={description}\n              variant={variant}\n              dot={dot}\n              stepSentiment={stepSentiment ?? sentiment}\n              stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\n              loading={loading}\n              mirrored={mirrored}\n              hasLabels={hasLabels}\n              bottomConnector={bottomConnector}\n              isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\n              isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\n              key={key}\n              {...timelineStepProps}\n            >\n              {children}\n            </TimelineStep>\n          ),\n        )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Asc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n    </Styled.Timeline>\n  );\n};\n\nexport default Timeline;\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","stepsWithKeys","useMemo","index","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","key","contentPosition","TimelineUtils.getStepAlignment"],"mappings":"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"}
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport TimelineStep from './components/TimelineStep/TimelineStep';\r\nimport * as Styled from './Timeline.styles';\r\nimport type { ITimelineProps } from './Timeline.types';\r\n\r\nconst Timeline = ({\r\n  className,\r\n  size = `${Sizes.Medium}`,\r\n  direction = `${Directions.Vertical}`,\r\n  sort = `${Sorts.Asc}`,\r\n  alignment,\r\n  sentiment = FabricsVariables.Sentiments.Neutral,\r\n  alternate = false,\r\n  mirrored = false,\r\n  topConnector,\r\n  bottomConnector,\r\n  steps,\r\n  ...rest\r\n}: ITimelineProps) => {\r\n  const innerAlignment = alignment ?? (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\r\n  const hasLabels = !!steps?.find((step) => step.label);\r\n\r\n  const stepsWithKeys = useMemo(\r\n    () =>\r\n      steps?.map((step, index) => ({\r\n        ...step,\r\n        // safe to use index as key, as steps are not supposed to change dynamically\r\n        key: `${step.title ?? step.label}-${index}`,\r\n      })),\r\n    [steps],\r\n  );\r\n\r\n  const timelineStepProps = {\r\n    size,\r\n    direction,\r\n    timelineAlignment: innerAlignment,\r\n    alternate,\r\n    sort,\r\n  };\r\n\r\n  return (\r\n    <Styled.Timeline\r\n      className={classNames(TIMELINE_CLASS, className)}\r\n      $direction={direction}\r\n      $alignment={innerAlignment}\r\n      $alternate={alternate}\r\n      $sort={sort}\r\n      {...rest}\r\n    >\r\n      {!!topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\r\n        <TimelineStep\r\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\r\n          dot={null}\r\n          topConnector={true}\r\n          {...timelineStepProps}\r\n        />\r\n      )}\r\n      {!!topConnector?.visibility && sort === Sorts.Desc && !!mirrored && (\r\n        <TimelineStep\r\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\r\n          dot={null}\r\n          topConnector={true}\r\n          {...timelineStepProps}\r\n        />\r\n      )}\r\n      {stepsWithKeys?.length > 0 &&\r\n        stepsWithKeys.map(\r\n          (\r\n            {\r\n              label,\r\n              title,\r\n              subtitle,\r\n              description,\r\n              children,\r\n              variant,\r\n              stepSentiment,\r\n              dot,\r\n              loading,\r\n              key,\r\n              contentPosition,\r\n            },\r\n            index,\r\n          ) => (\r\n            <TimelineStep\r\n              label={label}\r\n              contentPosition={contentPosition}\r\n              title={title}\r\n              subtitle={subtitle}\r\n              description={description}\r\n              variant={variant}\r\n              dot={dot}\r\n              stepSentiment={stepSentiment ?? sentiment}\r\n              stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\r\n              loading={loading}\r\n              mirrored={mirrored}\r\n              hasLabels={hasLabels}\r\n              bottomConnector={bottomConnector}\r\n              isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\r\n              isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\r\n              key={key}\r\n              {...timelineStepProps}\r\n            >\r\n              {children}\r\n            </TimelineStep>\r\n          ),\r\n        )}\r\n      {!!topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\r\n        <TimelineStep\r\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\r\n          dot={null}\r\n          topConnector={true}\r\n          {...timelineStepProps}\r\n        />\r\n      )}\r\n      {!!topConnector?.visibility && sort === Sorts.Asc && !!mirrored && (\r\n        <TimelineStep\r\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\r\n          dot={null}\r\n          topConnector={true}\r\n          {...timelineStepProps}\r\n        />\r\n      )}\r\n    </Styled.Timeline>\r\n  );\r\n};\r\n\r\nexport default Timeline;\r\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","stepsWithKeys","useMemo","index","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","key","contentPosition","TimelineUtils.getStepAlignment"],"mappings":"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"}

package/build/esm/components/Timeline/Timeline.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.styles.js","sources":["../../../../src/components/Timeline/Timeline.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { ITimelineProps } from './Timeline.types';\n\ntype TimelinePropKeys = 'direction' | 'alignment' | 'alternate' | 'sort';\nconst Timeline = styled.div<PickTransient<ITimelineProps, TimelinePropKeys>>`\n  ${({ $direction, $alignment, $alternate, $sort }) => css`\n    ${TimelineUtils.getTimeLineContainerStyle($direction, $alignment, $alternate, $sort)}\n  `}\n`;\n\nexport { Timeline };\n"],"names":["Timeline","styled","$direction","$alignment","$alternate","$sort","css","TimelineUtils.getTimeLineContainerStyle"],"mappings":";;AAOA,MAAMA,IAAWC,EAAO;AAAA,IACpB,CAAC,EAAE,YAAAC,GAAY,YAAAC,GAAY,YAAAC,GAAY,OAAAC,QAAYC;AAAA,MACjDC,EAAwCL,GAAYC,GAAYC,GAAYC,CAAK,CAAC;AAAA,GACrF;AAAA;"}
+{"version":3,"file":"Timeline.styles.js","sources":["../../../../src/components/Timeline/Timeline.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { ITimelineProps } from './Timeline.types';\r\n\r\ntype TimelinePropKeys = 'direction' | 'alignment' | 'alternate' | 'sort';\r\nconst Timeline = styled.div<PickTransient<ITimelineProps, TimelinePropKeys>>`\r\n  ${({ $direction, $alignment, $alternate, $sort }) => css`\r\n    ${TimelineUtils.getTimeLineContainerStyle($direction, $alignment, $alternate, $sort)}\r\n  `}\r\n`;\r\n\r\nexport { Timeline };\r\n"],"names":["Timeline","styled","$direction","$alignment","$alternate","$sort","css","TimelineUtils.getTimeLineContainerStyle"],"mappings":";;AAOA,MAAMA,IAAWC,EAAO;AAAA,IACpB,CAAC,EAAE,YAAAC,GAAY,YAAAC,GAAY,YAAAC,GAAY,OAAAC,QAAYC;AAAA,MACjDC,EAAwCL,GAAYC,GAAYC,GAAYC,CAAK,CAAC;AAAA,GACrF;AAAA;"}

package/build/esm/components/Timeline/components/TimelineStep/TimelineStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStep.js","sources":["../../../../../../src/components/Timeline/components/TimelineStep/TimelineStep.tsx"],"sourcesContent":["import { Directions, Sizes, Variants, Alignments, Sorts } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStepBody from '../TimelineStepBody/TimelineStepBody';\nimport TimelineStepBox from '../TimelineStepBox/TimelineStepBox';\nimport type { TimelineStepProps } from '../../Timeline.types';\nimport * as Styled from './TimelineStep.styles';\n\nconst TimelineStep = ({\n  size = Sizes.Medium,\n  direction = `${Directions.Vertical}`,\n  variant = `${Variants.Outlined}`,\n  stepSentiment = `${FabricsVariables.Sentiments.Neutral}`,\n  stepAlignment = `${Alignments.Right}`,\n  timelineAlignment,\n  contentPosition = 'normal',\n  alternate,\n  mirrored = false,\n  dot,\n  label,\n  title,\n  subtitle,\n  description,\n  children,\n  loading = false,\n  hasLabels = false,\n  topConnector = false,\n  bottomConnector,\n  isFirstItem = false,\n  isLastItem = false,\n  sort = `${Sorts.Asc}`,\n}: TimelineStepProps) => {\n  const hasContent = !!title || !!subtitle || !!description || !!children || !!dot;\n  const dotLabel = TimelineUtils.getDotLabelContent(label, hasLabels && !label, alternate);\n  const noLabel = hasLabels && !dotLabel;\n\n  const timelineStepBoxProps = {\n    size,\n    direction,\n    variant,\n    dot,\n    loading,\n    mirrored,\n    topConnector,\n    dotLabel,\n    noLabel,\n    stepAlignment,\n    stepSentiment,\n    bottomConnector,\n    isFirstItem,\n    isLastItem,\n    hasContent,\n    sort,\n    contentPosition,\n    children,\n  };\n\n  const timelineStepBodyProps = {\n    size,\n    title,\n    subtitle,\n    description,\n    mirrored,\n    children: contentPosition === 'normal' ? children : null,\n  };\n\n  return (\n    <Styled.TimelineStep\n      $size={size}\n      $direction={direction}\n      $stepAlignment={stepAlignment}\n      $timelineAlignment={timelineAlignment}\n      $alternate={alternate}\n      $hasLabels={hasLabels}\n      $noDotContent={!dot}\n      $topConnector={topConnector}\n      $loading={!!loading}\n      $mirrored={!!mirrored}\n    >\n      {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Bottom) && (\n        <TimelineStepBox {...timelineStepBoxProps} />\n      )}\n      {!!hasContent && <TimelineStepBody {...timelineStepBodyProps} />}\n      {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Top) && (\n        <TimelineStepBox {...timelineStepBoxProps} />\n      )}\n    </Styled.TimelineStep>\n  );\n};\n\nexport default TimelineStep;\n"],"names":["TimelineStep","size","Sizes","direction","Directions","variant","Variants","stepSentiment","FabricsVariables","stepAlignment","Alignments","timelineAlignment","contentPosition","alternate","mirrored","dot","label","title","subtitle","description","children","loading","hasLabels","topConnector","bottomConnector","isFirstItem","isLastItem","sort","Sorts","hasContent","dotLabel","TimelineUtils.getDotLabelContent","timelineStepBoxProps","timelineStepBodyProps","jsxs","Styled.TimelineStep","jsx","TimelineStepBox","TimelineStepBody"],"mappings":";;;;;;;AASA,MAAMA,IAAe,CAAC;AAAA,EACpB,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAY,GAAGC,EAAW,QAAQ;AAAA,EAClC,SAAAC,IAAU,GAAGC,EAAS,QAAQ;AAAA,EAC9B,eAAAC,IAAgB,GAAGC,EAAiB,WAAW,OAAO;AAAA,EACtD,eAAAC,IAAgB,GAAGC,EAAW,KAAK;AAAA,EACnC,mBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO,GAAGC,EAAM,GAAG;AACrB,MAAyB;AACvB,QAAMC,IAAa,CAAC,CAACZ,KAAS,CAAC,CAACC,KAAY,CAAC,CAACC,KAAe,CAAC,CAACC,KAAY,CAAC,CAACL,GACvEe,IAAWC,EAAiCf,GAAOM,KAAa,CAACN,GAAOH,CAAS,GAGjFmB,IAAuB;AAAA,IAC3B,MAAA/B;AAAA,IACA,WAAAE;AAAA,IACA,SAAAE;AAAA,IACA,KAAAU;AAAA,IACA,SAAAM;AAAA,IACA,UAAAP;AAAA,IACA,cAAAS;AAAA,IACA,UAAAO;AAAA,IACA,SAXcR,KAAa,CAACQ;AAAA,IAY5B,eAAArB;AAAA,IACA,eAAAF;AAAA,IACA,iBAAAiB;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAG;AAAA,IACA,MAAAF;AAAA,IACA,iBAAAf;AAAA,IACA,UAAAQ;AAAA,EAAA,GAGIa,IAAwB;AAAA,IAC5B,MAAAhC;AAAA,IACA,OAAAgB;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAL;AAAA,IACA,UAAUF,MAAoB,WAAWQ,IAAW;AAAA,EAAA;AAGtD,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOlC;AAAA,MACP,YAAYE;AAAA,MACZ,gBAAgBM;AAAA,MAChB,oBAAoBE;AAAA,MACpB,YAAYE;AAAA,MACZ,YAAYS;AAAA,MACZ,eAAe,CAACP;AAAA,MAChB,eAAeQ;AAAA,MACf,UAAU,CAAC,CAACF;AAAA,MACZ,WAAW,CAAC,CAACP;AAAA,MAEX,UAAA;AAAA,SAAAL,MAAkBC,EAAW,SAASD,MAAkBC,EAAW,WACnE,gBAAA0B,EAACC,GAAA,EAAiB,GAAGL,EAAA,CAAsB;AAAA,QAE5C,CAAC,CAACH,KAAc,gBAAAO,EAACE,GAAA,EAAkB,GAAGL,EAAA,CAAuB;AAAA,SAC5DxB,MAAkBC,EAAW,QAAQD,MAAkBC,EAAW,QAClE,gBAAA0B,EAACC,GAAA,EAAiB,GAAGL,EAAA,CAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAInD;"}
+{"version":3,"file":"TimelineStep.js","sources":["../../../../../../src/components/Timeline/components/TimelineStep/TimelineStep.tsx"],"sourcesContent":["import { Directions, Sizes, Variants, Alignments, Sorts } from 'acinguiux-ds-react-base/consts';\r\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport TimelineStepBody from '../TimelineStepBody/TimelineStepBody';\r\nimport TimelineStepBox from '../TimelineStepBox/TimelineStepBox';\r\nimport type { TimelineStepProps } from '../../Timeline.types';\r\nimport * as Styled from './TimelineStep.styles';\r\n\r\nconst TimelineStep = ({\r\n  size = Sizes.Medium,\r\n  direction = `${Directions.Vertical}`,\r\n  variant = `${Variants.Outlined}`,\r\n  stepSentiment = `${FabricsVariables.Sentiments.Neutral}`,\r\n  stepAlignment = `${Alignments.Right}`,\r\n  timelineAlignment,\r\n  contentPosition = 'normal',\r\n  alternate,\r\n  mirrored = false,\r\n  dot,\r\n  label,\r\n  title,\r\n  subtitle,\r\n  description,\r\n  children,\r\n  loading = false,\r\n  hasLabels = false,\r\n  topConnector = false,\r\n  bottomConnector,\r\n  isFirstItem = false,\r\n  isLastItem = false,\r\n  sort = `${Sorts.Asc}`,\r\n}: TimelineStepProps) => {\r\n  const hasContent = !!title || !!subtitle || !!description || !!children || !!dot;\r\n  const dotLabel = TimelineUtils.getDotLabelContent(label, hasLabels && !label, alternate);\r\n  const noLabel = hasLabels && !dotLabel;\r\n\r\n  const timelineStepBoxProps = {\r\n    size,\r\n    direction,\r\n    variant,\r\n    dot,\r\n    loading,\r\n    mirrored,\r\n    topConnector,\r\n    dotLabel,\r\n    noLabel,\r\n    stepAlignment,\r\n    stepSentiment,\r\n    bottomConnector,\r\n    isFirstItem,\r\n    isLastItem,\r\n    hasContent,\r\n    sort,\r\n    contentPosition,\r\n    children,\r\n  };\r\n\r\n  const timelineStepBodyProps = {\r\n    size,\r\n    title,\r\n    subtitle,\r\n    description,\r\n    mirrored,\r\n    children: contentPosition === 'normal' ? children : null,\r\n  };\r\n\r\n  return (\r\n    <Styled.TimelineStep\r\n      $size={size}\r\n      $direction={direction}\r\n      $stepAlignment={stepAlignment}\r\n      $timelineAlignment={timelineAlignment}\r\n      $alternate={alternate}\r\n      $hasLabels={hasLabels}\r\n      $noDotContent={!dot}\r\n      $topConnector={topConnector}\r\n      $loading={!!loading}\r\n      $mirrored={!!mirrored}\r\n    >\r\n      {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Bottom) && (\r\n        <TimelineStepBox {...timelineStepBoxProps} />\r\n      )}\r\n      {!!hasContent && <TimelineStepBody {...timelineStepBodyProps} />}\r\n      {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Top) && (\r\n        <TimelineStepBox {...timelineStepBoxProps} />\r\n      )}\r\n    </Styled.TimelineStep>\r\n  );\r\n};\r\n\r\nexport default TimelineStep;\r\n"],"names":["TimelineStep","size","Sizes","direction","Directions","variant","Variants","stepSentiment","FabricsVariables","stepAlignment","Alignments","timelineAlignment","contentPosition","alternate","mirrored","dot","label","title","subtitle","description","children","loading","hasLabels","topConnector","bottomConnector","isFirstItem","isLastItem","sort","Sorts","hasContent","dotLabel","TimelineUtils.getDotLabelContent","timelineStepBoxProps","timelineStepBodyProps","jsxs","Styled.TimelineStep","jsx","TimelineStepBox","TimelineStepBody"],"mappings":";;;;;;;AASA,MAAMA,IAAe,CAAC;AAAA,EACpB,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAY,GAAGC,EAAW,QAAQ;AAAA,EAClC,SAAAC,IAAU,GAAGC,EAAS,QAAQ;AAAA,EAC9B,eAAAC,IAAgB,GAAGC,EAAiB,WAAW,OAAO;AAAA,EACtD,eAAAC,IAAgB,GAAGC,EAAW,KAAK;AAAA,EACnC,mBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO,GAAGC,EAAM,GAAG;AACrB,MAAyB;AACvB,QAAMC,IAAa,CAAC,CAACZ,KAAS,CAAC,CAACC,KAAY,CAAC,CAACC,KAAe,CAAC,CAACC,KAAY,CAAC,CAACL,GACvEe,IAAWC,EAAiCf,GAAOM,KAAa,CAACN,GAAOH,CAAS,GAGjFmB,IAAuB;AAAA,IAC3B,MAAA/B;AAAA,IACA,WAAAE;AAAA,IACA,SAAAE;AAAA,IACA,KAAAU;AAAA,IACA,SAAAM;AAAA,IACA,UAAAP;AAAA,IACA,cAAAS;AAAA,IACA,UAAAO;AAAA,IACA,SAXcR,KAAa,CAACQ;AAAA,IAY5B,eAAArB;AAAA,IACA,eAAAF;AAAA,IACA,iBAAAiB;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAG;AAAA,IACA,MAAAF;AAAA,IACA,iBAAAf;AAAA,IACA,UAAAQ;AAAA,EAAA,GAGIa,IAAwB;AAAA,IAC5B,MAAAhC;AAAA,IACA,OAAAgB;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAL;AAAA,IACA,UAAUF,MAAoB,WAAWQ,IAAW;AAAA,EAAA;AAGtD,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOlC;AAAA,MACP,YAAYE;AAAA,MACZ,gBAAgBM;AAAA,MAChB,oBAAoBE;AAAA,MACpB,YAAYE;AAAA,MACZ,YAAYS;AAAA,MACZ,eAAe,CAACP;AAAA,MAChB,eAAeQ;AAAA,MACf,UAAU,CAAC,CAACF;AAAA,MACZ,WAAW,CAAC,CAACP;AAAA,MAEX,UAAA;AAAA,SAAAL,MAAkBC,EAAW,SAASD,MAAkBC,EAAW,WACnE,gBAAA0B,EAACC,GAAA,EAAiB,GAAGL,EAAA,CAAsB;AAAA,QAE5C,CAAC,CAACH,KAAc,gBAAAO,EAACE,GAAA,EAAkB,GAAGL,EAAA,CAAuB;AAAA,SAC5DxB,MAAkBC,EAAW,QAAQD,MAAkBC,EAAW,QAClE,gBAAA0B,EAACC,GAAA,EAAiB,GAAGL,EAAA,CAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAInD;"}

package/build/esm/components/Timeline/components/TimelineStep/TimelineStep.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStep.styles.js","sources":["../../../../../../src/components/Timeline/components/TimelineStep/TimelineStep.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, Alignments, Directions } from 'acinguiux-ds-react-base/consts';\nimport { TimelineConsts, TimelineUtils, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { StyledTimelineStepProps } from '../../Timeline.types';\nimport { TimelineStepDot } from '../TimelineStepBox/TimelineStepBox.styles';\nimport { verticalStepStyles } from '../../styles/verticalStepStyles';\nimport { horizontalStepStyles } from '../../styles/horizontalStepStyles';\n\nconst { consts } = TimelineConsts;\n\nconst TimelineStepBody = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nconst TimelineStepTitle = styled.span<Required<Pick<TimelineTypes.IStepProps, 'size'>>>`\n  ${({ size, theme }) => css`\n    ${TimelineUtils.getStepTitleFontStyle(theme, size)}\n  `}\n`;\n\nconst TimelineStepSubtitle = styled.span``;\n\nconst TimelineStepDescription = styled.span`\n  ${({ theme }) => css`\n    color: ${theme.layer({})[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n\nexport type TimelineStepProps = StyledTimelineStepProps & { $noDotContent?: boolean };\n\nconst TimelineStep = styled.div<TimelineStepProps>(\n  ({\n    $size,\n    $direction,\n    $stepAlignment,\n    $alternate,\n    $loading,\n    $mirrored,\n    $hasLabels,\n    $noDotContent,\n    $topConnector,\n    theme,\n  }) => css<TimelineStepProps>`\n    display: grid;\n    gap: 12px;\n    min-width: ${consts[$size].minStepWidth}px;\n\n    ${verticalStepStyles};\n    ${horizontalStepStyles};\n\n    ${$topConnector &&\n    css`\n      min-width: 40px;\n      align-items: center;\n    `}\n\n    ${$size === Sizes.Small &&\n    $loading &&\n    css`\n      ${TimelineStepDot} {\n        margin: 6px 0;\n      }\n\n      &:first-of-type {\n        ${TimelineStepDot} {\n          margin-top: unset;\n        }\n      }\n\n      &:last-of-type {\n        ${TimelineStepDot} {\n          margin-bottom: unset;\n        }\n      }\n    `}\n\n\n    ${TimelineStepBody} {\n      text-align: ${$stepAlignment === Alignments.Left || ($mirrored && $direction === Directions.Horizontal)\n        ? 'right'\n        : 'left'};\n\n      ${$direction === Directions.Vertical &&\n      css`\n        margin-top: ${!$noDotContent && consts[$size].bodyTopMargin}px;\n        margin-bottom: ${consts[$size].bottomMargin}px;\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        padding-right: ${consts[$size].horizontalStepPadding}px;\n        padding-left: unset;\n\n        ${$mirrored &&\n        css`\n          padding-left: ${!$noDotContent && consts[$size].horizontalStepPadding}px;\n          padding-right: unset;\n        `}\n      `}\n\n      ${$stepAlignment === Alignments.Top &&\n      $alternate &&\n      !$hasLabels &&\n      css`\n        align-self: end;\n      `}\n\n      ${$stepAlignment === Alignments.Bottom &&\n      $alternate &&\n      !$hasLabels &&\n      css`\n        grid-row-start: 3;\n      `}\n    }\n\n    ${TimelineStepTitle} {\n      margin-bottom: ${consts[$size].titleBottomMargin}px;\n    }\n\n    ${TimelineStepSubtitle} {\n      ${TimelineUtils.getStepDotLabelFontStyle(theme, $size)}\n      margin-bottom: ${consts[$size].subtitleBottomMargin}px;\n    }\n\n    ${TimelineStepDescription} {\n      ${TimelineUtils.getStepDescriptionFontStyle(theme, $size)}\n    }\n  `,\n);\n\nexport { TimelineStep, TimelineStepBody, TimelineStepTitle, TimelineStepSubtitle, TimelineStepDescription };\n"],"names":["consts","TimelineConsts","TimelineStepBody","styled","TimelineStepTitle","size","theme","css","TimelineUtils.getStepTitleFontStyle","TimelineStepSubtitle","TimelineStepDescription","Variables","TimelineStep","$size","$direction","$stepAlignment","$alternate","$loading","$mirrored","$hasLabels","$noDotContent","$topConnector","verticalStepStyles","horizontalStepStyles","Sizes","TimelineStepDot","Alignments","Directions","TimelineUtils.getStepDotLabelFontStyle","TimelineUtils.getStepDescriptionFontStyle"],"mappings":";;;;;;;;AAUA,MAAM,EAAE,QAAAA,MAAWC,GAEbC,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAM1BC,IAAoBD,EAAO;AAAA,IAC7B,CAAC,EAAE,MAAAE,GAAM,OAAAC,EAAA,MAAYC;AAAA,MACnBC,EAAoCF,GAAOD,CAAI,CAAC;AAAA,GACnD;AAAA,GAGGI,IAAuBN,EAAO,QAE9BO,IAA0BP,EAAO;AAAA,IACnC,CAAC,EAAE,OAAAG,EAAA,MAAYC;AAAA,aACND,EAAM,MAAM,CAAA,CAAE,EAAEK,EAAU,sBAAsB,CAAC;AAAA,GAC3D;AAAA,GAKGC,IAAeT,EAAO;AAAA,EAC1B,CAAC;AAAA,IACC,OAAAU;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAf;AAAA,EAAA,MACIC;AAAA;AAAA;AAAA,iBAGSP,EAAOa,CAAK,EAAE,YAAY;AAAA;AAAA,MAErCS,CAAkB;AAAA,MAClBC,CAAoB;AAAA;AAAA,MAEpBF,KACFd;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAECM,MAAUW,EAAM,SAClBP,KACAV;AAAA,QACIkB,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKbA,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMfA,CAAe;AAAA;AAAA;AAAA;AAAA,KAIpB;AAAA;AAAA;AAAA,MAGCvB,CAAgB;AAAA,oBACFa,MAAmBW,EAAW,QAASR,KAAaJ,MAAea,EAAW,aACxF,UACA,MAAM;AAAA;AAAA,QAERb,MAAea,EAAW,YAC5BpB;AAAA,sBACgB,CAACa,KAAiBpB,EAAOa,CAAK,EAAE,aAAa;AAAA,yBAC1Cb,EAAOa,CAAK,EAAE,YAAY;AAAA,OAC5C;AAAA;AAAA,QAECC,MAAea,EAAW,cAC5BpB;AAAA,yBACmBP,EAAOa,CAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA,UAGlDK,KACFX;AAAA,0BACkB,CAACa,KAAiBpB,EAAOa,CAAK,EAAE,qBAAqB;AAAA;AAAA,SAEtE;AAAA,OACF;AAAA;AAAA,QAECE,MAAmBW,EAAW,OAChCV,KACA,CAACG,KACDZ;AAAA;AAAA,OAEC;AAAA;AAAA,QAECQ,MAAmBW,EAAW,UAChCV,KACA,CAACG,KACDZ;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA,MAGDH,CAAiB;AAAA,uBACAJ,EAAOa,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAGhDJ,CAAoB;AAAA,QAClBmB,EAAuCtB,GAAOO,CAAK,CAAC;AAAA,uBACrCb,EAAOa,CAAK,EAAE,oBAAoB;AAAA;AAAA;AAAA,MAGnDH,CAAuB;AAAA,QACrBmB,EAA0CvB,GAAOO,CAAK,CAAC;AAAA;AAAA;AAG/D;"}
+{"version":3,"file":"TimelineStep.styles.js","sources":["../../../../../../src/components/Timeline/components/TimelineStep/TimelineStep.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes, Alignments, Directions } from 'acinguiux-ds-react-base/consts';\r\nimport { TimelineConsts, TimelineUtils, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport type { StyledTimelineStepProps } from '../../Timeline.types';\r\nimport { TimelineStepDot } from '../TimelineStepBox/TimelineStepBox.styles';\r\nimport { verticalStepStyles } from '../../styles/verticalStepStyles';\r\nimport { horizontalStepStyles } from '../../styles/horizontalStepStyles';\r\n\r\nconst { consts } = TimelineConsts;\r\n\r\nconst TimelineStepBody = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TimelineStepTitle = styled.span<Required<Pick<TimelineTypes.IStepProps, 'size'>>>`\r\n  ${({ size, theme }) => css`\r\n    ${TimelineUtils.getStepTitleFontStyle(theme, size)}\r\n  `}\r\n`;\r\n\r\nconst TimelineStepSubtitle = styled.span``;\r\n\r\nconst TimelineStepDescription = styled.span`\r\n  ${({ theme }) => css`\r\n    color: ${theme.layer({})[Variables.TextOnFoundationSubtle]};\r\n  `}\r\n`;\r\n\r\nexport type TimelineStepProps = StyledTimelineStepProps & { $noDotContent?: boolean };\r\n\r\nconst TimelineStep = styled.div<TimelineStepProps>(\r\n  ({\r\n    $size,\r\n    $direction,\r\n    $stepAlignment,\r\n    $alternate,\r\n    $loading,\r\n    $mirrored,\r\n    $hasLabels,\r\n    $noDotContent,\r\n    $topConnector,\r\n    theme,\r\n  }) => css<TimelineStepProps>`\r\n    display: grid;\r\n    gap: 12px;\r\n    min-width: ${consts[$size].minStepWidth}px;\r\n\r\n    ${verticalStepStyles};\r\n    ${horizontalStepStyles};\r\n\r\n    ${$topConnector &&\r\n    css`\r\n      min-width: 40px;\r\n      align-items: center;\r\n    `}\r\n\r\n    ${$size === Sizes.Small &&\r\n    $loading &&\r\n    css`\r\n      ${TimelineStepDot} {\r\n        margin: 6px 0;\r\n      }\r\n\r\n      &:first-of-type {\r\n        ${TimelineStepDot} {\r\n          margin-top: unset;\r\n        }\r\n      }\r\n\r\n      &:last-of-type {\r\n        ${TimelineStepDot} {\r\n          margin-bottom: unset;\r\n        }\r\n      }\r\n    `}\r\n\r\n\r\n    ${TimelineStepBody} {\r\n      text-align: ${$stepAlignment === Alignments.Left || ($mirrored && $direction === Directions.Horizontal)\r\n        ? 'right'\r\n        : 'left'};\r\n\r\n      ${$direction === Directions.Vertical &&\r\n      css`\r\n        margin-top: ${!$noDotContent && consts[$size].bodyTopMargin}px;\r\n        margin-bottom: ${consts[$size].bottomMargin}px;\r\n      `}\r\n\r\n      ${$direction === Directions.Horizontal &&\r\n      css`\r\n        padding-right: ${consts[$size].horizontalStepPadding}px;\r\n        padding-left: unset;\r\n\r\n        ${$mirrored &&\r\n        css`\r\n          padding-left: ${!$noDotContent && consts[$size].horizontalStepPadding}px;\r\n          padding-right: unset;\r\n        `}\r\n      `}\r\n\r\n      ${$stepAlignment === Alignments.Top &&\r\n      $alternate &&\r\n      !$hasLabels &&\r\n      css`\r\n        align-self: end;\r\n      `}\r\n\r\n      ${$stepAlignment === Alignments.Bottom &&\r\n      $alternate &&\r\n      !$hasLabels &&\r\n      css`\r\n        grid-row-start: 3;\r\n      `}\r\n    }\r\n\r\n    ${TimelineStepTitle} {\r\n      margin-bottom: ${consts[$size].titleBottomMargin}px;\r\n    }\r\n\r\n    ${TimelineStepSubtitle} {\r\n      ${TimelineUtils.getStepDotLabelFontStyle(theme, $size)}\r\n      margin-bottom: ${consts[$size].subtitleBottomMargin}px;\r\n    }\r\n\r\n    ${TimelineStepDescription} {\r\n      ${TimelineUtils.getStepDescriptionFontStyle(theme, $size)}\r\n    }\r\n  `,\r\n);\r\n\r\nexport { TimelineStep, TimelineStepBody, TimelineStepTitle, TimelineStepSubtitle, TimelineStepDescription };\r\n"],"names":["consts","TimelineConsts","TimelineStepBody","styled","TimelineStepTitle","size","theme","css","TimelineUtils.getStepTitleFontStyle","TimelineStepSubtitle","TimelineStepDescription","Variables","TimelineStep","$size","$direction","$stepAlignment","$alternate","$loading","$mirrored","$hasLabels","$noDotContent","$topConnector","verticalStepStyles","horizontalStepStyles","Sizes","TimelineStepDot","Alignments","Directions","TimelineUtils.getStepDotLabelFontStyle","TimelineUtils.getStepDescriptionFontStyle"],"mappings":";;;;;;;;AAUA,MAAM,EAAE,QAAAA,MAAWC,GAEbC,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAM1BC,IAAoBD,EAAO;AAAA,IAC7B,CAAC,EAAE,MAAAE,GAAM,OAAAC,EAAA,MAAYC;AAAA,MACnBC,EAAoCF,GAAOD,CAAI,CAAC;AAAA,GACnD;AAAA,GAGGI,IAAuBN,EAAO,QAE9BO,IAA0BP,EAAO;AAAA,IACnC,CAAC,EAAE,OAAAG,EAAA,MAAYC;AAAA,aACND,EAAM,MAAM,CAAA,CAAE,EAAEK,EAAU,sBAAsB,CAAC;AAAA,GAC3D;AAAA,GAKGC,IAAeT,EAAO;AAAA,EAC1B,CAAC;AAAA,IACC,OAAAU;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAf;AAAA,EAAA,MACIC;AAAA;AAAA;AAAA,iBAGSP,EAAOa,CAAK,EAAE,YAAY;AAAA;AAAA,MAErCS,CAAkB;AAAA,MAClBC,CAAoB;AAAA;AAAA,MAEpBF,KACFd;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAECM,MAAUW,EAAM,SAClBP,KACAV;AAAA,QACIkB,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKbA,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMfA,CAAe;AAAA;AAAA;AAAA;AAAA,KAIpB;AAAA;AAAA;AAAA,MAGCvB,CAAgB;AAAA,oBACFa,MAAmBW,EAAW,QAASR,KAAaJ,MAAea,EAAW,aACxF,UACA,MAAM;AAAA;AAAA,QAERb,MAAea,EAAW,YAC5BpB;AAAA,sBACgB,CAACa,KAAiBpB,EAAOa,CAAK,EAAE,aAAa;AAAA,yBAC1Cb,EAAOa,CAAK,EAAE,YAAY;AAAA,OAC5C;AAAA;AAAA,QAECC,MAAea,EAAW,cAC5BpB;AAAA,yBACmBP,EAAOa,CAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA,UAGlDK,KACFX;AAAA,0BACkB,CAACa,KAAiBpB,EAAOa,CAAK,EAAE,qBAAqB;AAAA;AAAA,SAEtE;AAAA,OACF;AAAA;AAAA,QAECE,MAAmBW,EAAW,OAChCV,KACA,CAACG,KACDZ;AAAA;AAAA,OAEC;AAAA;AAAA,QAECQ,MAAmBW,EAAW,UAChCV,KACA,CAACG,KACDZ;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA,MAGDH,CAAiB;AAAA,uBACAJ,EAAOa,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAGhDJ,CAAoB;AAAA,QAClBmB,EAAuCtB,GAAOO,CAAK,CAAC;AAAA,uBACrCb,EAAOa,CAAK,EAAE,oBAAoB;AAAA;AAAA;AAAA,MAGnDH,CAAuB;AAAA,QACrBmB,EAA0CvB,GAAOO,CAAK,CAAC;AAAA;AAAA;AAG/D;"}

package/build/esm/components/Timeline/components/TimelineStepBody/TimelineStepBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStepBody.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBody/TimelineStepBody.tsx"],"sourcesContent":["import type { TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport * as Styled from '../TimelineStep/TimelineStep.styles';\n\ntype ITimelineStepBodyProps = Required<Pick<TimelineTypes.IStepProps, 'size'>> &\n  Pick<TimelineTypes.IStepProps, 'title' | 'subtitle' | 'description' | 'children'>;\n\nconst TimelineStepBody = ({ size, title, subtitle, description, children }: ITimelineStepBodyProps) => (\n  <Styled.TimelineStepBody>\n    {!!title && <Styled.TimelineStepTitle size={size}>{title}</Styled.TimelineStepTitle>}\n    {!!subtitle && <Styled.TimelineStepSubtitle>{subtitle}</Styled.TimelineStepSubtitle>}\n    {!!description && <Styled.TimelineStepDescription>{description}</Styled.TimelineStepDescription>}\n    {children}\n  </Styled.TimelineStepBody>\n);\n\nexport default TimelineStepBody;\n"],"names":["TimelineStepBody","size","title","subtitle","description","children","jsxs","Styled.TimelineStepBody","jsx","Styled.TimelineStepTitle","Styled.TimelineStepSubtitle","Styled.TimelineStepDescription"],"mappings":";;AAOA,MAAMA,IAAmB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,UAAAC,QAC9D,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAA,CAAC,CAACL,KAAS,gBAAAM,EAACC,GAAA,EAAyB,MAAAR,GAAa,UAAAC,GAAM;AAAA,EACxD,CAAC,CAACC,uBAAaO,GAAA,EAA6B,UAAAP,GAAS;AAAA,EACrD,CAAC,CAACC,uBAAgBO,GAAA,EAAgC,UAAAP,GAAY;AAAA,EAC9DC;AAAA,EAAA,CACH;"}
+{"version":3,"file":"TimelineStepBody.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBody/TimelineStepBody.tsx"],"sourcesContent":["import type { TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\r\n\r\nimport * as Styled from '../TimelineStep/TimelineStep.styles';\r\n\r\ntype ITimelineStepBodyProps = Required<Pick<TimelineTypes.IStepProps, 'size'>> &\r\n  Pick<TimelineTypes.IStepProps, 'title' | 'subtitle' | 'description' | 'children'>;\r\n\r\nconst TimelineStepBody = ({ size, title, subtitle, description, children }: ITimelineStepBodyProps) => (\r\n  <Styled.TimelineStepBody>\r\n    {!!title && <Styled.TimelineStepTitle size={size}>{title}</Styled.TimelineStepTitle>}\r\n    {!!subtitle && <Styled.TimelineStepSubtitle>{subtitle}</Styled.TimelineStepSubtitle>}\r\n    {!!description && <Styled.TimelineStepDescription>{description}</Styled.TimelineStepDescription>}\r\n    {children}\r\n  </Styled.TimelineStepBody>\r\n);\r\n\r\nexport default TimelineStepBody;\r\n"],"names":["TimelineStepBody","size","title","subtitle","description","children","jsxs","Styled.TimelineStepBody","jsx","Styled.TimelineStepTitle","Styled.TimelineStepSubtitle","Styled.TimelineStepDescription"],"mappings":";;AAOA,MAAMA,IAAmB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,UAAAC,QAC9D,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAA,CAAC,CAACL,KAAS,gBAAAM,EAACC,GAAA,EAAyB,MAAAR,GAAa,UAAAC,GAAM;AAAA,EACxD,CAAC,CAACC,uBAAaO,GAAA,EAA6B,UAAAP,GAAS;AAAA,EACrD,CAAC,CAACC,uBAAgBO,GAAA,EAAgC,UAAAP,GAAY;AAAA,EAC9DC;AAAA,EAAA,CACH;"}

package/build/esm/components/Timeline/components/TimelineStepBox/TimelineStepBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './TimelineStepBox.styles';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepBox = ({\n  size,\n  direction,\n  variant,\n  dot,\n  loading,\n  mirrored = false,\n  dotLabel,\n  noLabel,\n  stepAlignment,\n  hasContent,\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\n  bottomConnector,\n  isFirstItem,\n  isLastItem,\n  contentPosition = 'normal',\n  children,\n  sort,\n}: ITimelineStepBoxProps) => (\n  <>\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n\n    <Styled.TimelineStepBox\n      $size={size}\n      $direction={direction}\n      $variant={variant}\n      $stepSentiment={stepSentiment}\n      $stepAlignment={stepAlignment}\n      $isBottomConnector={bottomConnector?.visibility}\n      $connectorVariant={bottomConnector?.variant}\n      $noDotContent={!dot}\n      $noLabel={noLabel}\n      $isFirstItem={isFirstItem}\n      $isLastItem={isLastItem}\n      $loading={loading}\n      $mirrored={mirrored}\n      $sort={sort}\n    >\n      {!!hasContent && (\n        <Styled.TimelineStepDot>\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : dot}\n        </Styled.TimelineStepDot>\n      )}\n      <Styled.TimelineStepLine />\n    </Styled.TimelineStepBox>\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n  </>\n);\n\nexport default TimelineStepBox;\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","contentPosition","children","sort","jsxs","Fragment","Alignments","Styled.TimelineStepLabelContainer","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":";;;;;;AAQA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgBC,EAAiB,WAAW;AAAA,EAC5C,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,MAAAC;AACF,MACE,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,GAAAX,MAAkBY,EAAW,SAASZ,MAAkBY,EAAW,QAAQ,CAAC,CAACd,KAC7E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,GACrC;AAAA,EAGF,gBAAAE;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,OAAOxB;AAAA,MACP,YAAYC;AAAA,MACZ,UAAUC;AAAA,MACV,gBAAgBQ;AAAA,MAChB,gBAAgBF;AAAA,MAChB,oBAAoBI,GAAiB;AAAA,MACrC,mBAAmBA,GAAiB;AAAA,MACpC,eAAe,CAACT;AAAA,MAChB,UAAUI;AAAA,MACV,cAAcM;AAAA,MACd,aAAaC;AAAA,MACb,UAAUV;AAAA,MACV,WAAWC;AAAA,MACX,OAAOY;AAAA,MAEN,UAAA;AAAA,QAAA,CAAC,CAACR,KACD,gBAAAa,EAACG,GAAA,EACE,UAAArB,IAAU,gBAAAkB,EAACI,GAAA,EAAQ,MAAMC,EAA6B3B,CAAI,EAAA,CAAG,IAAKG,GACrE;AAAA,QAEF,gBAAAmB,EAACM,GAAA,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,GAEzBpB,MAAkBY,EAAW,QAAQZ,MAAkBY,EAAW,WAAW,CAAC,CAACd,KAC/E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,EAAA,CACrC;AAAA,EAAA,CAEJ;"}
+{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\r\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport Loading from '../../../Loading/Loading';\r\nimport * as Styled from './TimelineStepBox.styles';\r\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\r\n\r\nconst TimelineStepBox = ({\r\n  size,\r\n  direction,\r\n  variant,\r\n  dot,\r\n  loading,\r\n  mirrored = false,\r\n  dotLabel,\r\n  noLabel,\r\n  stepAlignment,\r\n  hasContent,\r\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\r\n  bottomConnector,\r\n  isFirstItem,\r\n  isLastItem,\r\n  contentPosition = 'normal',\r\n  children,\r\n  sort,\r\n}: ITimelineStepBoxProps) => (\r\n  <>\r\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && !!dotLabel && (\r\n      <Styled.TimelineStepLabelContainer>\r\n        <Styled.TimelineStepLabel\r\n          $mirrored={mirrored}\r\n          $noDotContent={!dot}\r\n          $size={size}\r\n          $direction={direction}\r\n          $stepAlignment={stepAlignment}\r\n        >\r\n          {dotLabel}\r\n        </Styled.TimelineStepLabel>\r\n        {contentPosition === 'opposite' && children}\r\n      </Styled.TimelineStepLabelContainer>\r\n    )}\r\n\r\n    <Styled.TimelineStepBox\r\n      $size={size}\r\n      $direction={direction}\r\n      $variant={variant}\r\n      $stepSentiment={stepSentiment}\r\n      $stepAlignment={stepAlignment}\r\n      $isBottomConnector={bottomConnector?.visibility}\r\n      $connectorVariant={bottomConnector?.variant}\r\n      $noDotContent={!dot}\r\n      $noLabel={noLabel}\r\n      $isFirstItem={isFirstItem}\r\n      $isLastItem={isLastItem}\r\n      $loading={loading}\r\n      $mirrored={mirrored}\r\n      $sort={sort}\r\n    >\r\n      {!!hasContent && (\r\n        <Styled.TimelineStepDot>\r\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : dot}\r\n        </Styled.TimelineStepDot>\r\n      )}\r\n      <Styled.TimelineStepLine />\r\n    </Styled.TimelineStepBox>\r\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && !!dotLabel && (\r\n      <Styled.TimelineStepLabelContainer>\r\n        <Styled.TimelineStepLabel\r\n          $mirrored={mirrored}\r\n          $noDotContent={!dot}\r\n          $size={size}\r\n          $direction={direction}\r\n          $stepAlignment={stepAlignment}\r\n        >\r\n          {dotLabel}\r\n        </Styled.TimelineStepLabel>\r\n        {contentPosition === 'opposite' && children}\r\n      </Styled.TimelineStepLabelContainer>\r\n    )}\r\n  </>\r\n);\r\n\r\nexport default TimelineStepBox;\r\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","contentPosition","children","sort","jsxs","Fragment","Alignments","Styled.TimelineStepLabelContainer","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":";;;;;;AAQA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgBC,EAAiB,WAAW;AAAA,EAC5C,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,MAAAC;AACF,MACE,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,GAAAX,MAAkBY,EAAW,SAASZ,MAAkBY,EAAW,QAAQ,CAAC,CAACd,KAC7E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,GACrC;AAAA,EAGF,gBAAAE;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,OAAOxB;AAAA,MACP,YAAYC;AAAA,MACZ,UAAUC;AAAA,MACV,gBAAgBQ;AAAA,MAChB,gBAAgBF;AAAA,MAChB,oBAAoBI,GAAiB;AAAA,MACrC,mBAAmBA,GAAiB;AAAA,MACpC,eAAe,CAACT;AAAA,MAChB,UAAUI;AAAA,MACV,cAAcM;AAAA,MACd,aAAaC;AAAA,MACb,UAAUV;AAAA,MACV,WAAWC;AAAA,MACX,OAAOY;AAAA,MAEN,UAAA;AAAA,QAAA,CAAC,CAACR,KACD,gBAAAa,EAACG,GAAA,EACE,UAAArB,IAAU,gBAAAkB,EAACI,GAAA,EAAQ,MAAMC,EAA6B3B,CAAI,EAAA,CAAG,IAAKG,GACrE;AAAA,QAEF,gBAAAmB,EAACM,GAAA,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,GAEzBpB,MAAkBY,EAAW,QAAQZ,MAAkBY,EAAW,WAAW,CAAC,CAACd,KAC/E,gBAAAY,EAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,eAAe,CAACF;AAAA,QAChB,OAAOH;AAAA,QACP,YAAYC;AAAA,QACZ,gBAAgBO;AAAA,QAEf,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFS,MAAoB,cAAcC;AAAA,EAAA,EAAA,CACrC;AAAA,EAAA,CAEJ;"}

package/build/esm/components/Timeline/components/TimelineStepBox/TimelineStepBox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStepBox.styles.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Alignments, Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TimelineUtils, TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport { dotIconStyles, dotVariantsStyles } from '../../styles/dotStyles';\nimport { labelStyles } from '../../styles/label.styles';\nimport { lineStyles } from '../../styles/lineStyles';\nimport type { StyledTimelineStepLabelProps } from '../../Timeline.types';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepLabelContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`;\n\nconst TimelineStepLabel = styled.span<StyledTimelineStepLabelProps>`\n  ${labelStyles};\n`;\n\nconst TimelineStepLine = styled.div``;\n\nconst TimelineStepDot = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n`;\n\ntype TimelineStepBoxPropKeys =\n  | 'direction'\n  | 'loading'\n  | 'mirrored'\n  | 'stepAlignment'\n  | 'stepSentiment'\n  | 'isLastItem'\n  | 'isFirstItem'\n  | 'sort';\nexport type TimelineStepBoxProps = Required<PickTransient<ITimelineStepBoxProps, 'size' | 'variant'>> &\n  PickTransient<ITimelineStepBoxProps, TimelineStepBoxPropKeys> & {\n    $isBottomConnector?: boolean;\n    $connectorVariant?: TimelineTypes.StepConnectorType;\n    $noDotContent?: boolean;\n    $noLabel?: boolean;\n  };\n\nconst TimelineStepBox = styled.div<TimelineStepBoxProps>`\n  ${({ $size, $direction, $noDotContent, $mirrored, $noLabel, $stepAlignment, theme }) => css<TimelineStepBoxProps>`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: ${TimelineConsts.gap}px;\n    height: inherit;\n\n    ${$direction === Directions.Horizontal &&\n    css`\n      flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\n      height: ${TimelineConsts.consts[$size].dotSize}px;\n\n      ${$noLabel &&\n      $stepAlignment === Alignments.Top &&\n      css`\n        margin-bottom: ${TimelineConsts.consts[$size].noLabelMargin}px;\n      `}\n\n      ${$noLabel &&\n      $stepAlignment === Alignments.Bottom &&\n      css`\n        margin-top: ${TimelineConsts.consts[$size].noLabelMargin}px;\n      `}\n    `}\n\n    ${TimelineStepLine} {\n      ${lineStyles};\n    }\n\n    ${TimelineStepDot} {\n      ${TimelineUtils.getStepDotStyle($size, $noDotContent)}\n      ${TimelineUtils.getStepDotContentFontStyle(theme, $size)}\n      ${dotVariantsStyles};\n      ${dotIconStyles};\n    }\n  `}\n`;\n\nexport { TimelineStepLabelContainer, TimelineStepLabel, TimelineStepBox, TimelineStepLine, TimelineStepDot };\n"],"names":["TimelineStepLabelContainer","styled","TimelineStepLabel","labelStyles","TimelineStepLine","TimelineStepDot","TimelineStepBox","$size","$direction","$noDotContent","$mirrored","$noLabel","$stepAlignment","theme","css","TimelineConsts.gap","Directions","TimelineConsts.consts","Alignments","lineStyles","TimelineUtils.getStepDotStyle","TimelineUtils.getStepDotContentFontStyle","dotVariantsStyles","dotIconStyles"],"mappings":";;;;;;;AAWA,MAAMA,IAA6BC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpCC,IAAoBD,EAAO;AAAA,IAC7BE,CAAW;AAAA,GAGTC,IAAmBH,EAAO,OAE1BI,IAAkBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBzBK,IAAkBL,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,eAAAC,GAAe,WAAAC,GAAW,UAAAC,GAAU,gBAAAC,GAAgB,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA,WAI/EC,CAAkB;AAAA;AAAA;AAAA,MAGvBP,MAAeQ,EAAW,cAC5BF;AAAA,wBACoBJ,IAAY,gBAAgB,KAAK;AAAA,gBACzCO,EAAsBV,CAAK,EAAE,OAAO;AAAA;AAAA,QAE5CI,KACFC,MAAmBM,EAAW,OAC9BJ;AAAA,yBACmBG,EAAsBV,CAAK,EAAE,aAAa;AAAA,OAC5D;AAAA;AAAA,QAECI,KACFC,MAAmBM,EAAW,UAC9BJ;AAAA,sBACgBG,EAAsBV,CAAK,EAAE,aAAa;AAAA,OACzD;AAAA,KACF;AAAA;AAAA,MAECH,CAAgB;AAAA,QACde,CAAU;AAAA;AAAA;AAAA,MAGZd,CAAe;AAAA,QACbe,EAA8Bb,GAAOE,CAAa,CAAC;AAAA,QACnDY,EAAyCR,GAAON,CAAK,CAAC;AAAA,QACtDe,CAAiB;AAAA,QACjBC,CAAa;AAAA;AAAA,GAElB;AAAA;"}
+{"version":3,"file":"TimelineStepBox.styles.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Alignments, Directions } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { TimelineUtils, TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\r\n\r\nimport { dotIconStyles, dotVariantsStyles } from '../../styles/dotStyles';\r\nimport { labelStyles } from '../../styles/label.styles';\r\nimport { lineStyles } from '../../styles/lineStyles';\r\nimport type { StyledTimelineStepLabelProps } from '../../Timeline.types';\r\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\r\n\r\nconst TimelineStepLabelContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n`;\r\n\r\nconst TimelineStepLabel = styled.span<StyledTimelineStepLabelProps>`\r\n  ${labelStyles};\r\n`;\r\n\r\nconst TimelineStepLine = styled.div``;\r\n\r\nconst TimelineStepDot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n`;\r\n\r\ntype TimelineStepBoxPropKeys =\r\n  | 'direction'\r\n  | 'loading'\r\n  | 'mirrored'\r\n  | 'stepAlignment'\r\n  | 'stepSentiment'\r\n  | 'isLastItem'\r\n  | 'isFirstItem'\r\n  | 'sort';\r\nexport type TimelineStepBoxProps = Required<PickTransient<ITimelineStepBoxProps, 'size' | 'variant'>> &\r\n  PickTransient<ITimelineStepBoxProps, TimelineStepBoxPropKeys> & {\r\n    $isBottomConnector?: boolean;\r\n    $connectorVariant?: TimelineTypes.StepConnectorType;\r\n    $noDotContent?: boolean;\r\n    $noLabel?: boolean;\r\n  };\r\n\r\nconst TimelineStepBox = styled.div<TimelineStepBoxProps>`\r\n  ${({ $size, $direction, $noDotContent, $mirrored, $noLabel, $stepAlignment, theme }) => css<TimelineStepBoxProps>`\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: ${TimelineConsts.gap}px;\r\n    height: inherit;\r\n\r\n    ${$direction === Directions.Horizontal &&\r\n    css`\r\n      flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\r\n      height: ${TimelineConsts.consts[$size].dotSize}px;\r\n\r\n      ${$noLabel &&\r\n      $stepAlignment === Alignments.Top &&\r\n      css`\r\n        margin-bottom: ${TimelineConsts.consts[$size].noLabelMargin}px;\r\n      `}\r\n\r\n      ${$noLabel &&\r\n      $stepAlignment === Alignments.Bottom &&\r\n      css`\r\n        margin-top: ${TimelineConsts.consts[$size].noLabelMargin}px;\r\n      `}\r\n    `}\r\n\r\n    ${TimelineStepLine} {\r\n      ${lineStyles};\r\n    }\r\n\r\n    ${TimelineStepDot} {\r\n      ${TimelineUtils.getStepDotStyle($size, $noDotContent)}\r\n      ${TimelineUtils.getStepDotContentFontStyle(theme, $size)}\r\n      ${dotVariantsStyles};\r\n      ${dotIconStyles};\r\n    }\r\n  `}\r\n`;\r\n\r\nexport { TimelineStepLabelContainer, TimelineStepLabel, TimelineStepBox, TimelineStepLine, TimelineStepDot };\r\n"],"names":["TimelineStepLabelContainer","styled","TimelineStepLabel","labelStyles","TimelineStepLine","TimelineStepDot","TimelineStepBox","$size","$direction","$noDotContent","$mirrored","$noLabel","$stepAlignment","theme","css","TimelineConsts.gap","Directions","TimelineConsts.consts","Alignments","lineStyles","TimelineUtils.getStepDotStyle","TimelineUtils.getStepDotContentFontStyle","dotVariantsStyles","dotIconStyles"],"mappings":";;;;;;;AAWA,MAAMA,IAA6BC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpCC,IAAoBD,EAAO;AAAA,IAC7BE,CAAW;AAAA,GAGTC,IAAmBH,EAAO,OAE1BI,IAAkBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBzBK,IAAkBL,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,eAAAC,GAAe,WAAAC,GAAW,UAAAC,GAAU,gBAAAC,GAAgB,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA,WAI/EC,CAAkB;AAAA;AAAA;AAAA,MAGvBP,MAAeQ,EAAW,cAC5BF;AAAA,wBACoBJ,IAAY,gBAAgB,KAAK;AAAA,gBACzCO,EAAsBV,CAAK,EAAE,OAAO;AAAA;AAAA,QAE5CI,KACFC,MAAmBM,EAAW,OAC9BJ;AAAA,yBACmBG,EAAsBV,CAAK,EAAE,aAAa;AAAA,OAC5D;AAAA;AAAA,QAECI,KACFC,MAAmBM,EAAW,UAC9BJ;AAAA,sBACgBG,EAAsBV,CAAK,EAAE,aAAa;AAAA,OACzD;AAAA,KACF;AAAA;AAAA,MAECH,CAAgB;AAAA,QACde,CAAU;AAAA;AAAA;AAAA,MAGZd,CAAe;AAAA,QACbe,EAA8Bb,GAAOE,CAAa,CAAC;AAAA,QACnDY,EAAyCR,GAAON,CAAK,CAAC;AAAA,QACtDe,CAAiB;AAAA,QACjBC,CAAa;AAAA;AAAA,GAElB;AAAA;"}

package/build/esm/components/Timeline/styles/alignments.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"alignments.styles.js","sources":["../../../../../src/components/Timeline/styles/alignments.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { TimelineStepBox, TimelineStepLabelContainer } from '../components/TimelineStepBox/TimelineStepBox.styles';\n\ntype AlignmentProps = Required<PickTransient<TimelineTypes.IStepProps, 'size'>>;\n\nconst { consts } = TimelineConsts;\n\nexport const verticalAlignmentLeftStyles = css<\n  AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'topConnector' | 'hasLabels'>\n>(\n  ({ $size, $hasLabels, $topConnector }) => css`\n    grid-template-columns: 1fr ${consts[$size].dotSize}px 100px;\n\n    ${!$hasLabels &&\n    css`\n      grid-template-columns: 1fr ${consts[$size].dotSize}px;\n    `}\n\n    ${$topConnector &&\n    css`\n      ${TimelineStepBox} {\n        grid-column-start: 2;\n      }\n    `}\n  `,\n);\n\nexport const verticalAlignmentRightStyles = css<AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'hasLabels'>>(\n  ({ $size, $hasLabels }) => css`\n    grid-template-columns: 100px ${consts[$size].dotSize}px 1fr;\n\n    ${!$hasLabels &&\n    css`\n      grid-template-columns: ${consts[$size].dotSize}px 1fr;\n    `}\n\n    ${$hasLabels &&\n    css`\n      ${TimelineStepBox} {\n        grid-column-start: 2;\n      }\n    `}\n  `,\n);\n\nexport const verticalAlignmentAlternateStyles = css<\n  AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'stepAlignment'>\n>`\n  ${({ $size, $stepAlignment }) => css`\n    grid-template-columns: 1fr ${consts[$size].dotSize}px 1fr;\n\n    ${$stepAlignment === Alignments.Right &&\n    css`\n      ${TimelineStepBox} {\n        grid-column-start: 2;\n      }\n    `}\n\n    ${$stepAlignment === Alignments.Right &&\n    css`\n      ${TimelineStepLabelContainer} {\n        justify-self: end;\n      }\n    `}\n  `}\n`;\n\nexport const horizontalAlignmentTopStyles = css<PickTransient<TimelineTypes.IStepProps, 'hasLabels'>>`\n  ${({ $hasLabels }) => css`\n    grid-template-columns: 1fr;\n\n    ${$hasLabels &&\n    css`\n      ${TimelineStepLabelContainer} {\n        grid-row-start: 3;\n      }\n    `}\n  `}\n`;\n\nexport const horizontalAlignmentBottomStyles = css<PickTransient<TimelineTypes.IStepProps, 'hasLabels'>>`\n  ${({ $hasLabels }) => css`\n    grid-template-columns: 1fr;\n\n    ${$hasLabels &&\n    css`\n      ${TimelineStepLabelContainer} {\n        grid-row-start: 1;\n      }\n    `}\n  `}\n`;\n\nexport const horizontalAlignmentAlternateStyles = css<\n  AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'stepAlignment' | 'hasLabels' | 'topConnector'>\n>`\n  ${({ $size, $stepAlignment, $hasLabels, $topConnector }) => css`\n    grid-template-rows: ${!$topConnector && `1fr ${consts[$size].dotSize}px 1fr`};\n\n    ${$stepAlignment === Alignments.Bottom &&\n    !$hasLabels &&\n    css`\n      ${TimelineStepBox} {\n        grid-row-start: 2;\n      }\n    `}\n\n    ${$stepAlignment === Alignments.Bottom &&\n    $hasLabels &&\n    css`\n      ${TimelineStepLabelContainer} {\n        grid-row-start: 1;\n        align-self: end;\n      }\n    `}\n\n    ${$stepAlignment === Alignments.Top &&\n    $hasLabels &&\n    css`\n      ${TimelineStepLabelContainer} {\n        grid-row-start: 3;\n      }\n    `}\n  `}\n`;\n"],"names":["consts","TimelineConsts","verticalAlignmentLeftStyles","css","$size","$hasLabels","$topConnector","TimelineStepBox","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles","$stepAlignment","Alignments","TimelineStepLabelContainer","horizontalAlignmentTopStyles","horizontalAlignmentBottomStyles","horizontalAlignmentAlternateStyles"],"mappings":";;;;AASA,MAAM,EAAE,QAAAA,MAAWC,GAENC,IAA8BC;AAAA,EAGzC,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,eAAAC,QAAoBH;AAAA,iCACXH,EAAOI,CAAK,EAAE,OAAO;AAAA;AAAA,MAEhD,CAACC,KACHF;AAAA,mCAC+BH,EAAOI,CAAK,EAAE,OAAO;AAAA,KACnD;AAAA;AAAA,MAECE,KACFH;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAEL,GAEaC,IAA+BL;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,YAAAC,EAAA,MAAiBF;AAAA,mCACMH,EAAOI,CAAK,EAAE,OAAO;AAAA;AAAA,MAElD,CAACC,KACHF;AAAA,+BAC2BH,EAAOI,CAAK,EAAE,OAAO;AAAA,KAC/C;AAAA;AAAA,MAECC,KACFF;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAEL,GAEaE,IAAmCN;AAAA,IAG5C,CAAC,EAAE,OAAAC,GAAO,gBAAAM,EAAA,MAAqBP;AAAA,iCACFH,EAAOI,CAAK,EAAE,OAAO;AAAA;AAAA,MAEhDM,MAAmBC,EAAW,SAChCR;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAAA,MAECG,MAAmBC,EAAW,SAChCR;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA,GAGUC,IAA+BV;AAAA,IACxC,CAAC,EAAE,YAAAE,EAAA,MAAiBF;AAAA;AAAA;AAAA,MAGlBE,KACFF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA,GAGUE,IAAkCX;AAAA,IAC3C,CAAC,EAAE,YAAAE,EAAA,MAAiBF;AAAA;AAAA;AAAA,MAGlBE,KACFF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA,GAGUG,IAAqCZ;AAAA,IAG9C,CAAC,EAAE,OAAAC,GAAO,gBAAAM,GAAgB,YAAAL,GAAY,eAAAC,QAAoBH;AAAA,0BACpC,CAACG,KAAiB,OAAON,EAAOI,CAAK,EAAE,OAAO,QAAQ;AAAA;AAAA,MAE1EM,MAAmBC,EAAW,UAChC,CAACN,KACDF;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAAA,MAECG,MAAmBC,EAAW,UAChCN,KACAF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA;AAAA,KAI7B;AAAA;AAAA,MAECF,MAAmBC,EAAW,OAChCN,KACAF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA;"}
+{"version":3,"file":"alignments.styles.js","sources":["../../../../../src/components/Timeline/styles/alignments.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Alignments } from 'acinguiux-ds-react-base/consts';\r\nimport { TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { TimelineStepBox, TimelineStepLabelContainer } from '../components/TimelineStepBox/TimelineStepBox.styles';\r\n\r\ntype AlignmentProps = Required<PickTransient<TimelineTypes.IStepProps, 'size'>>;\r\n\r\nconst { consts } = TimelineConsts;\r\n\r\nexport const verticalAlignmentLeftStyles = css<\r\n  AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'topConnector' | 'hasLabels'>\r\n>(\r\n  ({ $size, $hasLabels, $topConnector }) => css`\r\n    grid-template-columns: 1fr ${consts[$size].dotSize}px 100px;\r\n\r\n    ${!$hasLabels &&\r\n    css`\r\n      grid-template-columns: 1fr ${consts[$size].dotSize}px;\r\n    `}\r\n\r\n    ${$topConnector &&\r\n    css`\r\n      ${TimelineStepBox} {\r\n        grid-column-start: 2;\r\n      }\r\n    `}\r\n  `,\r\n);\r\n\r\nexport const verticalAlignmentRightStyles = css<AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'hasLabels'>>(\r\n  ({ $size, $hasLabels }) => css`\r\n    grid-template-columns: 100px ${consts[$size].dotSize}px 1fr;\r\n\r\n    ${!$hasLabels &&\r\n    css`\r\n      grid-template-columns: ${consts[$size].dotSize}px 1fr;\r\n    `}\r\n\r\n    ${$hasLabels &&\r\n    css`\r\n      ${TimelineStepBox} {\r\n        grid-column-start: 2;\r\n      }\r\n    `}\r\n  `,\r\n);\r\n\r\nexport const verticalAlignmentAlternateStyles = css<\r\n  AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'stepAlignment'>\r\n>`\r\n  ${({ $size, $stepAlignment }) => css`\r\n    grid-template-columns: 1fr ${consts[$size].dotSize}px 1fr;\r\n\r\n    ${$stepAlignment === Alignments.Right &&\r\n    css`\r\n      ${TimelineStepBox} {\r\n        grid-column-start: 2;\r\n      }\r\n    `}\r\n\r\n    ${$stepAlignment === Alignments.Right &&\r\n    css`\r\n      ${TimelineStepLabelContainer} {\r\n        justify-self: end;\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const horizontalAlignmentTopStyles = css<PickTransient<TimelineTypes.IStepProps, 'hasLabels'>>`\r\n  ${({ $hasLabels }) => css`\r\n    grid-template-columns: 1fr;\r\n\r\n    ${$hasLabels &&\r\n    css`\r\n      ${TimelineStepLabelContainer} {\r\n        grid-row-start: 3;\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const horizontalAlignmentBottomStyles = css<PickTransient<TimelineTypes.IStepProps, 'hasLabels'>>`\r\n  ${({ $hasLabels }) => css`\r\n    grid-template-columns: 1fr;\r\n\r\n    ${$hasLabels &&\r\n    css`\r\n      ${TimelineStepLabelContainer} {\r\n        grid-row-start: 1;\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const horizontalAlignmentAlternateStyles = css<\r\n  AlignmentProps & PickTransient<TimelineTypes.IStepProps, 'stepAlignment' | 'hasLabels' | 'topConnector'>\r\n>`\r\n  ${({ $size, $stepAlignment, $hasLabels, $topConnector }) => css`\r\n    grid-template-rows: ${!$topConnector && `1fr ${consts[$size].dotSize}px 1fr`};\r\n\r\n    ${$stepAlignment === Alignments.Bottom &&\r\n    !$hasLabels &&\r\n    css`\r\n      ${TimelineStepBox} {\r\n        grid-row-start: 2;\r\n      }\r\n    `}\r\n\r\n    ${$stepAlignment === Alignments.Bottom &&\r\n    $hasLabels &&\r\n    css`\r\n      ${TimelineStepLabelContainer} {\r\n        grid-row-start: 1;\r\n        align-self: end;\r\n      }\r\n    `}\r\n\r\n    ${$stepAlignment === Alignments.Top &&\r\n    $hasLabels &&\r\n    css`\r\n      ${TimelineStepLabelContainer} {\r\n        grid-row-start: 3;\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n"],"names":["consts","TimelineConsts","verticalAlignmentLeftStyles","css","$size","$hasLabels","$topConnector","TimelineStepBox","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles","$stepAlignment","Alignments","TimelineStepLabelContainer","horizontalAlignmentTopStyles","horizontalAlignmentBottomStyles","horizontalAlignmentAlternateStyles"],"mappings":";;;;AASA,MAAM,EAAE,QAAAA,MAAWC,GAENC,IAA8BC;AAAA,EAGzC,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,eAAAC,QAAoBH;AAAA,iCACXH,EAAOI,CAAK,EAAE,OAAO;AAAA;AAAA,MAEhD,CAACC,KACHF;AAAA,mCAC+BH,EAAOI,CAAK,EAAE,OAAO;AAAA,KACnD;AAAA;AAAA,MAECE,KACFH;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAEL,GAEaC,IAA+BL;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,YAAAC,EAAA,MAAiBF;AAAA,mCACMH,EAAOI,CAAK,EAAE,OAAO;AAAA;AAAA,MAElD,CAACC,KACHF;AAAA,+BAC2BH,EAAOI,CAAK,EAAE,OAAO;AAAA,KAC/C;AAAA;AAAA,MAECC,KACFF;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAEL,GAEaE,IAAmCN;AAAA,IAG5C,CAAC,EAAE,OAAAC,GAAO,gBAAAM,EAAA,MAAqBP;AAAA,iCACFH,EAAOI,CAAK,EAAE,OAAO;AAAA;AAAA,MAEhDM,MAAmBC,EAAW,SAChCR;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAAA,MAECG,MAAmBC,EAAW,SAChCR;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA,GAGUC,IAA+BV;AAAA,IACxC,CAAC,EAAE,YAAAE,EAAA,MAAiBF;AAAA;AAAA;AAAA,MAGlBE,KACFF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA,GAGUE,IAAkCX;AAAA,IAC3C,CAAC,EAAE,YAAAE,EAAA,MAAiBF;AAAA;AAAA;AAAA,MAGlBE,KACFF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA,GAGUG,IAAqCZ;AAAA,IAG9C,CAAC,EAAE,OAAAC,GAAO,gBAAAM,GAAgB,YAAAL,GAAY,eAAAC,QAAoBH;AAAA,0BACpC,CAACG,KAAiB,OAAON,EAAOI,CAAK,EAAE,OAAO,QAAQ;AAAA;AAAA,MAE1EM,MAAmBC,EAAW,UAChC,CAACN,KACDF;AAAA,QACII,CAAe;AAAA;AAAA;AAAA,KAGlB;AAAA;AAAA,MAECG,MAAmBC,EAAW,UAChCN,KACAF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA;AAAA,KAI7B;AAAA;AAAA,MAECF,MAAmBC,EAAW,OAChCN,KACAF;AAAA,QACIS,CAA0B;AAAA;AAAA;AAAA,KAG7B;AAAA,GACF;AAAA;"}

package/build/esm/components/Timeline/styles/dotStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dotStyles.js","sources":["../../../../../src/components/Timeline/styles/dotStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TimelineConsts, TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITimelineStepBoxProps } from '../components/TimelineStepBox/TimelineStepBox.types';\n\nexport const dotVariantsStyles = css<PickTransient<ITimelineStepBoxProps, 'loading' | 'variant' | 'stepSentiment'>>`\n  ${({ $variant, $stepSentiment, $loading, theme }) => css`\n    ${TimelineUtils.getDotVariantStyle(theme, $variant, $stepSentiment)}\n\n    ${$loading &&\n    css`\n      border: unset;\n    `}\n  `}\n`;\n\nexport const dotIconStyles = css<\n  Required<PickTransient<ITimelineStepBoxProps, 'size' | 'variant'>> &\n    PickTransient<ITimelineStepBoxProps, 'loading' | 'stepSentiment'>\n>`\n  ${({ $size, $variant, $stepSentiment, $loading, theme }) => css`\n    ${!$loading &&\n    css`\n      svg {\n        width: ${TimelineConsts.consts[$size].icon}px;\n        height: ${TimelineConsts.consts[$size].icon}px;\n\n        path {\n          fill: ${TimelineUtils.getFabricColor(theme, $variant, $stepSentiment)[Variables.TextOnSentimentOnBackground]};\n        }\n      }\n    `}\n  `}\n`;\n"],"names":["dotVariantsStyles","css","$variant","$stepSentiment","$loading","theme","TimelineUtils.getDotVariantStyle","dotIconStyles","$size","TimelineConsts.consts","TimelineUtils.getFabricColor","Variables"],"mappings":";;;;AAOO,MAAMA,IAAoBC;AAAA,IAC7B,CAAC,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,UAAAC,GAAU,OAAAC,QAAYJ;AAAA,MACjDK,EAAiCD,GAAOH,GAAUC,CAAc,CAAC;AAAA;AAAA,MAEjEC,KACFH;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUM,IAAgBN;AAAA,IAIzB,CAAC,EAAE,OAAAO,GAAO,UAAAN,GAAU,gBAAAC,GAAgB,UAAAC,GAAU,OAAAC,QAAYJ;AAAA,MACxD,CAACG,KACHH;AAAA;AAAA,iBAEaQ,EAAsBD,CAAK,EAAE,IAAI;AAAA,kBAChCC,EAAsBD,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA,kBAGjCE,EAA6BL,GAAOH,GAAUC,CAAc,EAAEQ,EAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA,KAGjH;AAAA,GACF;AAAA;"}
+{"version":3,"file":"dotStyles.js","sources":["../../../../../src/components/Timeline/styles/dotStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { TimelineConsts, TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport type { ITimelineStepBoxProps } from '../components/TimelineStepBox/TimelineStepBox.types';\r\n\r\nexport const dotVariantsStyles = css<PickTransient<ITimelineStepBoxProps, 'loading' | 'variant' | 'stepSentiment'>>`\r\n  ${({ $variant, $stepSentiment, $loading, theme }) => css`\r\n    ${TimelineUtils.getDotVariantStyle(theme, $variant, $stepSentiment)}\r\n\r\n    ${$loading &&\r\n    css`\r\n      border: unset;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const dotIconStyles = css<\r\n  Required<PickTransient<ITimelineStepBoxProps, 'size' | 'variant'>> &\r\n    PickTransient<ITimelineStepBoxProps, 'loading' | 'stepSentiment'>\r\n>`\r\n  ${({ $size, $variant, $stepSentiment, $loading, theme }) => css`\r\n    ${!$loading &&\r\n    css`\r\n      svg {\r\n        width: ${TimelineConsts.consts[$size].icon}px;\r\n        height: ${TimelineConsts.consts[$size].icon}px;\r\n\r\n        path {\r\n          fill: ${TimelineUtils.getFabricColor(theme, $variant, $stepSentiment)[Variables.TextOnSentimentOnBackground]};\r\n        }\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n"],"names":["dotVariantsStyles","css","$variant","$stepSentiment","$loading","theme","TimelineUtils.getDotVariantStyle","dotIconStyles","$size","TimelineConsts.consts","TimelineUtils.getFabricColor","Variables"],"mappings":";;;;AAOO,MAAMA,IAAoBC;AAAA,IAC7B,CAAC,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,UAAAC,GAAU,OAAAC,QAAYJ;AAAA,MACjDK,EAAiCD,GAAOH,GAAUC,CAAc,CAAC;AAAA;AAAA,MAEjEC,KACFH;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUM,IAAgBN;AAAA,IAIzB,CAAC,EAAE,OAAAO,GAAO,UAAAN,GAAU,gBAAAC,GAAgB,UAAAC,GAAU,OAAAC,QAAYJ;AAAA,MACxD,CAACG,KACHH;AAAA;AAAA,iBAEaQ,EAAsBD,CAAK,EAAE,IAAI;AAAA,kBAChCC,EAAsBD,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA,kBAGjCE,EAA6BL,GAAOH,GAAUC,CAAc,EAAEQ,EAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA,KAGjH;AAAA,GACF;AAAA;"}

package/build/esm/components/Timeline/styles/horizontalStepStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"horizontalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/horizontalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n  StyledHorizontalAlternativeStepProps,\n  StyledHorizontalTimelineStepProps,\n  StyledHorizontalWrapperProps,\n} from '../Timeline.types';\nimport {\n  horizontalAlignmentTopStyles,\n  horizontalAlignmentBottomStyles,\n  horizontalAlignmentAlternateStyles,\n} from './alignments.styles';\n\nexport const horizontalStepStyles = css<StyledHorizontalWrapperProps>`\n  ${({ $direction, $timelineAlignment, $alternate }) => css<StyledHorizontalWrapperProps>`\n    ${$direction === Directions.Horizontal &&\n    css<StyledHorizontalWrapperProps>`\n      ${$timelineAlignment === Alignments.Top &&\n      css<StyledHorizontalTimelineStepProps>`\n        ${horizontalAlignmentTopStyles};\n      `}\n\n      ${$timelineAlignment === Alignments.Bottom &&\n      css<StyledHorizontalTimelineStepProps>`\n        ${horizontalAlignmentBottomStyles};\n      `}\n\n      ${$alternate &&\n      css<StyledHorizontalAlternativeStepProps>`\n        ${horizontalAlignmentAlternateStyles};\n      `};\n    `}\n  `}\n`;\n"],"names":["horizontalStepStyles","css","$direction","$timelineAlignment","$alternate","Directions","Alignments","horizontalAlignmentTopStyles","horizontalAlignmentBottomStyles","horizontalAlignmentAlternateStyles"],"mappings":";;;AAcO,MAAMA,IAAuBC;AAAA,IAChC,CAAC,EAAE,YAAAC,GAAY,oBAAAC,GAAoB,YAAAC,QAAiBH;AAAA,MAClDC,MAAeG,EAAW,cAC5BJ;AAAA,QACIE,MAAuBG,EAAW,OACpCL;AAAA,UACIM,CAA4B;AAAA,OAC/B;AAAA;AAAA,QAECJ,MAAuBG,EAAW,UACpCL;AAAA,UACIO,CAA+B;AAAA,OAClC;AAAA;AAAA,QAECJ,KACFH;AAAA,UACIQ,CAAkC;AAAA,OACrC;AAAA,KACF;AAAA,GACF;AAAA;"}
+{"version":3,"file":"horizontalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/horizontalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type {\r\n  StyledHorizontalAlternativeStepProps,\r\n  StyledHorizontalTimelineStepProps,\r\n  StyledHorizontalWrapperProps,\r\n} from '../Timeline.types';\r\nimport {\r\n  horizontalAlignmentTopStyles,\r\n  horizontalAlignmentBottomStyles,\r\n  horizontalAlignmentAlternateStyles,\r\n} from './alignments.styles';\r\n\r\nexport const horizontalStepStyles = css<StyledHorizontalWrapperProps>`\r\n  ${({ $direction, $timelineAlignment, $alternate }) => css<StyledHorizontalWrapperProps>`\r\n    ${$direction === Directions.Horizontal &&\r\n    css<StyledHorizontalWrapperProps>`\r\n      ${$timelineAlignment === Alignments.Top &&\r\n      css<StyledHorizontalTimelineStepProps>`\r\n        ${horizontalAlignmentTopStyles};\r\n      `}\r\n\r\n      ${$timelineAlignment === Alignments.Bottom &&\r\n      css<StyledHorizontalTimelineStepProps>`\r\n        ${horizontalAlignmentBottomStyles};\r\n      `}\r\n\r\n      ${$alternate &&\r\n      css<StyledHorizontalAlternativeStepProps>`\r\n        ${horizontalAlignmentAlternateStyles};\r\n      `};\r\n    `}\r\n  `}\r\n`;\r\n"],"names":["horizontalStepStyles","css","$direction","$timelineAlignment","$alternate","Directions","Alignments","horizontalAlignmentTopStyles","horizontalAlignmentBottomStyles","horizontalAlignmentAlternateStyles"],"mappings":";;;AAcO,MAAMA,IAAuBC;AAAA,IAChC,CAAC,EAAE,YAAAC,GAAY,oBAAAC,GAAoB,YAAAC,QAAiBH;AAAA,MAClDC,MAAeG,EAAW,cAC5BJ;AAAA,QACIE,MAAuBG,EAAW,OACpCL;AAAA,UACIM,CAA4B;AAAA,OAC/B;AAAA;AAAA,QAECJ,MAAuBG,EAAW,UACpCL;AAAA,UACIO,CAA+B;AAAA,OAClC;AAAA;AAAA,QAECJ,KACFH;AAAA,UACIQ,CAAkC;AAAA,OACrC;AAAA,KACF;AAAA,GACF;AAAA;"}

package/build/esm/components/Timeline/styles/label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.styles.js","sources":["../../../../../src/components/Timeline/styles/label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Alignments, Directions } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils, TimelineConsts } from 'acinguiux-ds-react-base/components/Timeline';\n\nimport type { StyledTimelineStepLabelProps } from '../Timeline.types';\n\nexport const labelStyles = css<StyledTimelineStepLabelProps>`\n  ${({ $size, $direction, $noDotContent, $stepAlignment, $mirrored, theme }) => css`\n    ${TimelineUtils.getStepDotLabelFontStyle(theme, $size)}\n    width: 100px;\n    white-space: nowrap;\n    text-align: ${$stepAlignment === Alignments.Left || $stepAlignment === Alignments.Right ? $stepAlignment : 'left'};\n\n    ${$direction === Directions.Vertical &&\n    css`\n      margin-top: ${!$noDotContent\n        ? TimelineConsts.consts[$size].labelTopMargin\n        : TimelineConsts.consts[$size].noContentLabelTopMargin}px;\n      margin-bottom: ${TimelineConsts.consts[$size].bottomMargin}px;\n    `}\n\n    ${$direction === Directions.Horizontal &&\n    $mirrored &&\n    css`\n      justify-self: flex-end;\n      width: auto;\n    `}\n  `}\n`;\n"],"names":["labelStyles","css","$size","$direction","$noDotContent","$stepAlignment","$mirrored","theme","TimelineUtils.getStepDotLabelFontStyle","Alignments","Directions","TimelineConsts.consts"],"mappings":";;;;AAMO,MAAMA,IAAcC;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,eAAAC,GAAe,gBAAAC,GAAgB,WAAAC,GAAW,OAAAC,QAAYN;AAAA,MAC1EO,EAAuCD,GAAOL,CAAK,CAAC;AAAA;AAAA;AAAA,kBAGxCG,MAAmBI,EAAW,QAAQJ,MAAmBI,EAAW,QAAQJ,IAAiB,MAAM;AAAA;AAAA,MAE/GF,MAAeO,EAAW,YAC5BT;AAAA,oBACiBG,IAEXO,EAAsBT,CAAK,EAAE,0BAD7BS,EAAsBT,CAAK,EAAE,cACuB;AAAA,uBACvCS,EAAsBT,CAAK,EAAE,YAAY;AAAA,KAC3D;AAAA;AAAA,MAECC,MAAeO,EAAW,cAC5BJ,KACAL;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}
+{"version":3,"file":"label.styles.js","sources":["../../../../../src/components/Timeline/styles/label.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Alignments, Directions } from 'acinguiux-ds-react-base/consts';\r\nimport { TimelineUtils, TimelineConsts } from 'acinguiux-ds-react-base/components/Timeline';\r\n\r\nimport type { StyledTimelineStepLabelProps } from '../Timeline.types';\r\n\r\nexport const labelStyles = css<StyledTimelineStepLabelProps>`\r\n  ${({ $size, $direction, $noDotContent, $stepAlignment, $mirrored, theme }) => css`\r\n    ${TimelineUtils.getStepDotLabelFontStyle(theme, $size)}\r\n    width: 100px;\r\n    white-space: nowrap;\r\n    text-align: ${$stepAlignment === Alignments.Left || $stepAlignment === Alignments.Right ? $stepAlignment : 'left'};\r\n\r\n    ${$direction === Directions.Vertical &&\r\n    css`\r\n      margin-top: ${!$noDotContent\r\n        ? TimelineConsts.consts[$size].labelTopMargin\r\n        : TimelineConsts.consts[$size].noContentLabelTopMargin}px;\r\n      margin-bottom: ${TimelineConsts.consts[$size].bottomMargin}px;\r\n    `}\r\n\r\n    ${$direction === Directions.Horizontal &&\r\n    $mirrored &&\r\n    css`\r\n      justify-self: flex-end;\r\n      width: auto;\r\n    `}\r\n  `}\r\n`;\r\n"],"names":["labelStyles","css","$size","$direction","$noDotContent","$stepAlignment","$mirrored","theme","TimelineUtils.getStepDotLabelFontStyle","Alignments","Directions","TimelineConsts.consts"],"mappings":";;;;AAMO,MAAMA,IAAcC;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,eAAAC,GAAe,gBAAAC,GAAgB,WAAAC,GAAW,OAAAC,QAAYN;AAAA,MAC1EO,EAAuCD,GAAOL,CAAK,CAAC;AAAA;AAAA;AAAA,kBAGxCG,MAAmBI,EAAW,QAAQJ,MAAmBI,EAAW,QAAQJ,IAAiB,MAAM;AAAA;AAAA,MAE/GF,MAAeO,EAAW,YAC5BT;AAAA,oBACiBG,IAEXO,EAAsBT,CAAK,EAAE,0BAD7BS,EAAsBT,CAAK,EAAE,cACuB;AAAA,uBACvCS,EAAsBT,CAAK,EAAE,YAAY;AAAA,KAC3D;AAAA;AAAA,MAECC,MAAeO,EAAW,cAC5BJ,KACAL;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}

package/build/esm/components/Timeline/styles/lineStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"lineStyles.js","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Variants, Sorts } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nexport const lineStyles = css<\n  Required<PickTransient<TimelineTypes.IStepProps, 'size' | 'variant'>> &\n    PickTransient<TimelineTypes.IStepProps, 'isLastItem' | 'isFirstItem'> &\n    PickTransient<TimelineTypes.IStepProps, 'direction' | 'loading' | 'mirrored'> & {\n      $isBottomConnector?: boolean;\n      $connectorVariant?: TimelineTypes.StepConnectorType;\n      $sort?: TimelineTypes.Sort;\n    }\n>`\n  ${({\n    $size,\n    $direction,\n    $variant,\n    $mirrored,\n    $isFirstItem,\n    $isLastItem,\n    $isBottomConnector,\n    $connectorVariant,\n    $sort,\n    theme,\n  }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      ${$direction === Directions.Vertical &&\n      css`\n        height: calc(100% - (${TimelineConsts.consts[$size].dotSize}px + ${TimelineConsts.gap}px) + 40px);\n        min-height: ${TimelineConsts.consts[$size].timelineMinHeight}px;\n\n        ${!$isLastItem &&\n        css`\n          border-left: 2px ${$variant === Variants.Transparent ? 'dashed' : 'solid'}\n            ${layer[Variables.BorderOnFoundationMedium]};\n        `}\n\n        ${$isBottomConnector &&\n        css`\n          border-left: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\n        `}\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        width: calc(100% - ${TimelineConsts.gap}px);\n        min-width: ${TimelineConsts.consts[$size].timelineMinHeight}px;\n\n        ${(!$isLastItem || ($isLastItem && $mirrored)) &&\n        css`\n          border-top: 2px ${$variant === Variants.Transparent ? 'dashed' : 'solid'}\n            ${layer[Variables.BorderOnFoundationMedium]};\n        `}\n\n        ${$isBottomConnector &&\n        $isLastItem &&\n        !$mirrored &&\n        $sort === Sorts.Asc &&\n        css`\n          border-top: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\n        `}\n\n        ${$isFirstItem &&\n        $mirrored &&\n        css`\n          border-top: unset;\n        `}\n\n        ${$isFirstItem &&\n        $mirrored &&\n        $isBottomConnector &&\n        css`\n          border-top: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\n        `}\n\n        ${$isLastItem &&\n        !$mirrored &&\n        $isBottomConnector &&\n        $sort === Sorts.Desc &&\n        css`\n          border-top: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\n        `}\n      `}\n    `;\n  }}\n`;\n"],"names":["lineStyles","css","$size","$direction","$variant","$mirrored","$isFirstItem","$isLastItem","$isBottomConnector","$connectorVariant","$sort","theme","layer","Directions","TimelineConsts.consts","TimelineConsts.gap","Variants","Variables","Sorts"],"mappings":";;;;AAMO,MAAMA,IAAaC;AAAA,IAStB,CAAC;AAAA,EACD,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOV;AAAA,QACHE,MAAeU,EAAW,YAC5BZ;AAAA,+BACyBa,EAAsBZ,CAAK,EAAE,OAAO,QAAQa,CAAkB;AAAA,sBACvED,EAAsBZ,CAAK,EAAE,iBAAiB;AAAA;AAAA,UAE1D,CAACK,KACHN;AAAA,6BACqBG,MAAaY,EAAS,cAAc,WAAW,OAAO;AAAA,cACrEJ,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC9C;AAAA;AAAA,UAECT,KACFP;AAAA,6BACqBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC7F;AAAA,OACF;AAAA;AAAA,QAECd,MAAeU,EAAW,cAC5BZ;AAAA,6BACuBc,CAAkB;AAAA,qBAC1BD,EAAsBZ,CAAK,EAAE,iBAAiB;AAAA;AAAA,WAExD,CAACK,KAAgBA,KAAeF,MACnCJ;AAAA,4BACoBG,MAAaY,EAAS,cAAc,WAAW,OAAO;AAAA,cACpEJ,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC9C;AAAA;AAAA,UAECT,KACFD,KACA,CAACF,KACDK,MAAUQ,EAAM,OAChBjB;AAAA,4BACoBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC5F;AAAA;AAAA,UAECX,KACFD,KACAJ;AAAA;AAAA,SAEC;AAAA;AAAA,UAECK,KACFD,KACAG,KACAP;AAAA,4BACoBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC5F;AAAA;AAAA,UAECV,KACF,CAACF,KACDG,KACAE,MAAUQ,EAAM,QAChBjB;AAAA,4BACoBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC5F;AAAA,OACF;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"lineStyles.js","sources":["../../../../../src/components/Timeline/styles/lineStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Directions, Variants, Sorts } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { TimelineConsts, type TimelineTypes } from 'acinguiux-ds-react-base/components/Timeline';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nexport const lineStyles = css<\r\n  Required<PickTransient<TimelineTypes.IStepProps, 'size' | 'variant'>> &\r\n    PickTransient<TimelineTypes.IStepProps, 'isLastItem' | 'isFirstItem'> &\r\n    PickTransient<TimelineTypes.IStepProps, 'direction' | 'loading' | 'mirrored'> & {\r\n      $isBottomConnector?: boolean;\r\n      $connectorVariant?: TimelineTypes.StepConnectorType;\r\n      $sort?: TimelineTypes.Sort;\r\n    }\r\n>`\r\n  ${({\r\n    $size,\r\n    $direction,\r\n    $variant,\r\n    $mirrored,\r\n    $isFirstItem,\r\n    $isLastItem,\r\n    $isBottomConnector,\r\n    $connectorVariant,\r\n    $sort,\r\n    theme,\r\n  }) => {\r\n    const layer = theme.layer({ foundation: 'surface' });\r\n\r\n    return css`\r\n      ${$direction === Directions.Vertical &&\r\n      css`\r\n        height: calc(100% - (${TimelineConsts.consts[$size].dotSize}px + ${TimelineConsts.gap}px) + 40px);\r\n        min-height: ${TimelineConsts.consts[$size].timelineMinHeight}px;\r\n\r\n        ${!$isLastItem &&\r\n        css`\r\n          border-left: 2px ${$variant === Variants.Transparent ? 'dashed' : 'solid'}\r\n            ${layer[Variables.BorderOnFoundationMedium]};\r\n        `}\r\n\r\n        ${$isBottomConnector &&\r\n        css`\r\n          border-left: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\r\n        `}\r\n      `}\r\n\r\n      ${$direction === Directions.Horizontal &&\r\n      css`\r\n        width: calc(100% - ${TimelineConsts.gap}px);\r\n        min-width: ${TimelineConsts.consts[$size].timelineMinHeight}px;\r\n\r\n        ${(!$isLastItem || ($isLastItem && $mirrored)) &&\r\n        css`\r\n          border-top: 2px ${$variant === Variants.Transparent ? 'dashed' : 'solid'}\r\n            ${layer[Variables.BorderOnFoundationMedium]};\r\n        `}\r\n\r\n        ${$isBottomConnector &&\r\n        $isLastItem &&\r\n        !$mirrored &&\r\n        $sort === Sorts.Asc &&\r\n        css`\r\n          border-top: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\r\n        `}\r\n\r\n        ${$isFirstItem &&\r\n        $mirrored &&\r\n        css`\r\n          border-top: unset;\r\n        `}\r\n\r\n        ${$isFirstItem &&\r\n        $mirrored &&\r\n        $isBottomConnector &&\r\n        css`\r\n          border-top: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\r\n        `}\r\n\r\n        ${$isLastItem &&\r\n        !$mirrored &&\r\n        $isBottomConnector &&\r\n        $sort === Sorts.Desc &&\r\n        css`\r\n          border-top: 2px ${$connectorVariant ?? 'solid'} ${layer[Variables.BorderOnFoundationMedium]};\r\n        `}\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n"],"names":["lineStyles","css","$size","$direction","$variant","$mirrored","$isFirstItem","$isLastItem","$isBottomConnector","$connectorVariant","$sort","theme","layer","Directions","TimelineConsts.consts","TimelineConsts.gap","Variants","Variables","Sorts"],"mappings":";;;;AAMO,MAAMA,IAAaC;AAAA,IAStB,CAAC;AAAA,EACD,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOV;AAAA,QACHE,MAAeU,EAAW,YAC5BZ;AAAA,+BACyBa,EAAsBZ,CAAK,EAAE,OAAO,QAAQa,CAAkB;AAAA,sBACvED,EAAsBZ,CAAK,EAAE,iBAAiB;AAAA;AAAA,UAE1D,CAACK,KACHN;AAAA,6BACqBG,MAAaY,EAAS,cAAc,WAAW,OAAO;AAAA,cACrEJ,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC9C;AAAA;AAAA,UAECT,KACFP;AAAA,6BACqBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC7F;AAAA,OACF;AAAA;AAAA,QAECd,MAAeU,EAAW,cAC5BZ;AAAA,6BACuBc,CAAkB;AAAA,qBAC1BD,EAAsBZ,CAAK,EAAE,iBAAiB;AAAA;AAAA,WAExD,CAACK,KAAgBA,KAAeF,MACnCJ;AAAA,4BACoBG,MAAaY,EAAS,cAAc,WAAW,OAAO;AAAA,cACpEJ,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC9C;AAAA;AAAA,UAECT,KACFD,KACA,CAACF,KACDK,MAAUQ,EAAM,OAChBjB;AAAA,4BACoBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC5F;AAAA;AAAA,UAECX,KACFD,KACAJ;AAAA;AAAA,SAEC;AAAA;AAAA,UAECK,KACFD,KACAG,KACAP;AAAA,4BACoBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC5F;AAAA;AAAA,UAECV,KACF,CAACF,KACDG,KACAE,MAAUQ,EAAM,QAChBjB;AAAA,4BACoBQ,KAAqB,OAAO,IAAIG,EAAMK,EAAU,wBAAwB,CAAC;AAAA,SAC5F;AAAA,OACF;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Timeline/styles/verticalStepStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"verticalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/verticalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport {\n  verticalAlignmentLeftStyles,\n  verticalAlignmentRightStyles,\n  verticalAlignmentAlternateStyles,\n} from './alignments.styles';\nimport type { StyledVerticalWrapperProps } from '../Timeline.types';\n\nexport const verticalStepStyles = css<StyledVerticalWrapperProps>(\n  ({ $direction, $timelineAlignment, $alternate }) => css<StyledVerticalWrapperProps>`\n    ${$direction === Directions.Vertical &&\n    css<StyledVerticalWrapperProps>`\n      ${$timelineAlignment === Alignments.Left ? verticalAlignmentLeftStyles : ''};\n      ${!$timelineAlignment || $timelineAlignment === Alignments.Right ? verticalAlignmentRightStyles : ''};\n\n      ${$alternate && verticalAlignmentAlternateStyles};\n    `}\n  `,\n);\n"],"names":["verticalStepStyles","css","$direction","$timelineAlignment","$alternate","Directions","Alignments","verticalAlignmentLeftStyles","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles"],"mappings":";;;AAUO,MAAMA,IAAqBC;AAAA,EAChC,CAAC,EAAE,YAAAC,GAAY,oBAAAC,GAAoB,YAAAC,QAAiBH;AAAA,MAChDC,MAAeG,EAAW,YAC5BJ;AAAA,QACIE,MAAuBG,EAAW,OAAOC,IAA8B,EAAE;AAAA,QACzE,CAACJ,KAAsBA,MAAuBG,EAAW,QAAQE,IAA+B,EAAE;AAAA;AAAA,QAElGJ,KAAcK,CAAgC;AAAA,KACjD;AAAA;AAEL;"}
+{"version":3,"file":"verticalStepStyles.js","sources":["../../../../../src/components/Timeline/styles/verticalStepStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport {\r\n  verticalAlignmentLeftStyles,\r\n  verticalAlignmentRightStyles,\r\n  verticalAlignmentAlternateStyles,\r\n} from './alignments.styles';\r\nimport type { StyledVerticalWrapperProps } from '../Timeline.types';\r\n\r\nexport const verticalStepStyles = css<StyledVerticalWrapperProps>(\r\n  ({ $direction, $timelineAlignment, $alternate }) => css<StyledVerticalWrapperProps>`\r\n    ${$direction === Directions.Vertical &&\r\n    css<StyledVerticalWrapperProps>`\r\n      ${$timelineAlignment === Alignments.Left ? verticalAlignmentLeftStyles : ''};\r\n      ${!$timelineAlignment || $timelineAlignment === Alignments.Right ? verticalAlignmentRightStyles : ''};\r\n\r\n      ${$alternate && verticalAlignmentAlternateStyles};\r\n    `}\r\n  `,\r\n);\r\n"],"names":["verticalStepStyles","css","$direction","$timelineAlignment","$alternate","Directions","Alignments","verticalAlignmentLeftStyles","verticalAlignmentRightStyles","verticalAlignmentAlternateStyles"],"mappings":";;;AAUO,MAAMA,IAAqBC;AAAA,EAChC,CAAC,EAAE,YAAAC,GAAY,oBAAAC,GAAoB,YAAAC,QAAiBH;AAAA,MAChDC,MAAeG,EAAW,YAC5BJ;AAAA,QACIE,MAAuBG,EAAW,OAAOC,IAA8B,EAAE;AAAA,QACzE,CAACJ,KAAsBA,MAAuBG,EAAW,QAAQE,IAA+B,EAAE;AAAA;AAAA,QAElGJ,KAAcK,CAAgC;AAAA,KACjD;AAAA;AAEL;"}