acinguiux-ds-react-framework 0.0.7 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Select/utils/styleUtils.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const rcSelectDropdownSlideUpIn = keyframes`\n  0% {\n    opacity: 0;\n    transform-origin: 0 0;\n    transform: scaleY(0);\n  }\n\n  100% {\n    opacity: 1;\n    transform-origin: 0 0;\n    transform: scaleY(1);\n  }\n`;\n\nexport const rcSelectDropdownSlideUpOut = keyframes`\n  0% {\n    opacity: 1;\n    transform-origin: 0 0;\n    transform: scaleY(1);\n  }\n\n  100% {\n    opacity: 0;\n    transform-origin: 0 0;\n    transform: scaleY(0);\n  }\n`;\n"],"names":["rcSelectDropdownSlideUpIn","keyframes","rcSelectDropdownSlideUpOut"],"mappings":"iJAEaA,EAA4BC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc5BC,EAA6BD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("react"),D=require("classnames"),w=require("rc-slider"),e=require("../../react-base/src/consts/index.js"),u=require("./components/Value/Value.js"),A=require("./Slider.styles.js"),P=require("../Text/components/Label/Label.js"),M=a.forwardRef(({className:I,size:c=`${e.Sizes.Medium}`,defaultValue:l=[0,0],labelAlignment:s=`${e.Alignments.LeftAndRight}`,labelPosition:j=`${e.Positions.Side}`,onChange:h,reverse:S=!1,disabled:t=!1,value:g,min:C=0,max:q=100,marks:L,inputValues:r=!1,labelMin:O,labelMax:E,...N},_)=>{const[n,x]=a.useState(l),d=a.useMemo(()=>L||r?`${e.Positions.Side}`:j,[L,r,j]),$=f=>{h&&h(f),x(f)},R=f=>({target:m})=>{let o=n||[];f==="min"?o=[Number(m.value),o[1]]:o=[o[0],Number(m.value)],h&&h(o),x(o)};return a.useEffect(()=>{g&&x(g)},[g]),i.jsxs(A.Slider,{className:D(e.SLIDER_CLASS,I),prefixCls:e.SLIDER_CLASS,size:c,labelAlignment:s,labelPosition:d,reverse:S,disabled:t,ref:_,children:[n&&i.jsxs(A.RangeLabels,{grow:s===e.Alignments.LeftAndRight&&d!==e.Positions.Side,disabled:t,children:[s&&s!=="none"&&i.jsx(u,{size:c,value:String(s===e.Alignments.Right||S?n[1]:n[0]),handleOnChange:R("min"),inputValues:r,disabled:t}),s===e.Alignments.LeftAndRight&&d!==e.Positions.Side&&i.jsx(u,{size:c,value:String(n[S?0:1]),handleOnChange:R("min"),inputValues:r,disabled:t})]}),O&&r&&i.jsx(P,{children:C}),i.jsx(w,{prefixCls:e.SLIDER_CLASS,defaultValue:l,onChange:$,reverse:S,disabled:t,value:n,marks:L,ariaLabelForHandle:"range-slider",min:C,max:q,...N,range:!0}),E&&r&&i.jsx(P,{children:q}),n&&s===e.Alignments.LeftAndRight&&d===e.Positions.Side&&i.jsx(u,{size:c,value:String(n[S?0:1]),handleOnChange:R("max"),inputValues:r,disabled:t})]})});module.exports=M;
+//# sourceMappingURL=RangeSlider.js.map

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

@@ -0,0 +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      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange =\n      (valueType: 'min' | 'max') =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        let newValue = innerValue || [];\n\n        if (valueType === 'min') {\n          newValue = [Number(target.value), newValue[1]];\n        } else {\n          newValue = [newValue[0], Number(target.value)];\n        }\n\n        if (onChange) {\n          onChange(newValue);\n        }\n\n        setInnerValue(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\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","target","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

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),t=require("react"),$=require("classnames"),g=require("rc-slider"),e=require("../../react-base/src/consts/index.js"),D=require("./components/Value/Value.js"),O=require("./Slider.styles.js"),C=require("../Text/components/Label/Label.js"),P=t.forwardRef(({className:R,size:a=`${e.Sizes.Medium}`,defaultValue:f=0,labelAlignment:d=`${e.Alignments.LeftAndRight}`,labelPosition:u=`${e.Positions.Bottom}`,onChange:i,reverse:L=!1,disabled:o=!1,value:c,min:x=0,max:h=100,labelMin:j,labelMax:I,marks:l,inputValues:s=!1,...m},A)=>{const[q,S]=t.useState(f),E=t.useMemo(()=>l||s?`${e.Positions.Side}`:u,[l,s,u]),N=r=>{i&&i(r),S(r)},_=({target:r})=>{i&&i(Number(r.value)),S(Number(r.value))};return t.useEffect(()=>{c&&S(c)},[c]),n.jsxs(O.Slider,{className:$(e.SLIDER_CLASS,R),prefixCls:e.SLIDER_CLASS,size:a,labelAlignment:d,labelPosition:E,reverse:L,disabled:o,ref:A,children:[d!=="none"&&n.jsx(D,{size:a,value:String(q),handleOnChange:_,inputValues:s,disabled:o}),j&&s&&n.jsx(C,{children:x}),n.jsx(g,{prefixCls:e.SLIDER_CLASS,defaultValue:f,onChange:N,reverse:L,disabled:o,value:q,marks:l,ariaLabelForHandle:"slider",min:x,max:h,...m,range:!1}),I&&s&&n.jsx(C,{children:h})]})});module.exports=P;
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +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      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n      if (onChange) {\n        onChange(Number(target.value));\n      }\n      setInnerValue(Number(target.value));\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","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"8RAWMA,EAASC,EAAA,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,GAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CACpC,EAEMmB,EAAkBC,GAAqB,CACvClB,GACFA,EAASkB,CAAQ,EAEnBL,EAAcK,CAAQ,CACxB,EAEMC,EAAsB,CAAC,CAAE,OAAAC,KAA4C,CACrEpB,GACOA,EAAA,OAAOoB,EAAO,KAAK,CAAC,EAEjBP,EAAA,OAAOO,EAAO,KAAK,CAAC,CACpC,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACVlB,GACFU,EAAcV,CAAK,CACrB,EACC,CAACA,CAAK,CAAC,EAGRmB,EAAA,KAACC,EAAO,OAAP,CACC,UAAWC,EAAWC,EAAA,aAAcjC,CAAS,EAC7C,UAAWiC,EAAA,aACX,KAAAhC,EACA,eAAAG,EACA,cAAemB,EACf,QAAAd,EACA,SAAAC,EACA,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB8B,EAAA,IAACC,EAAA,CACC,KAAAlC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CACF,EAEDI,GAAYG,GAAgBiB,EAAA,IAAAE,EAAA,CAAO,SAAIxB,EAAA,EACxCsB,EAAA,IAACG,EAAA,CACC,UAAWJ,EAAA,aACX,aAAA9B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CACT,EACCH,GAAYE,GAAgBiB,EAAA,IAAAE,EAAA,CAAO,SAAIvB,CAAA,CAAA,CAAA,CAAA,CAC1C,CAAA,CAGN"}

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

@@ -0,0 +1,138 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("styled-components"),r=require("../../react-base/src/consts/index.js"),y=require("../../react-base/src/utils/stylesUtils.js"),n=require("../../react-base/src/components/Slider/Slider.consts.js"),e=require("../../react-base/src/theme/variableTheme.js"),c=require("../../react-base/src/utils/typesUtils.js"),h=require("../../react-base/src/utils/sizesUtils.js"),p=require("./utils/styleUtils.js"),m=i.div`
+  ${({prefixCls:o,size:a,theme:t,labelAlignment:u,labelPosition:s,reverse:g,disabled:l})=>{const d=t.getVariablesLayer({foundation:"surface",disabled:c.booleanToString(l)}),$=t.getVariablesLayer({foundation:"section",disabled:c.booleanToString(l)}),b=t.getVariablesLayer({foundation:"raised",disabled:c.booleanToString(l)});return i.css`
+      display: flex;
+      flex-direction: ${p.getFlexDirectionForLabel(u,s)};
+      align-items: ${p.getAlignItemsForLabel(u,s)};
+      justify-content: ${(s===r.Positions.Bottom||s===r.Positions.Top)&&"center"};
+      column-gap: ${n.consts[a].gap};
+      width: 100%;
+      color: ${d[e.VariablesNames.TextOnFoundationStrong]};
+
+      ${s===r.Positions.Side&&i.css`
+        .${o}-value {
+          width: 32px;
+          text-align: ${u===r.Alignments.Right?"left":"right"};
+        }
+      `}
+
+      .${o} {
+        height: ${n.consts[a].handler.size};
+        position: relative;
+        width: ${s===r.Positions.Side?"calc(100% - 32px)":"100%"};
+        cursor: pointer;
+
+        .${o}-rail, .${o}-track {
+          height: ${n.consts[a].rail.height};
+          margin: ${`${n.consts[a].rail.margin} 0px`};
+          border-radius: 3px;
+          position: absolute;
+        }
+
+        .${o}-rail {
+          width: 100%;
+          background-color: ${$[e.VariablesNames.BackgroundFoundation]};
+        }
+
+        .${o}-track {
+          background-color: ${d[e.VariablesNames.BackgroundSelected]};
+        }
+
+        .${o}-handle, .${o}-dot {
+          height: ${n.consts[a].handler.size};
+          width: ${n.consts[a].handler.size};
+          background-color: ${d[e.VariablesNames.BackgroundFoundation]};
+          border-radius: 50%;
+          cursor: pointer;
+          position: absolute;
+
+          &:focus-visible {
+            ${y.getFocusStyles(t)};
+          }
+        }
+
+        .${o}-handle {
+          background-color: 1px solid ${d[e.VariablesNames.BackgroundFoundation]};
+          border: 1px solid ${d[e.VariablesNames.BorderOnFoundationMedium]};
+          transition: transform 0.3s;
+
+          ${!l&&i.css`
+            &:hover {
+              background-color: ${t.getStyledLayers("Background/Foundation/Hover",{foundation:"surface"})};
+              transform: translateX(${g?"50%":"-50%"}) scale(1.2) !important;
+            }
+
+            &.${o}-handle-dragging {
+              transform: translateX(${g?"50%":"-50%"}) scale(1) !important;
+              background-color: ${t.getStyledLayers("Background/Foundation/Press",{foundation:"surface"})};
+            }
+          `}
+        }
+
+        .${o}-dot {
+          transform: translateX(${g?"50%":"-50%"}) scale(0.5) !important;
+          border: 6px solid ${$[e.VariablesNames.BorderOnFoundationSubtle]};
+        }
+
+        .${o}-dot-active {
+          border-color: ${d[e.VariablesNames.BackgroundSelected]};
+        }
+
+        .${o}-mark {
+          position: relative;
+          top: ${n.consts[a].handler.size};
+        }
+
+        .${o}-mark-text {
+          position: absolute;
+          ${t.getTypography("labelRegular",h.getLabelTypographySize(a))};
+        }
+      }
+
+      .${o}-tooltip-hidden {
+        display: none;
+      }
+
+      .${o}-tooltip {
+        position: absolute;
+        border-radius: 2px;
+        background: ${b[e.VariablesNames.BackgroundFoundation]};
+        filter: ${t.dropShadows.low2};
+        padding: 4px 8px;
+
+        .${o}-tooltip-inner {
+          ${a===r.Sizes.Small&&t.getTypography("body","small")};
+        }
+
+        .${o}-tooltip-arrow {
+          position: relative;
+          z-index: ${r.ZIndexes.ELEVATED};
+          overflow: hidden;
+          bottom: 0;
+
+          &::before {
+            left: 50%;
+            position: absolute;
+            content: '';
+            display: block;
+            width: 12px;
+            height: 12px;
+            background: ${b[e.VariablesNames.BackgroundFoundation]};
+            box-shadow:
+              rgb(0 0 0 / 2%) 0 0 4px 0,
+              rgb(0 0 0 / 4%) 0 0 0 1px;
+          }
+        }
+      }
+    `}}
+`,S=i.div`
+  ${({grow:o,theme:a,disabled:t})=>i.css`
+    display: flex;
+    justify-content: space-between;
+    width: ${o&&"100%"};
+    color: ${a.getVariablesLayer({foundation:"surface",disabled:c.booleanToString(t)})[e.VariablesNames.TextOnFoundationStrong]};
+  `}
+`;i.div`
+  ${({theme:o})=>o.getTypography("labelRegular","small")};
+  padding: 4px 8px;
+`;exports.RangeLabels=S;exports.Slider=m;
+//# sourceMappingURL=Slider.styles.js.map

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

@@ -0,0 +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 { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { booleanToString } from 'acinguiux-ds-react-base/utils/typesUtils';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\n\ntype SliderProps = Required<\n  Pick<SliderTypes.IProps, 'prefixCls' | 'size' | 'labelAlignment' | 'labelPosition' | 'reverse' | 'disabled'>\n>;\n\nconst Slider = styled.div<SliderProps>`\n  ${({ prefixCls, size, theme, labelAlignment, labelPosition, reverse, disabled }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface', disabled: booleanToString(disabled) });\n    const sectionLayer = theme.getVariablesLayer({ foundation: 'section', disabled: booleanToString(disabled) });\n    const raisedLayer = theme.getVariablesLayer({ foundation: 'raised', disabled: booleanToString(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[VariablesNames.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        height: ${SliderConsts.consts[size].handler.size};\n        position: relative;\n        width: ${labelPosition === Positions.Side ? 'calc(100% - 32px)' : '100%'};\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[VariablesNames.BackgroundFoundation]};\n        }\n\n        .${prefixCls}-track {\n          background-color: ${layer[VariablesNames.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: ${layer[VariablesNames.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          background-color: 1px solid ${layer[VariablesNames.BackgroundFoundation]};\n          border: 1px solid ${layer[VariablesNames.BorderOnFoundationMedium]};\n          transition: transform 0.3s;\n\n          ${!disabled &&\n          css`\n            &:hover {\n              background-color: ${theme.getStyledLayers('Background/Foundation/Hover', { foundation: 'surface' })};\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: ${theme.getStyledLayers('Background/Foundation/Press', { foundation: 'surface' })};\n            }\n          `}\n        }\n\n        .${prefixCls}-dot {\n          transform: translateX(${reverse ? '50%' : '-50%'}) scale(0.5) !important;\n          border: 6px solid ${sectionLayer[VariablesNames.BorderOnFoundationSubtle]};\n        }\n\n        .${prefixCls}-dot-active {\n          border-color: ${layer[VariablesNames.BackgroundSelected]};\n        }\n\n        .${prefixCls}-mark {\n          position: relative;\n          top: ${SliderConsts.consts[size].handler.size};\n        }\n\n        .${prefixCls}-mark-text {\n          position: absolute;\n          ${theme.getTypography('labelRegular', getLabelTypographySize(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[VariablesNames.BackgroundFoundation]};\n        filter: ${theme.dropShadows.low2};\n        padding: 4px 8px;\n\n        .${prefixCls}-tooltip-inner {\n          ${size === Sizes.Small && theme.getTypography('body', '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[VariablesNames.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.getVariablesLayer({ foundation: 'surface', disabled: booleanToString(disabled) })[\n      VariablesNames.TextOnFoundationStrong\n    ]};\n  `}\n`;\n\nconst Tooltip = styled.div`\n  ${({ theme }) => theme.getTypography('labelRegular', 'small')};\n  padding: 4px 8px;\n`;\n\nexport { Slider, RangeLabels, Tooltip };\n"],"names":["Slider","styled","prefixCls","size","theme","labelAlignment","labelPosition","reverse","disabled","layer","booleanToString","sectionLayer","raisedLayer","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","SliderConsts.consts","VariablesNames","Alignments","getFocusStyles","getLabelTypographySize","Sizes","ZIndexes","RangeLabels","grow"],"mappings":"ugBAcMA,EAASC,EAAO;AAAA,IAClB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,MAAAC,EAAO,eAAAC,EAAgB,cAAAC,EAAe,QAAAC,EAAS,SAAAC,KAAe,CAC5E,MAAAC,EAAQL,EAAM,kBAAkB,CAAE,WAAY,UAAW,SAAUM,EAAAA,gBAAgBF,CAAQ,EAAG,EAC9FG,EAAeP,EAAM,kBAAkB,CAAE,WAAY,UAAW,SAAUM,EAAAA,gBAAgBF,CAAQ,EAAG,EACrGI,EAAcR,EAAM,kBAAkB,CAAE,WAAY,SAAU,SAAUM,EAAAA,gBAAgBF,CAAQ,EAAG,EAElG,OAAAK,EAAA;AAAA;AAAA,wBAEaC,EAAA,yBAAyBT,EAAgBC,CAAa,CAAC;AAAA,qBAC1DS,EAAA,sBAAsBV,EAAgBC,CAAa,CAAC;AAAA,0BAC/CA,IAAkBU,YAAU,QAAUV,IAAkBU,EAAA,UAAU,MAAQ,QAAQ;AAAA,oBACxFC,EAAa,OAAOd,CAAI,EAAE,GAAG;AAAA;AAAA,eAElCM,EAAMS,iBAAe,sBAAsB,CAAC;AAAA;AAAA,QAEnDZ,IAAkBU,YAAU,MAC9BH,EAAA;AAAA,WACKX,CAAS;AAAA;AAAA,wBAEIG,IAAmBc,EAAA,WAAW,MAAQ,OAAS,OAAO;AAAA;AAAA,OAEvE;AAAA;AAAA,SAEEjB,CAAS;AAAA,kBACAe,SAAoBd,CAAI,EAAE,QAAQ,IAAI;AAAA;AAAA,iBAEvCG,IAAkBU,EAAA,UAAU,KAAO,oBAAsB,MAAM;AAAA;AAAA;AAAA,WAGrEd,CAAS,WAAWA,CAAS;AAAA,oBACpBe,SAAoBd,CAAI,EAAE,KAAK,MAAM;AAAA,oBACrC,GAAGc,EAAAA,OAAoBd,CAAI,EAAE,KAAK,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvDD,CAAS;AAAA;AAAA,8BAEUS,EAAaO,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA,WAGpEhB,CAAS;AAAA,8BACUO,EAAMS,iBAAe,kBAAkB,CAAC;AAAA;AAAA;AAAA,WAG3DhB,CAAS,aAAaA,CAAS;AAAA,oBACtBe,SAAoBd,CAAI,EAAE,QAAQ,IAAI;AAAA,mBACvCc,SAAoBd,CAAI,EAAE,QAAQ,IAAI;AAAA,8BAC3BM,EAAMS,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAM1DE,EAAAA,eAAehB,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,WAIxBF,CAAS;AAAA,wCACoBO,EAAMS,iBAAe,oBAAoB,CAAC;AAAA,8BACpDT,EAAMS,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,YAGhE,CAACV,GACHK,EAAA;AAAA;AAAA,kCAEwBT,EAAM,gBAAgB,8BAA+B,CAAE,WAAY,SAAA,CAAW,CAAC;AAAA,sCAC3EG,EAAU,MAAQ,MAAM;AAAA;AAAA;AAAA,gBAG9CL,CAAS;AAAA,sCACaK,EAAU,MAAQ,MAAM;AAAA,kCAC5BH,EAAM,gBAAgB,8BAA+B,CAAE,WAAY,SAAA,CAAW,CAAC;AAAA;AAAA,WAEtG;AAAA;AAAA;AAAA,WAGAF,CAAS;AAAA,kCACcK,EAAU,MAAQ,MAAM;AAAA,8BAC5BI,EAAaO,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,WAGxEhB,CAAS;AAAA,0BACMO,EAAMS,iBAAe,kBAAkB,CAAC;AAAA;AAAA;AAAA,WAGvDhB,CAAS;AAAA;AAAA,iBAEHe,SAAoBd,CAAI,EAAE,QAAQ,IAAI;AAAA;AAAA;AAAA,WAG5CD,CAAS;AAAA;AAAA,YAERE,EAAM,cAAc,eAAgBiB,EAAAA,uBAAuBlB,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,SAIpED,CAAS;AAAA;AAAA;AAAA;AAAA,SAITA,CAAS;AAAA;AAAA;AAAA,sBAGIU,EAAYM,iBAAe,oBAAoB,CAAC;AAAA,kBACpDd,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA,WAG7BF,CAAS;AAAA,YACRC,IAASmB,EAAAA,MAAM,OAASlB,EAAM,cAAc,OAAQ,OAAO,CAAC;AAAA;AAAA;AAAA,WAG7DF,CAAS;AAAA;AAAA,qBAECqB,EAAAA,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWZX,EAAYM,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQxE,CAAC;AAAA,EAGGM,EAAcvB,EAAO;AAAA,IACvB,CAAC,CAAE,KAAAwB,EAAM,MAAArB,EAAO,SAAAI,CAAe,IAAAK,EAAA;AAAA;AAAA;AAAA,aAGtBY,GAAQ,MAAM;AAAA,aACdrB,EAAM,kBAAkB,CAAE,WAAY,UAAW,SAAUM,EAAgB,gBAAAF,CAAQ,CAAG,CAAA,EAC7FU,EAAA,eAAe,sBACjB,CAAC;AAAA,GACF;AAAA,EAGajB,EAAO;AAAA,IACnB,CAAC,CAAE,MAAAG,KAAYA,EAAM,cAAc,eAAgB,OAAO,CAAC;AAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("../../../../react-base/src/consts/index.js"),x=require("../../../TextInput/TextInput.js"),o=require("../../../Flexbox/Flexbox.js"),u=require("../../../Text/components/Label/Label.js"),a=({size:r=n.Sizes.Medium,value:s,inputValues:i,handleOnChange:c,disabled:t=!1})=>e.jsx(o,{gap:"12px",alignItems:"center",children:i?e.jsx(x,{size:r,value:s,onChange:c,wrapperProps:{style:{width:"60px"}},disabled:t}):e.jsx(u,{className:`${n.SLIDER_CLASS}-value`,size:r,disabled:t,children:s})});module.exports=a;
+//# sourceMappingURL=Value.js.map

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

@@ -0,0 +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        size={size}\n        value={value}\n        onChange={handleOnChange}\n        wrapperProps={{ style: { width: '60px' } }}\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":"qPAOMA,EAAQ,CAAC,CAAE,KAAAC,EAAOC,EAAM,MAAA,OAAQ,MAAAC,EAAO,YAAAC,EAAa,eAAAC,EAAgB,SAAAC,EAAW,MAClFC,MAAAC,EAAA,CAAQ,IAAI,OAAO,WAAW,SAC5B,SACCJ,EAAAG,EAAA,IAACE,EAAA,CACC,KAAAR,EACA,MAAAE,EACA,SAAUE,EACV,aAAc,CAAE,MAAO,CAAE,MAAO,OAAS,EACzC,SAAAC,CAAA,CACF,EAEAC,EAAA,IAACG,GAAM,UAAW,GAAGC,EAAY,YAAA,SAAU,KAAAV,EAAY,SAAAK,EACpD,SAAAH,CACH,CAAA,CAEJ,CAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../react-base/src/consts/index.js"),n=(r,t)=>t===e.Positions.Top?"column":t===e.Positions.Bottom?"column-reverse":r===e.Alignments.Right?"row-reverse":"row",i=(r,t)=>t===e.Positions.Side?"center":r===e.Alignments.Right?"flex-end":"flex-start";exports.getAlignItemsForLabel=i;exports.getFlexDirectionForLabel=n;
+//# sourceMappingURL=styleUtils.js.map

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

@@ -0,0 +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,YAAU,IAClB,SAGLD,IAAaC,YAAU,OAClB,iBAGLF,IAAcG,aAAW,MACpB,cAGF,MAGIC,EAAwB,CACnCJ,EACAC,IAEIA,IAAaC,YAAU,KAClB,SAGLF,IAAcG,aAAW,MACpB,WAGF"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),R=require("react"),m=require("classnames"),o=require("react-countup"),x=require("../../react-base/src/consts/index.js"),T=require("./components/AdditionalInfo/AdditionalInfo.js"),j=require("./components/StatIcon/StatIcon.js"),u=require("./Stat.styles.js"),V=R.forwardRef(({className:f="",size:r=`${x.Sizes.Medium}`,labelText:A,label:l=!0,value:p,alignment:a=`${x.Alignments.Left}`,icon:t,iconPosition:s="none",additionalInfo:n,suffix:S,prefix:q,valueAnimation:L=!1,countUpProps:$={},...W},I)=>{const d=t&&s==="label",c=t&&s==="value",h=t&&(s==="stat"||s==="contained");return e.jsxs(u.StatWrapper,{className:m(x.STAT_CLASS,f),ref:I,size:r,iconPosition:s,...W,children:[h&&a===`${x.Alignments.Left}`&&e.jsx(j,{size:r,icon:t,position:s}),e.jsxs(u.TextWrapper,{size:r,children:[e.jsxs(u.LabelWrapper,{alignment:a,children:[d&&l&&a===`${x.Alignments.Left}`&&e.jsx(j,{size:r,icon:t,position:s}),l&&e.jsx(u.Label,{size:r,children:A}),d&&l&&a===`${x.Alignments.Right}`&&e.jsx(j,{size:r,icon:t,position:s}),n&&e.jsx(T,{size:r,additionalInfo:n})]}),e.jsxs(u.ValueWrapperWithIcon,{children:[c&&a===`${x.Alignments.Left}`&&e.jsx(j,{size:r,icon:t,position:s}),e.jsxs(u.ValueWrapper,{alignment:a,children:[e.jsx(u.Prefix,{size:r,children:q}),e.jsx(u.Value,{size:r,children:L?e.jsx(o,{end:p,duration:2,...$}):p}),e.jsx(u.Suffix,{size:r,children:S})]}),c&&a===`${x.Alignments.Right}`&&e.jsx(j,{size:r,icon:t,position:s})]})]}),h&&a===`${x.Alignments.Right}`&&e.jsx(j,{size:r,icon:t,position:s})]})});module.exports=V;
+//# sourceMappingURL=Stat.js.map

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

@@ -0,0 +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 ? <CountUp end={value} duration={2} {...countUpProps} /> : value}\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","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","jsx","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"kTAWMA,EAAOC,EAAA,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,CAAC,EAChB,GAAGC,GAELC,IACiB,CACX,MAAAC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAGpF,OAAAW,EAAA,KAACC,EAAO,YAAP,CACC,UAAWC,EAAWC,EAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,KAAAf,EACA,aAAAQ,EACC,GAAGM,EAEH,SAAA,CAA4BI,GAAAb,IAAc,GAAGC,EAAA,WAAW,IAAI,UAC1DiB,EAAS,CAAA,KAAAvB,EAAY,KAAAO,EAAY,SAAUC,CAAc,CAAA,EAG3DW,EAAAA,KAAAK,EAAA,YAAA,CAAmB,KAAAxB,EAClB,SAAA,CAACmB,EAAAA,KAAAM,EAAA,aAAA,CAAoB,UAAApB,EAClB,SAAA,CAAuBW,GAAAb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC/DoB,EAAAA,IAACH,EAAS,CAAA,KAAAvB,EAAY,KAAAO,EAAY,SAAUC,CAAc,CAAA,EAG3DL,GAAUuB,EAAA,IAAAC,EAAA,MAAA,CAAa,KAAA3B,EAAa,SAAUE,EAAA,EAE9Cc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAChEoB,EAAAA,IAACH,EAAS,CAAA,KAAAvB,EAAY,KAAAO,EAAY,SAAUC,CAAc,CAAA,EAG3DC,GAAkBiB,EAAAA,IAACE,EAAe,CAAA,KAAA5B,EAAY,eAAAS,CAAgC,CAAA,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAuBZ,GAAAZ,IAAc,GAAGC,EAAA,WAAW,IAAI,UACrDiB,EAAS,CAAA,KAAAvB,EAAY,KAAAO,EAAY,SAAUC,CAAc,CAAA,EAG3DW,EAAAA,KAAAW,EAAA,aAAA,CAAoB,UAAAzB,EACnB,SAAA,CAAAqB,EAAAA,IAACK,EAAAA,OAAA,CAAc,KAAA/B,EAAa,SAAOW,CAAA,CAAA,EAClCe,EAAA,IAAAM,EAAA,MAAA,CAAa,KAAAhC,EACX,SAAiBY,EAAAc,EAAAA,IAACO,EAAQ,CAAA,IAAK7B,EAAO,SAAU,EAAI,GAAGS,CAAc,CAAA,EAAKT,EAC7E,EACCsB,EAAAA,IAAAQ,EAAAA,OAAA,CAAc,KAAAlC,EAAa,SAAOU,CAAA,CAAA,CAAA,EACrC,EAECO,GAAuBZ,IAAc,GAAGC,EAAW,WAAA,KAAK,IACvDoB,MAACH,EAAS,CAAA,KAAAvB,EAAY,KAAAO,EAAY,SAAUC,CAAc,CAAA,CAAA,CAE9D,CAAA,CAAA,EACF,EAECU,GAA4Bb,IAAc,GAAGC,EAAW,WAAA,KAAK,IAC5DoB,MAACH,EAAS,CAAA,KAAAvB,EAAY,KAAAO,EAAY,SAAUC,CAAc,CAAA,CAAA,CAAA,CAE9D,CAAA,CAGN"}

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

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("styled-components"),s=require("../../react-base/src/consts/index.js"),p=require("../../react-base/src/theme/variableTheme.js"),n=require("../../react-base/src/utils/sizesUtils.js"),r=require("../../react-base/src/components/Stat/Stat.consts.js");a.p`
+  ${({theme:e})=>{const t=e.getVariablesLayer({});return a.css`
+      margin: 0;
+      color: ${t[p.VariablesNames.TextOnFoundationStrong]};
+    `}}
+`;const l=a.div`
+  ${({alignment:e})=>a.css`
+    display: flex;
+    align-items: center;
+    justify-content: ${e===`${s.Alignments.Right}`?"end":"start"};
+    gap: 4px;
+  `}
+`,g=a.span`
+  ${({size:e,theme:t})=>a.css`
+    ${t.getTypography("labelStrong",n.getLabelTypographySize(e))};
+  `};
+`,i=a.span`
+  ${({size:e,theme:t})=>a.css`
+    ${e===s.Sizes.XSmall&&t.getTypography("labelRegular","medium")};
+    ${e===s.Sizes.Small&&t.getTypography("heading","h5")};
+    ${e===s.Sizes.Medium&&t.getTypography("heading","h3")};
+    ${e===s.Sizes.Large&&t.getTypography("heading","h2")};
+  `};
+`,o=i,c=i,y=a.span`
+  ${({size:e,theme:t})=>a.css`
+    ${e===s.Sizes.XSmall&&t.getTypography("heading","h5")};
+    ${e===s.Sizes.Small&&t.getTypography("heading","h3")};
+    ${e===s.Sizes.Medium&&t.getTypography("display","4")};
+    ${e===s.Sizes.Large&&t.getTypography("display","2")};
+  `};
+`,d=a.div`
+  ${({size:e,iconPosition:t})=>a.css`
+    display: flex;
+    align-items: center;
+    gap: ${r.consts[e].gap[t==="contained"?"contained":"default"]}px;
+  `}
+`,u=a.div`
+  ${({alignment:e})=>a.css`
+    display: flex;
+    align-items: baseline;
+    justify-content: ${e===`${s.Alignments.Right}`?"end":"start"};
+    gap: 2px;
+  `}
+`,$=a.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+`,S=a.div`
+  ${({size:e})=>a.css`
+    display: block;
+    gap: ${r.consts[e].gap.text}px;
+  `}
+`;exports.Label=g;exports.LabelWrapper=l;exports.Prefix=o;exports.StatWrapper=d;exports.Suffix=c;exports.TextWrapper=S;exports.Value=y;exports.ValueWrapper=u;exports.ValueWrapperWithIcon=$;
+//# sourceMappingURL=Stat.styles.js.map

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

@@ -0,0 +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 { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { StatConsts, type StatTypes } from 'acinguiux-ds-react-base/components/Stat';\n\nimport type { IStatProps } from './Stat.types';\n\ninterface WrapperProps {\n  iconAlign?: StatTypes.Alignment;\n  iconPosition?: StatTypes.IconPosition;\n}\n\nconst Text = styled.p<Required<Pick<IStatProps, 'size'>>>`\n  ${({ theme }) => {\n    const layer = theme.getVariablesLayer({});\n\n    return css`\n      margin: 0;\n      color: ${layer[VariablesNames.TextOnFoundationStrong]};\n    `;\n  }}\n`;\n\nconst LabelWrapper = styled.div<Required<Pick<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<Pick<IStatProps, 'size'>>>`\n  ${({ size, theme }) => css`\n    ${theme.getTypography('labelStrong', getLabelTypographySize(size))};\n  `};\n`;\n\nconst PrefixSuffix = styled.span<Required<Pick<IStatProps, 'size'>>>`\n  ${({ size, theme }) => css`\n    ${size === Sizes.XSmall && theme.getTypography('labelRegular', 'medium')};\n    ${size === Sizes.Small && theme.getTypography('heading', 'h5')};\n    ${size === Sizes.Medium && theme.getTypography('heading', 'h3')};\n    ${size === Sizes.Large && theme.getTypography('heading', 'h2')};\n  `};\n`;\n\nconst Prefix = PrefixSuffix;\n\nconst Suffix = PrefixSuffix;\n\nconst Value = styled.span<Required<Pick<IStatProps, 'size'>>>`\n  ${({ size, theme }) => css`\n    ${size === Sizes.XSmall && theme.getTypography('heading', 'h5')};\n    ${size === Sizes.Small && theme.getTypography('heading', 'h3')};\n    ${size === Sizes.Medium && theme.getTypography('display', '4')};\n    ${size === Sizes.Large && theme.getTypography('display', '2')};\n  `};\n`;\n\nconst StatWrapper = styled.div<Required<Pick<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<Pick<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<Pick<IStatProps, 'size'>>>`\n  ${({ size }) => css`\n    display: block;\n    gap: ${StatConsts.consts[size].gap.text}px;\n  `}\n`;\n\nexport {\n  LabelWrapper,\n  Label,\n  Text,\n  Prefix,\n  Suffix,\n  Value,\n  StatWrapper,\n  ValueWrapper,\n  ValueWrapperWithIcon,\n  TextWrapper,\n};\n"],"names":["styled","theme","layer","css","VariablesNames","LabelWrapper","alignment","Alignments","Label","size","getLabelTypographySize","PrefixSuffix","Sizes","Prefix","Suffix","Value","StatWrapper","iconPosition","StatConsts.consts","ValueWrapper","ValueWrapperWithIcon","TextWrapper"],"mappings":"mXAaaA,EAAO;AAAA,IAChB,CAAC,CAAE,MAAAC,KAAY,CACf,MAAMC,EAAQD,EAAM,kBAAkB,EAAE,EAEjC,OAAAE,EAAA;AAAA;AAAA,eAEID,EAAME,iBAAe,sBAAsB,CAAC;AAAA,KAEzD,CAAC;AAAA,EAGH,MAAMC,EAAeL,EAAO;AAAA,IACxB,CAAC,CAAE,UAAAM,CAAA,IAAgBH,EAAA;AAAA;AAAA;AAAA,uBAGAG,IAAc,GAAGC,EAAA,WAAW,KAAK,GAAK,MAAQ,OAAO;AAAA;AAAA,GAEzE;AAAA,EAGGC,EAAQR,EAAO;AAAA,IACjB,CAAC,CAAE,KAAAS,EAAM,MAAAR,CAAA,IAAYE,EAAA;AAAA,MACnBF,EAAM,cAAc,cAAeS,EAAAA,uBAAuBD,CAAI,CAAC,CAAC;AAAA,GACnE;AAAA,EAGGE,EAAeX,EAAO;AAAA,IACxB,CAAC,CAAE,KAAAS,EAAM,MAAAR,CAAA,IAAYE,EAAA;AAAA,MACnBM,IAASG,EAAAA,MAAM,QAAUX,EAAM,cAAc,eAAgB,QAAQ,CAAC;AAAA,MACtEQ,IAASG,EAAAA,MAAM,OAASX,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC5DQ,IAASG,EAAAA,MAAM,QAAUX,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC7DQ,IAASG,EAAAA,MAAM,OAASX,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,GAC/D;AAAA,EAGGY,EAASF,EAETG,EAASH,EAETI,EAAQf,EAAO;AAAA,IACjB,CAAC,CAAE,KAAAS,EAAM,MAAAR,CAAA,IAAYE,EAAA;AAAA,MACnBM,IAASG,EAAAA,MAAM,QAAUX,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC7DQ,IAASG,EAAAA,MAAM,OAASX,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC5DQ,IAASG,EAAAA,MAAM,QAAUX,EAAM,cAAc,UAAW,GAAG,CAAC;AAAA,MAC5DQ,IAASG,EAAAA,MAAM,OAASX,EAAM,cAAc,UAAW,GAAG,CAAC;AAAA,GAC9D;AAAA,EAGGe,EAAchB,EAAO;AAAA,IACvB,CAAC,CAAE,KAAAS,EAAM,aAAAQ,CAAA,IAAmBd,EAAA;AAAA;AAAA;AAAA,WAGrBe,SAAkBT,CAAI,EAAE,IAAIQ,IAAiB,YAAc,YAAc,SAAS,CAAC;AAAA,GAC3F;AAAA,EAGGE,EAAenB,EAAO;AAAA,IACxB,CAAC,CAAE,UAAAM,CAAA,IAAgBH,EAAA;AAAA;AAAA;AAAA,uBAGAG,IAAc,GAAGC,EAAA,WAAW,KAAK,GAAK,MAAQ,OAAO;AAAA;AAAA,GAEzE;AAAA,EAGGa,EAAuBpB,EAAO;AAAA;AAAA;AAAA;AAAA,EAM9BqB,EAAcrB,EAAO;AAAA,IACvB,CAAC,CAAE,KAAAS,CAAA,IAAWN,EAAA;AAAA;AAAA,WAEPe,SAAkBT,CAAI,EAAE,IAAI,IAAI;AAAA,GACxC;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),o=require("../../../../react-base/src/components/Stat/Stat.consts.js"),i=require("../../../Icon/components/InfoCircle.js"),n=require("../../../Tooltip/Tooltip.js"),r=require("./AdditionalInfo.styles.js"),c=({size:e,additionalInfo:s})=>t.jsx(n,{trigger:t.jsx(i,{width:o.consts[e].icon.label,height:o.consts[e].icon.label}),overlay:t.jsx(r.Overlay,{children:s})});module.exports=c;
+//# sourceMappingURL=AdditionalInfo.js.map

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

@@ -0,0 +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,CAC9B,IAAAC,EAAA,IAACC,EAAA,CACC,QAAUD,EAAA,IAAAE,EAAA,CAAW,MAAOC,EAAAA,OAAkBL,CAAI,EAAE,KAAK,MAAO,OAAQK,EAAW,OAAOL,CAAI,EAAE,KAAK,MAAO,EAC5G,QAASE,EAAA,IAACI,EAAO,QAAP,CAAgB,SAAeL,CAAA,CAAA,CAAA,CAC3C"}

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

@@ -0,0 +1,8 @@
+"use strict";const t=require("styled-components"),p=t.span`
+  ${({theme:e})=>e.getTypography("labelRegular","medium")};
+
+  display: block;
+  padding: 4px 8px;
+  max-width: 240px;
+`,s={Overlay:p};module.exports=s;
+//# sourceMappingURL=AdditionalInfo.styles.js.map

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

@@ -0,0 +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.getTypography('labelRegular', 'medium')};\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,EAAO;AAAA,IACnB,CAAC,CAAE,MAAAC,KAAYA,EAAM,cAAc,eAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjDC,EAAA,CAAE,QAAAH,CAAQ"}

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("./StatIcon.styles.js"),n=({size:t,icon:e,position:s})=>r.jsx(c.IconWrapper,{size:t,position:s,children:e});module.exports=n;
+//# sourceMappingURL=StatIcon.js.map

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

@@ -0,0 +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,CAC9B,IAAAC,MAACC,EAAAA,YAAA,CAAmB,KAAAJ,EAAY,SAAAE,EAC7B,SACHD,CAAA,CAAA"}

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

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),a=require("../../../../react-base/src/theme/variableTheme.js"),c=require("../../../../react-base/src/components/Stat/Stat.consts.js"),o=t.span`
+  ${({size:e,position:r,theme:n})=>{const s=n.getVariablesLayer({});return t.css`
+      ${r!=="contained"?t.css`
+            width: ${c.consts[e].icon[r]}px;
+            height: ${c.consts[e].icon[r]}px;
+          `:t.css`
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: ${c.consts[e].icon.containedWrapper}px;
+            height: ${c.consts[e].icon.containedWrapper}px;
+            border-radius: 8px;
+            background-color: ${s[a.VariablesNames.BackgroundBrand]};
+          `}
+
+      > svg {
+        display: block;
+        width: ${c.consts[e].icon[r]}px;
+        height: ${c.consts[e].icon[r]}px;
+      }
+    `}}
+`;exports.IconWrapper=o;
+//# sourceMappingURL=StatIcon.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatIcon.styles.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\n\nimport type { IStatIconProps } from './StatIcon.types';\n\nconst IconWrapper = styled.span<Required<Pick<IStatIconProps, 'size' | 'position'>>>`\n  ${({ size, position, theme }) => {\n    const layer = theme.getVariablesLayer({});\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[VariablesNames.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","VariablesNames"],"mappings":"uRAMMA,EAAcC,EAAO;AAAA,IACvB,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,MAAAC,KAAY,CAC/B,MAAMC,EAAQD,EAAM,kBAAkB,EAAE,EAEjC,OAAAE,EAAA;AAAA,QACHH,IAAa,YACXG,EAAA;AAAA,qBACWC,EAAkB,OAAAL,CAAI,EAAE,KAAKC,CAAQ,CAAC;AAAA,sBACrCI,EAAkB,OAAAL,CAAI,EAAE,KAAKC,CAAQ,CAAC;AAAA,YAElDG,EAAA;AAAA;AAAA;AAAA;AAAA,qBAIWC,SAAkBL,CAAI,EAAE,KAAK,gBAAgB;AAAA,sBAC5CK,SAAkBL,CAAI,EAAE,KAAK,gBAAgB;AAAA;AAAA,gCAEnCG,EAAMG,iBAAe,eAAe,CAAC;AAAA,WAC1D;AAAA;AAAA;AAAA;AAAA,iBAIMD,EAAkB,OAAAL,CAAI,EAAE,KAAKC,CAAQ,CAAC;AAAA,kBACrCI,EAAkB,OAAAL,CAAI,EAAE,KAAKC,CAAQ,CAAC;AAAA;AAAA,KAGtD,CAAC;AAAA"}

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

@@ -0,0 +1,137 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),$=require("../../react-base/src/consts/index.js"),L=require("../../react-base/src/components/Stepper/Stepper.consts.js"),S=require("../../react-base/src/components/Stepper/Stepper.utils.js"),T=require("../../react-base/src/utils/stylesUtils.js"),w=require("../Badge/Badge.js"),D=require("../Text/components/Heading/Heading.js"),W=require("../Text/components/Label/Label.js"),_=require("../Flexbox/Flexbox.js"),{containedStepperConsts:{container:C},stepperConsts:{connector:t}}=L,n=e(_)`
+  display: flex;
+  flex-grow: 1;
+  gap: ${C.gap}px;
+  border-radius: ${C.borderRadius}px;
+`,l=e(w)``,i=e(D)``,d=e(W)``,u=e.div.attrs({"aria-hidden":!0,"aria-label":"connector-line"})`
+  ${({$type:r,$direction:o})=>e.css`
+    position: relative;
+
+    ${o===$.Directions.Horizontal?e.css`
+          height: ${t.lineWidth}px;
+          width: 100%;
+        `:e.css`
+          height: 100%;
+          width: ${t.lineWidth}px;
+        `}
+
+    ${r==="dot"?e.css`
+          ${o===$.Directions.Vertical&&"margin: -2px 0 -4px;"}
+
+          &::before {
+            background: ${t.gradients[o].radial};
+          }
+
+          &::after {
+            background: ${t.gradients[o].linear};
+          }
+
+          &::before,
+          &::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background-repeat: space;
+          }
+        `:e.css`
+          border-radius: ${t.borderRadius}px;
+        `}
+  `}
+`,m=e.li`
+  ${({theme:r,$direction:o,$stage:g,$invalid:p,$type:x,$size:h,onClick:f,disabled:b})=>{const{active:c,default:a,hover:s}=S.getStepperStyles(r,g,x,p,b),{active:v,default:y,hover:k}=S.getTextStyles(r,g,p,b),{active:B,default:q,hover:H}=S.getConnectorStyles(r,g,x,p,b);return e.css`
+      display: flex;
+
+      ${o===$.Directions.Horizontal&&e.css`
+        flex-direction: column;
+      `};
+
+      ${o===$.Directions.Vertical&&e.css`
+        flex-direction: row;
+      `}
+
+      ${f&&e.css`
+        &:focus-visible {
+          outline: 0;
+
+          ${n} {
+            ${T.getFocusStyles(r)};
+          }
+        }
+      `}
+      ${n} {
+        padding: ${C.padding[h]}px;
+        background-color: ${a.containerBackground};
+      }
+
+      ${l} {
+        background-color: ${a.badgeBackgroundColor};
+        color: ${a.badgeColor};
+        border: ${a.badgeBorder};
+      }
+
+      ${u} {
+        ${q};
+      }
+
+      ${i} {
+        color: ${y.titleColor};
+      }
+
+      ${d} {
+        color: ${y.stepNumberColor};
+      }
+
+      &:hover {
+        ${f&&e.css`
+          cursor: pointer;
+        `}
+
+        ${n} {
+          background-color: ${s.containerBackground};
+        }
+
+        ${l} {
+          background-color: ${s.badgeBackgroundColor};
+          color: ${s.badgeColor};
+          border: ${s.badgeBorder};
+        }
+
+        ${u} {
+          ${H};
+        }
+
+        ${i} {
+          color: ${k.titleColor};
+        }
+
+        ${d} {
+          color: ${k.stepNumberColor};
+        }
+      }
+
+      &:active {
+        ${n} {
+          background-color: ${c.containerBackground};
+        }
+
+        ${l} {
+          background-color: ${c.badgeBackgroundColor};
+          color: ${c.badgeColor};
+          border: ${c.badgeBorder};
+        }
+
+        ${u} {
+          ${B};
+        }
+
+        ${i} {
+          color: ${v.titleColor};
+        }
+
+        ${d} {
+          color: ${v.stepNumberColor};
+        }
+      }
+    `}}
+`;exports.Badge=l;exports.ConnectorLine=u;exports.ContainedContainer=n;exports.Heading=i;exports.Label=d;exports.StepWrapper=m;
+//# sourceMappingURL=Step.styles.js.map

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

@@ -0,0 +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      active: activeStepperStyle,\n      default: defaultStepperStyle,\n      hover: hoverStepperStyle,\n    } = StepperUtils.getStepperStyles(theme, $stage, $type, $invalid, disabled);\n    const {\n      active: activeTextStyles,\n      default: defaultTextStyles,\n      hover: hoverTextStyles,\n    } = StepperUtils.getTextStyles(theme, $stage, $invalid, disabled);\n    const {\n      active: activeConnectorStyles,\n      default: 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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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_internalComponents/DefaultStep/DefaultStep.js"),t=require("./_internalComponents/ContainedStep/ContainedStep.js"),o={default:e,contained:t};exports.stepComponents=o;
+//# sourceMappingURL=Stepper.consts.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),h=require("classnames"),e=require("../../react-base/src/consts/index.js"),C=require("./utils/stepUtils.js"),g=require("./Stepper.styles.js"),j=require("./Stepper.consts.js"),P=({className:o,type:t="default",size:p=e.Sizes.Medium,direction:r=e.Directions.Horizontal,showBadge:i=!0,showConnector:c=!0,showStepNumber:u=!0,current:S,steps:s,stepWidth:a,...l})=>{const m=j.stepComponents[t];return n.jsx(g.Stepper,{"aria-label":"Stepper",className:h(e.STEPPER_CLASS,o),$direction:r,$stepWidth:a,...l,children:s.map((q,d)=>n.jsx(m,{size:p,direction:r,showConnector:c,showStepNumber:u,showBadge:i,...C.getStepComponentProps({stepsLength:s.length,current:S,index:d,step:q,type:t})}))})},_=x.memo(P);module.exports=_;
+//# sourceMappingURL=Stepper.js.map

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

@@ -0,0 +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          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","memo"],"mappings":"mPAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAM,MAAA,OACb,UAAAC,EAAYC,EAAW,WAAA,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CAC3B,MAAAC,EAAgBC,iBAAeb,CAAI,EAGvC,OAAAc,EAAA,IAACC,EAAO,QAAP,CACC,aAAW,UACX,UAAWC,EAAWC,EAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAMF,EAAA,IAAI,CAACS,EAAMC,IAChBL,EAAA,IAACF,EAAA,CACC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAsB,sBAAA,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAM,CAAA,CAAA,CAEtF,CAAA,CAAA,CACH,CAEJ,EAEeqB,EAAAA,EAAAA,KAAKvB,CAAO"}

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

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),s=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/components/Stepper/Stepper.consts.js"),i=r.ol`
+  ${({$direction:t,$stepWidth:e})=>{const o=typeof e=="number"?`${e}px`:e;return r.css`
+      display: grid;
+      gap: ${n.stepperConsts.stepsContainerGap}px;
+      padding: 0;
+      margin: 0;
+
+      ${t===s.Directions.Horizontal&&r.css`
+        grid-auto-columns: ${o||"1fr"};
+        grid-auto-flow: column;
+      `}
+    `}}
+`;exports.Stepper=i;
+//# sourceMappingURL=Stepper.styles.js.map

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

@@ -0,0 +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 { TransientAll } 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<TransientAll<Pick<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,EAAO;AAAA,IACnB,CAAC,CAAE,WAAAC,EAAY,WAAAC,KAAiB,CAChC,MAAMC,EAAQ,OAAOD,GAAe,SAAW,GAAGA,CAAU,KAAOA,EAE5D,OAAAE,EAAA;AAAA;AAAA,aAEEC,EAAAA,cAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,IAAeK,aAAW,YAC5BF,EAAA;AAAA,6BACuBD,GAAS,KAAK;AAAA;AAAA,OAEpC;AAAA,KAEL,CAAC;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),$=require("../Content/Content.js"),r=require("./ContainedStep.styles.js"),t=require("../../Step.styles.js"),j=({direction:i,size:n,order:o,title:c,invalid:d,stage:a,showBadge:s,showStepNumber:p,badgeChildren:x,badgeIcon:l,...C})=>e.jsxs(r.ContainedStepWrapper,{$type:"contained",$showBadge:s,$direction:i,$size:n,$invalid:d,$stage:a,...C,children:[e.jsxs(t.ContainedContainer,{children:[s&&e.jsx(t.Badge,{size:n,icon:l,fixedWidth:!0,children:x}),e.jsx(r.Content,{children:e.jsx($,{order:o,showStepNumber:p,title:c,size:n})})]}),e.jsx(t.ConnectorLine,{$type:"line",$direction:i})]});module.exports=j;
+//# sourceMappingURL=ContainedStep.js.map