acinguiux-ds-react-framework 0.1.26 → 0.1.27

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      defaultValue = [0, 0],\n      labelAlignment = `${Alignments.LeftAndRight}`,\n      labelPosition = `${Positions.Side}`,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      onChange?.(newValue);\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = (valueType: 'min' | 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n      let newValue = innerValue || [];\n      let newTargetValue = Number(e.target.value);\n\n      if (Number.isNaN(newTargetValue)) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        return;\n      }\n\n      if (newTargetValue < min) {\n        newTargetValue = min;\n      } else if (newTargetValue > max) {\n        newTargetValue = max;\n      }\n\n      if (valueType === 'min') {\n        newValue = [newTargetValue, newValue[1]];\n      } else {\n        newValue = [newValue[0], newTargetValue];\n      }\n\n      handleOnChange(newValue);\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        $prefixCls={SLIDER_CLASS}\n        $size={size}\n        $labelAlignment={labelAlignment}\n        $labelPosition={innerLabelPosition}\n        $reverse={reverse}\n        $disabled={disabled}\n        ref={ref}\n      >\n        {!!innerValue && (\n          <Styled.RangeLabels\n            $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n            $disabled={disabled}\n          >\n            {!!labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={true}\n        />\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\n        {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}
+{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider, { SliderProps } from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst RangeSlider = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = `${Sizes.Medium}`,\r\n      defaultValue = [0, 0],\r\n      labelAlignment = `${Alignments.LeftAndRight}`,\r\n      labelPosition = `${Positions.Side}`,\r\n      onChange,\r\n      reverse = false,\r\n      disabled = false,\r\n      value,\r\n      min = 0,\r\n      max = 100,\r\n      marks,\r\n      inputValues = false,\r\n      labelMin,\r\n      labelMax,\r\n      ...rest\r\n    }: SliderProps & SliderTypes.IRangeProps,\r\n    ref: Ref<HTMLDivElement>,\r\n  ): ReactElement => {\r\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\r\n\r\n    const innerLabelPosition = useMemo(\r\n      () => (marks || inputValues ? `${Positions.Side}` : labelPosition),\r\n      [marks, inputValues, labelPosition],\r\n    );\r\n\r\n    const handleOnChange = (newValue: number[]) => {\r\n      onChange?.(newValue);\r\n      setInnerValue(newValue);\r\n    };\r\n\r\n    const handleInputOnChange = (valueType: 'min' | 'max') => (e: ChangeEvent<HTMLInputElement>) => {\r\n      let newValue = innerValue || [];\r\n      let newTargetValue = Number(e.target.value);\r\n\r\n      if (Number.isNaN(newTargetValue)) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n\r\n        return;\r\n      }\r\n\r\n      if (newTargetValue < min) {\r\n        newTargetValue = min;\r\n      } else if (newTargetValue > max) {\r\n        newTargetValue = max;\r\n      }\r\n\r\n      if (valueType === 'min') {\r\n        newValue = [newTargetValue, newValue[1]];\r\n      } else {\r\n        newValue = [newValue[0], newTargetValue];\r\n      }\r\n\r\n      handleOnChange(newValue);\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setInnerValue(value);\r\n      }\r\n    }, [value]);\r\n\r\n    return (\r\n      <Styled.Slider\r\n        className={classNames(SLIDER_CLASS, className)}\r\n        $prefixCls={SLIDER_CLASS}\r\n        $size={size}\r\n        $labelAlignment={labelAlignment}\r\n        $labelPosition={innerLabelPosition}\r\n        $reverse={reverse}\r\n        $disabled={disabled}\r\n        ref={ref}\r\n      >\r\n        {!!innerValue && (\r\n          <Styled.RangeLabels\r\n            $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\r\n            $disabled={disabled}\r\n          >\r\n            {!!labelAlignment && labelAlignment !== 'none' && (\r\n              <Value\r\n                size={size}\r\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\r\n                handleOnChange={handleInputOnChange('min')}\r\n                inputValues={inputValues}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\r\n              <Value\r\n                size={size}\r\n                value={String(innerValue[reverse ? 0 : 1])}\r\n                handleOnChange={handleInputOnChange('min')}\r\n                inputValues={inputValues}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n          </Styled.RangeLabels>\r\n        )}\r\n        {!!labelMin && !!inputValues && <Label>{min}</Label>}\r\n        <RCSlider\r\n          prefixCls={SLIDER_CLASS}\r\n          defaultValue={defaultValue}\r\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\r\n          reverse={reverse}\r\n          disabled={disabled}\r\n          value={innerValue}\r\n          marks={marks}\r\n          ariaLabelForHandle=\"range-slider\"\r\n          min={min}\r\n          max={max}\r\n          {...rest}\r\n          range={true}\r\n        />\r\n        {!!labelMax && !!inputValues && <Label>{max}</Label>}\r\n        {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\r\n          <Value\r\n            size={size}\r\n            value={String(innerValue[reverse ? 0 : 1])}\r\n            handleOnChange={handleInputOnChange('max')}\r\n            inputValues={inputValues}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n      </Styled.Slider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default RangeSlider;\r\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/cjs/components/Stepper/Step.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.styles.js","sources":["../../../../src/components/Stepper/Step.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils, StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { IConnectorLineProps, IStepWrapperProps } from './Step.types';\nimport BaseBadge from '../Badge/Badge';\nimport BaseHeading from '../Text/components/Heading/Heading';\nimport BaseLabel from '../Text/components/Label/Label';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst {\n  containedStepperConsts: { container },\n  stepperConsts: { connector },\n} = StepperConsts;\n\nconst ContainedContainer = styled(Flexbox)`\n  display: flex;\n  flex-grow: 1;\n  gap: ${container.gap}px;\n  border-radius: ${container.borderRadius}px;\n`;\n\nconst Badge = styled(BaseBadge)``;\nconst Heading = styled(BaseHeading)``;\nconst Label = styled(BaseLabel)``;\n\nconst ConnectorLine = styled.div.attrs({\n  'aria-hidden': true,\n  'aria-label': 'connector-line',\n})<IConnectorLineProps>`\n  ${({ $type, $direction }) => css`\n    position: relative;\n\n    ${$direction === Directions.Horizontal\n      ? css`\n          height: ${connector.lineWidth}px;\n          width: 100%;\n        `\n      : css`\n          height: 100%;\n          width: ${connector.lineWidth}px;\n        `}\n\n    ${$type === 'dot'\n      ? css`\n          ${$direction === Directions.Vertical && 'margin: -2px 0 -4px;'}\n\n          &::before {\n            background: ${connector.gradients[$direction].radial};\n          }\n\n          &::after {\n            background: ${connector.gradients[$direction].linear};\n          }\n\n          &::before,\n          &::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-repeat: space;\n          }\n        `\n      : css`\n          border-radius: ${connector.borderRadius}px;\n        `}\n  `}\n`;\n\nconst StepWrapper = styled.li<IStepWrapperProps>`\n  ${({ theme, $direction, $stage, $invalid, $type, $size, onClick, disabled }) => {\n    const {\n      press: activeStepperStyle,\n      resting: defaultStepperStyle,\n      hover: hoverStepperStyle,\n    } = StepperUtils.getStepperStyles(theme, $stage, $type, $invalid, disabled);\n    const {\n      press: activeTextStyles,\n      resting: defaultTextStyles,\n      hover: hoverTextStyles,\n    } = StepperUtils.getTextStyles(theme, $stage, $invalid, disabled);\n    const {\n      press: activeConnectorStyles,\n      resting: defaultConnectorStyles,\n      hover: hoverConnectorStyles,\n    } = StepperUtils.getConnectorStyles(theme, $stage, $type, $invalid, disabled);\n\n    return css`\n      display: flex;\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        flex-direction: column;\n      `};\n\n      ${$direction === Directions.Vertical &&\n      css`\n        flex-direction: row;\n      `}\n\n      ${onClick &&\n      css`\n        &:focus-visible {\n          outline: 0;\n\n          ${ContainedContainer} {\n            ${getFocusStyles(theme)};\n          }\n        }\n      `}\n      ${ContainedContainer} {\n        padding: ${container.padding[$size]}px;\n        background-color: ${defaultStepperStyle.containerBackground};\n      }\n\n      ${Badge} {\n        background-color: ${defaultStepperStyle.badgeBackgroundColor};\n        color: ${defaultStepperStyle.badgeColor};\n        border: ${defaultStepperStyle.badgeBorder};\n      }\n\n      ${ConnectorLine} {\n        ${defaultConnectorStyles};\n      }\n\n      ${Heading} {\n        color: ${defaultTextStyles.titleColor};\n      }\n\n      ${Label} {\n        color: ${defaultTextStyles.stepNumberColor};\n      }\n\n      &:hover {\n        ${onClick &&\n        css`\n          cursor: pointer;\n        `}\n\n        ${ContainedContainer} {\n          background-color: ${hoverStepperStyle.containerBackground};\n        }\n\n        ${Badge} {\n          background-color: ${hoverStepperStyle.badgeBackgroundColor};\n          color: ${hoverStepperStyle.badgeColor};\n          border: ${hoverStepperStyle.badgeBorder};\n        }\n\n        ${ConnectorLine} {\n          ${hoverConnectorStyles};\n        }\n\n        ${Heading} {\n          color: ${hoverTextStyles.titleColor};\n        }\n\n        ${Label} {\n          color: ${hoverTextStyles.stepNumberColor};\n        }\n      }\n\n      &:active {\n        ${ContainedContainer} {\n          background-color: ${activeStepperStyle.containerBackground};\n        }\n\n        ${Badge} {\n          background-color: ${activeStepperStyle.badgeBackgroundColor};\n          color: ${activeStepperStyle.badgeColor};\n          border: ${activeStepperStyle.badgeBorder};\n        }\n\n        ${ConnectorLine} {\n          ${activeConnectorStyles};\n        }\n\n        ${Heading} {\n          color: ${activeTextStyles.titleColor};\n        }\n\n        ${Label} {\n          color: ${activeTextStyles.stepNumberColor};\n        }\n      }\n    `;\n  }}\n`;\n\nexport { Badge, Label, Heading, ContainedContainer, ConnectorLine, StepWrapper };\n"],"names":["container","connector","StepperConsts","ContainedContainer","styled","Flexbox","Badge","BaseBadge","Heading","BaseHeading","Label","BaseLabel","ConnectorLine","$type","$direction","css","Directions","StepWrapper","theme","$stage","$invalid","$size","onClick","disabled","activeStepperStyle","defaultStepperStyle","hoverStepperStyle","StepperUtils.getStepperStyles","activeTextStyles","defaultTextStyles","hoverTextStyles","StepperUtils.getTextStyles","activeConnectorStyles","defaultConnectorStyles","hoverConnectorStyles","StepperUtils.getConnectorStyles","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"Step.styles.js","sources":["../../../../src/components/Stepper/Step.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions } from 'acinguiux-ds-react-base/consts';\r\nimport { StepperUtils, StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport type { IConnectorLineProps, IStepWrapperProps } from './Step.types';\r\nimport BaseBadge from '../Badge/Badge';\r\nimport BaseHeading from '../Text/components/Heading/Heading';\r\nimport BaseLabel from '../Text/components/Label/Label';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst {\r\n  containedStepperConsts: { container },\r\n  stepperConsts: { connector },\r\n} = StepperConsts;\r\n\r\nconst ContainedContainer = styled(Flexbox)`\r\n  display: flex;\r\n  flex-grow: 1;\r\n  gap: ${container.gap}px;\r\n  border-radius: ${container.borderRadius}px;\r\n`;\r\n\r\nconst Badge = styled(BaseBadge)``;\r\nconst Heading = styled(BaseHeading)``;\r\nconst Label = styled(BaseLabel)``;\r\n\r\nconst ConnectorLine = styled.div.attrs({\r\n  'aria-hidden': true,\r\n  'aria-label': 'connector-line',\r\n})<IConnectorLineProps>`\r\n  ${({ $type, $direction }) => css`\r\n    position: relative;\r\n\r\n    ${$direction === Directions.Horizontal\r\n      ? css`\r\n          height: ${connector.lineWidth}px;\r\n          width: 100%;\r\n        `\r\n      : css`\r\n          height: 100%;\r\n          width: ${connector.lineWidth}px;\r\n        `}\r\n\r\n    ${$type === 'dot'\r\n      ? css`\r\n          ${$direction === Directions.Vertical && 'margin: -2px 0 -4px;'}\r\n\r\n          &::before {\r\n            background: ${connector.gradients[$direction].radial};\r\n          }\r\n\r\n          &::after {\r\n            background: ${connector.gradients[$direction].linear};\r\n          }\r\n\r\n          &::before,\r\n          &::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background-repeat: space;\r\n          }\r\n        `\r\n      : css`\r\n          border-radius: ${connector.borderRadius}px;\r\n        `}\r\n  `}\r\n`;\r\n\r\nconst StepWrapper = styled.li<IStepWrapperProps>`\r\n  ${({ theme, $direction, $stage, $invalid, $type, $size, onClick, disabled }) => {\r\n    const {\r\n      press: activeStepperStyle,\r\n      resting: defaultStepperStyle,\r\n      hover: hoverStepperStyle,\r\n    } = StepperUtils.getStepperStyles(theme, $stage, $type, $invalid, disabled);\r\n    const {\r\n      press: activeTextStyles,\r\n      resting: defaultTextStyles,\r\n      hover: hoverTextStyles,\r\n    } = StepperUtils.getTextStyles(theme, $stage, $invalid, disabled);\r\n    const {\r\n      press: activeConnectorStyles,\r\n      resting: defaultConnectorStyles,\r\n      hover: hoverConnectorStyles,\r\n    } = StepperUtils.getConnectorStyles(theme, $stage, $type, $invalid, disabled);\r\n\r\n    return css`\r\n      display: flex;\r\n\r\n      ${$direction === Directions.Horizontal &&\r\n      css`\r\n        flex-direction: column;\r\n      `};\r\n\r\n      ${$direction === Directions.Vertical &&\r\n      css`\r\n        flex-direction: row;\r\n      `}\r\n\r\n      ${onClick &&\r\n      css`\r\n        &:focus-visible {\r\n          outline: 0;\r\n\r\n          ${ContainedContainer} {\r\n            ${getFocusStyles(theme)};\r\n          }\r\n        }\r\n      `}\r\n      ${ContainedContainer} {\r\n        padding: ${container.padding[$size]}px;\r\n        background-color: ${defaultStepperStyle.containerBackground};\r\n      }\r\n\r\n      ${Badge} {\r\n        background-color: ${defaultStepperStyle.badgeBackgroundColor};\r\n        color: ${defaultStepperStyle.badgeColor};\r\n        border: ${defaultStepperStyle.badgeBorder};\r\n      }\r\n\r\n      ${ConnectorLine} {\r\n        ${defaultConnectorStyles};\r\n      }\r\n\r\n      ${Heading} {\r\n        color: ${defaultTextStyles.titleColor};\r\n      }\r\n\r\n      ${Label} {\r\n        color: ${defaultTextStyles.stepNumberColor};\r\n      }\r\n\r\n      &:hover {\r\n        ${onClick &&\r\n        css`\r\n          cursor: pointer;\r\n        `}\r\n\r\n        ${ContainedContainer} {\r\n          background-color: ${hoverStepperStyle.containerBackground};\r\n        }\r\n\r\n        ${Badge} {\r\n          background-color: ${hoverStepperStyle.badgeBackgroundColor};\r\n          color: ${hoverStepperStyle.badgeColor};\r\n          border: ${hoverStepperStyle.badgeBorder};\r\n        }\r\n\r\n        ${ConnectorLine} {\r\n          ${hoverConnectorStyles};\r\n        }\r\n\r\n        ${Heading} {\r\n          color: ${hoverTextStyles.titleColor};\r\n        }\r\n\r\n        ${Label} {\r\n          color: ${hoverTextStyles.stepNumberColor};\r\n        }\r\n      }\r\n\r\n      &:active {\r\n        ${ContainedContainer} {\r\n          background-color: ${activeStepperStyle.containerBackground};\r\n        }\r\n\r\n        ${Badge} {\r\n          background-color: ${activeStepperStyle.badgeBackgroundColor};\r\n          color: ${activeStepperStyle.badgeColor};\r\n          border: ${activeStepperStyle.badgeBorder};\r\n        }\r\n\r\n        ${ConnectorLine} {\r\n          ${activeConnectorStyles};\r\n        }\r\n\r\n        ${Heading} {\r\n          color: ${activeTextStyles.titleColor};\r\n        }\r\n\r\n        ${Label} {\r\n          color: ${activeTextStyles.stepNumberColor};\r\n        }\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Badge, Label, Heading, ContainedContainer, ConnectorLine, StepWrapper };\r\n"],"names":["container","connector","StepperConsts","ContainedContainer","styled","Flexbox","Badge","BaseBadge","Heading","BaseHeading","Label","BaseLabel","ConnectorLine","$type","$direction","css","Directions","StepWrapper","theme","$stage","$invalid","$size","onClick","disabled","activeStepperStyle","defaultStepperStyle","hoverStepperStyle","StepperUtils.getStepperStyles","activeTextStyles","defaultTextStyles","hoverTextStyles","StepperUtils.getTextStyles","activeConnectorStyles","defaultConnectorStyles","hoverConnectorStyles","StepperUtils.getConnectorStyles","getFocusStyles"],"mappings":"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"}

package/build/cjs/components/Stepper/Stepper.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.consts.js","sources":["../../../../src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { StepperTypes } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport type { IStepProps } from './Step.types';\nimport DefaultStep from './_internalComponents/DefaultStep/DefaultStep';\nimport ContainedStep from './_internalComponents/ContainedStep/ContainedStep';\n\nexport const stepComponents: Record<StepperTypes.Type, (props: IStepProps) => ReactElement> = {\n  default: DefaultStep,\n  contained: ContainedStep,\n};\n"],"names":["stepComponents","DefaultStep","ContainedStep"],"mappings":"kPAQaA,EAAiF,CAC5F,QAASC,EACT,UAAWC,CACb"}
+{"version":3,"file":"Stepper.consts.js","sources":["../../../../src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport type { StepperTypes } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport type { IStepProps } from './Step.types';\r\nimport DefaultStep from './_internalComponents/DefaultStep/DefaultStep';\r\nimport ContainedStep from './_internalComponents/ContainedStep/ContainedStep';\r\n\r\nexport const stepComponents: Record<StepperTypes.Type, (props: IStepProps) => ReactElement> = {\r\n  default: DefaultStep,\r\n  contained: ContainedStep,\r\n};\r\n"],"names":["stepComponents","DefaultStep","ContainedStep"],"mappings":"kPAQaA,EAAiF,CAC5F,QAASC,EACT,UAAWC,CACb"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IStepperProps } from './Stepper.types';\nimport { getStepComponentProps } from './utils/stepUtils';\nimport * as Styled from './Stepper.styles';\nimport { stepComponents } from './Stepper.consts';\n\nconst Stepper = ({\n  className,\n  type = 'default',\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  showBadge = true,\n  showConnector = true,\n  showStepNumber = true,\n  current,\n  steps,\n  stepWidth,\n  ...rest\n}: IStepperProps): ReactElement => {\n  const StepComponent = stepComponents[type];\n\n  return (\n    <Styled.Stepper\n      aria-label=\"Stepper\"\n      className={classNames(STEPPER_CLASS, className)}\n      $direction={direction}\n      $stepWidth={stepWidth}\n      {...rest}\n    >\n      {steps.map((step, index) => (\n        <StepComponent\n          key={step.key ?? step.title}\n          size={size}\n          direction={direction}\n          showConnector={showConnector}\n          showStepNumber={showStepNumber}\n          showBadge={showBadge}\n          {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\n        />\n      ))}\n    </Styled.Stepper>\n  );\n};\n\nexport default memo(Stepper) as typeof Stepper;\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper_default","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { IStepperProps } from './Stepper.types';\r\nimport { getStepComponentProps } from './utils/stepUtils';\r\nimport * as Styled from './Stepper.styles';\r\nimport { stepComponents } from './Stepper.consts';\r\n\r\nconst Stepper = ({\r\n  className,\r\n  type = 'default',\r\n  size = Sizes.Medium,\r\n  direction = Directions.Horizontal,\r\n  showBadge = true,\r\n  showConnector = true,\r\n  showStepNumber = true,\r\n  current,\r\n  steps,\r\n  stepWidth,\r\n  ...rest\r\n}: IStepperProps): ReactElement => {\r\n  const StepComponent = stepComponents[type];\r\n\r\n  return (\r\n    <Styled.Stepper\r\n      aria-label=\"Stepper\"\r\n      className={classNames(STEPPER_CLASS, className)}\r\n      $direction={direction}\r\n      $stepWidth={stepWidth}\r\n      {...rest}\r\n    >\r\n      {steps.map((step, index) => (\r\n        <StepComponent\r\n          key={step.key ?? step.title}\r\n          size={size}\r\n          direction={direction}\r\n          showConnector={showConnector}\r\n          showStepNumber={showStepNumber}\r\n          showBadge={showBadge}\r\n          {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\r\n        />\r\n      ))}\r\n    </Styled.Stepper>\r\n  );\r\n};\r\n\r\nexport default memo(Stepper) as typeof Stepper;\r\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper_default","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.styles.js","sources":["../../../../src/components/Stepper/Stepper.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport type { IStepperProps } from './Stepper.types';\n\nconst Stepper = styled.ol<PickTransient<IStepperProps, 'direction' | 'stepWidth'>>`\n  ${({ $direction, $stepWidth }) => {\n    const width = typeof $stepWidth === 'number' ? `${$stepWidth}px` : $stepWidth;\n\n    return css`\n      display: grid;\n      gap: ${StepperConsts.stepperConsts.stepsContainerGap}px;\n      padding: 0;\n      margin: 0;\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        grid-auto-columns: ${width ?? '1fr'};\n        grid-auto-flow: column;\n      `}\n    `;\n  }}\n`;\n\nexport { Stepper };\n"],"names":["Stepper","styled","$direction","$stepWidth","width","css","StepperConsts.stepperConsts","Directions"],"mappings":"0QAOMA,EAAUC,EAAAA,OAAO;AAAA,IACnB,CAAC,CAAE,WAAAC,EAAY,WAAAC,KAAiB,CAChC,MAAMC,EAAQ,OAAOD,GAAe,SAAW,GAAGA,CAAU,KAAOA,EAEnE,OAAOE,EAAAA;AAAAA;AAAAA,aAEEC,EAAAA,cAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,IAAeK,aAAW,YAC5BF,EAAAA;AAAAA,6BACuBD,GAAS,KAAK;AAAA;AAAA,OAEpC;AAAA,KAEL,CAAC;AAAA"}
+{"version":3,"file":"Stepper.styles.js","sources":["../../../../src/components/Stepper/Stepper.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport type { IStepperProps } from './Stepper.types';\r\n\r\nconst Stepper = styled.ol<PickTransient<IStepperProps, 'direction' | 'stepWidth'>>`\r\n  ${({ $direction, $stepWidth }) => {\r\n    const width = typeof $stepWidth === 'number' ? `${$stepWidth}px` : $stepWidth;\r\n\r\n    return css`\r\n      display: grid;\r\n      gap: ${StepperConsts.stepperConsts.stepsContainerGap}px;\r\n      padding: 0;\r\n      margin: 0;\r\n\r\n      ${$direction === Directions.Horizontal &&\r\n      css`\r\n        grid-auto-columns: ${width ?? '1fr'};\r\n        grid-auto-flow: column;\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Stepper };\r\n"],"names":["Stepper","styled","$direction","$stepWidth","width","css","StepperConsts.stepperConsts","Directions"],"mappings":"0QAOMA,EAAUC,EAAAA,OAAO;AAAA,IACnB,CAAC,CAAE,WAAAC,EAAY,WAAAC,KAAiB,CAChC,MAAMC,EAAQ,OAAOD,GAAe,SAAW,GAAGA,CAAU,KAAOA,EAEnE,OAAOE,EAAAA;AAAAA;AAAAA,aAEEC,EAAAA,cAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,IAAeK,aAAW,YAC5BF,EAAAA;AAAAA,6BACuBD,GAAS,KAAK;AAAA;AAAA,OAEpC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/components/Stepper/_internalComponents/ContainedStep/ContainedStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainedStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport Content from '../Content/Content';\nimport type { IStepProps } from '../../Step.types';\nimport * as Styled from './ContainedStep.styles';\nimport * as StyledStep from '../../Step.styles';\n\nconst ContainedStep = ({\n  direction,\n  size,\n  order,\n  title,\n  invalid,\n  stage,\n  showBadge,\n  isLastStep: _isLastStep,\n  showConnector: _showConnector,\n  showStepNumber,\n  badgeChildren,\n  badgeIcon,\n  ...rest\n}: IStepProps): ReactElement => (\n  <Styled.ContainedStepWrapper\n    $type=\"contained\"\n    $showBadge={showBadge}\n    $direction={direction}\n    $size={size}\n    $invalid={invalid}\n    $stage={stage}\n    {...rest}\n  >\n    <StyledStep.ContainedContainer>\n      {!!showBadge && (\n        <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth={true}>\n          {badgeChildren}\n        </StyledStep.Badge>\n      )}\n      <Styled.Content>\n        <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\n      </Styled.Content>\n    </StyledStep.ContainedContainer>\n    <StyledStep.ConnectorLine $type=\"line\" $direction={direction} />\n  </Styled.ContainedStepWrapper>\n);\n\nexport default ContainedStep;\n"],"names":["ContainedStep","direction","size","order","title","invalid","stage","showBadge","_isLastStep","_showConnector","showStepNumber","badgeChildren","badgeIcon","rest","jsxs","Styled.ContainedStepWrapper","StyledStep.ContainedContainer","jsx","StyledStep.Badge","Styled.Content","Content","StyledStep.ConnectorLine"],"mappings":"8JAOMA,EAAgB,CAAC,CACrB,UAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAYC,EACZ,cAAeC,EACf,eAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,KAACC,EAAAA,qBAAA,CACC,MAAM,YACN,WAAYR,EACZ,WAAYN,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGO,EAEJ,SAAA,CAAAC,OAACE,EAAAA,mBAAA,CACE,SAAA,CAAA,CAAC,CAACT,GACDU,MAACC,EAAAA,MAAA,CAAiB,KAAAhB,EAAY,KAAMU,EAAW,WAAY,GACxD,SAAAD,CAAA,CACH,EAEFM,EAAAA,IAACE,EAAAA,QAAA,CACC,SAAAF,MAACG,GAAQ,MAAAjB,EAAc,eAAAO,EAAgC,MAAAN,EAAc,KAAAF,CAAA,CAAY,CAAA,CACnF,CAAA,EACF,QACCmB,EAAAA,cAAA,CAAyB,MAAM,OAAO,WAAYpB,CAAA,CAAW,CAAA,CAAA,CAChE"}
+{"version":3,"file":"ContainedStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport Content from '../Content/Content';\r\nimport type { IStepProps } from '../../Step.types';\r\nimport * as Styled from './ContainedStep.styles';\r\nimport * as StyledStep from '../../Step.styles';\r\n\r\nconst ContainedStep = ({\r\n  direction,\r\n  size,\r\n  order,\r\n  title,\r\n  invalid,\r\n  stage,\r\n  showBadge,\r\n  isLastStep: _isLastStep,\r\n  showConnector: _showConnector,\r\n  showStepNumber,\r\n  badgeChildren,\r\n  badgeIcon,\r\n  ...rest\r\n}: IStepProps): ReactElement => (\r\n  <Styled.ContainedStepWrapper\r\n    $type=\"contained\"\r\n    $showBadge={showBadge}\r\n    $direction={direction}\r\n    $size={size}\r\n    $invalid={invalid}\r\n    $stage={stage}\r\n    {...rest}\r\n  >\r\n    <StyledStep.ContainedContainer>\r\n      {!!showBadge && (\r\n        <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth={true}>\r\n          {badgeChildren}\r\n        </StyledStep.Badge>\r\n      )}\r\n      <Styled.Content>\r\n        <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\r\n      </Styled.Content>\r\n    </StyledStep.ContainedContainer>\r\n    <StyledStep.ConnectorLine $type=\"line\" $direction={direction} />\r\n  </Styled.ContainedStepWrapper>\r\n);\r\n\r\nexport default ContainedStep;\r\n"],"names":["ContainedStep","direction","size","order","title","invalid","stage","showBadge","_isLastStep","_showConnector","showStepNumber","badgeChildren","badgeIcon","rest","jsxs","Styled.ContainedStepWrapper","StyledStep.ContainedContainer","jsx","StyledStep.Badge","Styled.Content","Content","StyledStep.ConnectorLine"],"mappings":"8JAOMA,EAAgB,CAAC,CACrB,UAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAYC,EACZ,cAAeC,EACf,eAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,KAACC,EAAAA,qBAAA,CACC,MAAM,YACN,WAAYR,EACZ,WAAYN,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGO,EAEJ,SAAA,CAAAC,OAACE,EAAAA,mBAAA,CACE,SAAA,CAAA,CAAC,CAACT,GACDU,MAACC,EAAAA,MAAA,CAAiB,KAAAhB,EAAY,KAAMU,EAAW,WAAY,GACxD,SAAAD,CAAA,CACH,EAEFM,EAAAA,IAACE,EAAAA,QAAA,CACC,SAAAF,MAACG,GAAQ,MAAAjB,EAAc,eAAAO,EAAgC,MAAAN,EAAc,KAAAF,CAAA,CAAY,CAAA,CACnF,CAAA,EACF,QACCmB,EAAAA,cAAA,CAAyB,MAAM,OAAO,WAAYpB,CAAA,CAAW,CAAA,CAAA,CAChE"}

package/build/cjs/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainedStep.styles.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport { StepWrapper, Badge } from '../../Step.styles';\n\nconst { containedStepperConsts } = StepperConsts;\n\nconst Content = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst ContainedStepWrapper = styled(StepWrapper)`\n  gap: ${containedStepperConsts.wrapper.gap}px;\n\n  ${Badge} {\n    align-self: flex-start;\n  }\n`;\n\nexport { Content, ContainedStepWrapper };\n"],"names":["containedStepperConsts","StepperConsts","Content","styled","ContainedStepWrapper","StepWrapper","Badge"],"mappings":"gQAKM,CAAE,uBAAAA,GAA2BC,EAE7BC,EAAUC,EAAAA,OAAO;AAAA;AAAA;AAAA,EAKjBC,EAAuBD,EAAAA,OAAOE,aAAW;AAAA,SACtCL,EAAuB,QAAQ,GAAG;AAAA;AAAA,IAEvCM,OAAK;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ContainedStep.styles.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport { StepWrapper, Badge } from '../../Step.styles';\r\n\r\nconst { containedStepperConsts } = StepperConsts;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst ContainedStepWrapper = styled(StepWrapper)`\r\n  gap: ${containedStepperConsts.wrapper.gap}px;\r\n\r\n  ${Badge} {\r\n    align-self: flex-start;\r\n  }\r\n`;\r\n\r\nexport { Content, ContainedStepWrapper };\r\n"],"names":["containedStepperConsts","StepperConsts","Content","styled","ContainedStepWrapper","StepWrapper","Badge"],"mappings":"gQAKM,CAAE,uBAAAA,GAA2BC,EAE7BC,EAAUC,EAAAA,OAAO;AAAA;AAAA;AAAA,EAKjBC,EAAuBD,EAAAA,OAAOE,aAAW;AAAA,SACtCL,EAAuB,QAAQ,GAAG;AAAA;AAAA,IAEvCM,OAAK;AAAA;AAAA;AAAA"}

package/build/cjs/components/Stepper/_internalComponents/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport * as StyledStep from '../../Step.styles';\nimport type { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n  <>\n    {!!showStepNumber && (\n      <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\n        Step {order}\n      </StyledStep.Label>\n    )}\n    <StyledStep.Heading\n      aria-label={`step-${order}-title`}\n      level={StepperUtils.getTitleLevel(size)}\n      type={TextElementTypes.Span}\n    >\n      {title}\n    </StyledStep.Heading>\n  </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFH,EAAeY,EAAAA,KAAKZ,CAAO"}
+{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\r\n\r\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\r\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport * as StyledStep from '../../Step.styles';\r\nimport type { IContentProps } from './Content.types';\r\n\r\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\r\n  <>\r\n    {!!showStepNumber && (\r\n      <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\r\n        Step {order}\r\n      </StyledStep.Label>\r\n    )}\r\n    <StyledStep.Heading\r\n      aria-label={`step-${order}-title`}\r\n      level={StepperUtils.getTitleLevel(size)}\r\n      type={TextElementTypes.Span}\r\n    >\r\n      {title}\r\n    </StyledStep.Heading>\r\n  </>\r\n);\r\n\r\nexport default memo(Content) as typeof Content;\r\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFH,EAAeY,EAAAA,KAAKZ,CAAO"}