acinguiux-ds-react-framework 0.1.18 → 0.1.20

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

@@ -1,114 +1,114 @@
-import { jsxs as I, jsx as n } from "react/jsx-runtime";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
 import { forwardRef as A, useState as F, useMemo as H, useEffect as T } from "react";
 import _ from "classnames";
 import q from "rc-slider";
-import { Positions as d, Alignments as s, Sizes as y } from "../../react-base/src/consts/index.js";
-import C from "./components/Value/Value.js";
+import { Positions as h, Alignments as d, Sizes as y } from "../../react-base/src/consts/index.js";
+import L from "./components/Value/Value.js";
 import { Slider as B, RangeLabels as G } from "./Slider.styles.js";
-import P from "../Text/components/Label/Label.js";
-import { SLIDER_CLASS as N } from "../../react-base/src/consts/classes.js";
+import I from "../Text/components/Label/Label.js";
+import { SLIDER_CLASS as R } from "../../react-base/src/consts/classes.js";
 const b = A(
   ({
-    className: j,
-    size: h = `${y.Medium}`,
-    defaultValue: u = [0, 0],
-    labelAlignment: r = `${s.LeftAndRight}`,
-    labelPosition: O = `${d.Side}`,
-    onChange: c,
+    className: P,
+    size: g = `${y.Medium}`,
+    defaultValue: N = [0, 0],
+    labelAlignment: r = `${d.LeftAndRight}`,
+    labelPosition: u = `${h.Side}`,
+    onChange: j,
     reverse: f = !1,
-    disabled: o = !1,
-    value: $,
-    min: m = 0,
-    max: S = 100,
-    marks: p,
-    inputValues: t = !1,
+    disabled: t = !1,
+    value: c,
+    min: s = 0,
+    max: m = 100,
+    marks: $,
+    inputValues: n = !1,
     labelMin: D,
     labelMax: E,
     ...M
   }, v) => {
-    const [e, w] = F(u), g = H(
-      () => p || t ? `${d.Side}` : O,
-      [p, t, O]
-    ), x = (l) => {
-      c == null || c(l), w(l);
-    }, L = (l) => (R) => {
-      let a = e || [], i = Number(R.target.value);
-      if (Number.isNaN(i)) {
-        R.preventDefault(), R.stopPropagation();
+    const [e, O] = F(N), S = H(
+      () => $ || n ? `${h.Side}` : u,
+      [$, n, u]
+    ), w = (l) => {
+      j?.(l), O(l);
+    }, p = (l) => (C) => {
+      let a = e || [], o = Number(C.target.value);
+      if (Number.isNaN(o)) {
+        C.preventDefault(), C.stopPropagation();
         return;
       }
-      i < m ? i = m : i > S && (i = S), l === "min" ? a = [i, a[1]] : a = [a[0], i], x(a);
+      o < s ? o = s : o > m && (o = m), l === "min" ? a = [o, a[1]] : a = [a[0], o], w(a);
     };
     return T(() => {
-      $ && w($);
-    }, [$]), /* @__PURE__ */ I(
+      c && O(c);
+    }, [c]), /* @__PURE__ */ x(
       B,
       {
-        className: _(N, j),
-        $prefixCls: N,
-        $size: h,
+        className: _(R, P),
+        $prefixCls: R,
+        $size: g,
         $labelAlignment: r,
-        $labelPosition: g,
+        $labelPosition: S,
         $reverse: f,
-        $disabled: o,
+        $disabled: t,
         ref: v,
         children: [
-          !!e && /* @__PURE__ */ I(
+          !!e && /* @__PURE__ */ x(
             G,
             {
-              $grow: r === s.LeftAndRight && g !== d.Side,
-              $disabled: o,
+              $grow: r === d.LeftAndRight && S !== h.Side,
+              $disabled: t,
               children: [
-                !!r && r !== "none" && /* @__PURE__ */ n(
-                  C,
+                !!r && r !== "none" && /* @__PURE__ */ i(
+                  L,
                   {
-                    size: h,
-                    value: String(r === s.Right || f ? e[1] : e[0]),
-                    handleOnChange: L("min"),
-                    inputValues: t,
-                    disabled: o
+                    size: g,
+                    value: String(r === d.Right || f ? e[1] : e[0]),
+                    handleOnChange: p("min"),
+                    inputValues: n,
+                    disabled: t
                   }
                 ),
-                r === s.LeftAndRight && g !== d.Side && /* @__PURE__ */ n(
-                  C,
+                r === d.LeftAndRight && S !== h.Side && /* @__PURE__ */ i(
+                  L,
                   {
-                    size: h,
+                    size: g,
                     value: String(e[f ? 0 : 1]),
-                    handleOnChange: L("min"),
-                    inputValues: t,
-                    disabled: o
+                    handleOnChange: p("min"),
+                    inputValues: n,
+                    disabled: t
                   }
                 )
               ]
             }
           ),
-          !!D && !!t && /* @__PURE__ */ n(P, { children: m }),
-          /* @__PURE__ */ n(
+          !!D && !!n && /* @__PURE__ */ i(I, { children: s }),
+          /* @__PURE__ */ i(
             q,
             {
-              prefixCls: N,
-              defaultValue: u,
-              onChange: x,
+              prefixCls: R,
+              defaultValue: N,
+              onChange: w,
               reverse: f,
-              disabled: o,
+              disabled: t,
               value: e,
-              marks: p,
+              marks: $,
               ariaLabelForHandle: "range-slider",
-              min: m,
-              max: S,
+              min: s,
+              max: m,
               ...M,
               range: !0
             }
           ),
-          !!E && !!t && /* @__PURE__ */ n(P, { children: S }),
-          !!e && r === s.LeftAndRight && g === d.Side && /* @__PURE__ */ n(
-            C,
+          !!E && !!n && /* @__PURE__ */ i(I, { children: m }),
+          !!e && r === d.LeftAndRight && S === h.Side && /* @__PURE__ */ i(
+            L,
             {
-              size: h,
+              size: g,
               value: String(e[f ? 0 : 1]),
-              handleOnChange: L("max"),
-              inputValues: t,
-              disabled: o
+              handleOnChange: p("max"),
+              inputValues: n,
+              disabled: t
             }
           )
         ]

package/build/esm/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';\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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"}

package/build/esm/components/Slider/Slider.js

@@ -1,87 +1,87 @@
-import { jsxs as j, jsx as s } from "react/jsx-runtime";
+import { jsxs as j, jsx as i } from "react/jsx-runtime";
 import { forwardRef as v, useState as x, useMemo as D, useEffect as E } from "react";
 import M from "classnames";
 import w from "rc-slider";
-import { Positions as N, Alignments as z, Sizes as B } from "../../react-base/src/consts/index.js";
+import { Positions as C, Alignments as z, Sizes as B } from "../../react-base/src/consts/index.js";
 import F from "./components/Value/Value.js";
 import { Slider as H } from "./Slider.styles.js";
-import u from "../Text/components/Label/Label.js";
-import { SLIDER_CLASS as m } from "../../react-base/src/consts/classes.js";
+import L from "../Text/components/Label/Label.js";
+import { SLIDER_CLASS as a } from "../../react-base/src/consts/classes.js";
 const W = v(
   ({
-    className: b,
-    size: d = `${B.Medium}`,
-    defaultValue: p = 0,
-    labelAlignment: c = `${z.LeftAndRight}`,
-    labelPosition: S = `${N.Bottom}`,
-    onChange: f,
-    reverse: $ = !1,
-    disabled: l = !1,
-    value: n,
-    min: t = 0,
-    max: i = 100,
-    labelMin: C,
+    className: N,
+    size: m = `${B.Medium}`,
+    defaultValue: d = 0,
+    labelAlignment: p = `${z.LeftAndRight}`,
+    labelPosition: c = `${C.Bottom}`,
+    onChange: u,
+    reverse: h = !1,
+    disabled: s = !1,
+    value: f,
+    min: n = 0,
+    max: t = 100,
+    labelMin: b,
     labelMax: R,
-    marks: a,
+    marks: l,
     inputValues: o = !1,
     ...A
   }, I) => {
-    const [h, g] = x(p), O = D(
-      () => a || o ? `${N.Side}` : S,
-      [a, o, S]
-    ), L = (e) => {
-      f == null || f(e), g(e);
+    const [S, $] = x(d), O = D(
+      () => l || o ? `${C.Side}` : c,
+      [l, o, c]
+    ), g = (e) => {
+      u?.(e), $(e);
     }, P = (e) => {
       let r = Number(e.target.value);
       if (Number.isNaN(r)) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      r < t ? r = t : r > i && (r = i), L(r);
+      r < n ? r = n : r > t && (r = t), g(r);
     };
     return E(() => {
-      n && g(n);
-    }, [n]), /* @__PURE__ */ j(
+      f && $(f);
+    }, [f]), /* @__PURE__ */ j(
       H,
       {
-        className: M(m, b),
-        $prefixCls: m,
-        $size: d,
-        $labelAlignment: c,
+        className: M(a, N),
+        $prefixCls: a,
+        $size: m,
+        $labelAlignment: p,
         $labelPosition: O,
-        $reverse: $,
-        $disabled: l,
+        $reverse: h,
+        $disabled: s,
         ref: I,
         children: [
-          c !== "none" && /* @__PURE__ */ s(
+          p !== "none" && /* @__PURE__ */ i(
             F,
             {
-              size: d,
-              value: String(h),
+              size: m,
+              value: String(S),
               handleOnChange: P,
               inputValues: o,
-              disabled: l
+              disabled: s
             }
           ),
-          !!C && !!o && /* @__PURE__ */ s(u, { children: t }),
-          /* @__PURE__ */ s(
+          !!b && !!o && /* @__PURE__ */ i(L, { children: n }),
+          /* @__PURE__ */ i(
             w,
             {
-              prefixCls: m,
-              defaultValue: p,
-              onChange: L,
-              reverse: $,
-              disabled: l,
-              value: h,
-              marks: a,
+              prefixCls: a,
+              defaultValue: d,
+              onChange: g,
+              reverse: h,
+              disabled: s,
+              value: S,
+              marks: l,
               ariaLabelForHandle: "slider",
-              min: t,
-              max: i,
+              min: n,
+              max: t,
               ...A,
               range: !1
             }
           ),
-          !!R && !!o && /* @__PURE__ */ s(u, { children: i })
+          !!R && !!o && /* @__PURE__ */ i(L, { children: t })
         ]
       }
     );

package/build/esm/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":";;;;;;;;;AAWA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiB,GAAGC,EAAW,YAAY;AAAA,IAC3C,eAAAC,IAAgB,GAAGC,EAAU,MAAM;AAAA,IACnC,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAc,GAAGV,EAAU,IAAI,KAAKD;AAAA,MACpD,CAACU,GAAOC,GAAaX,CAAa;AAAA,IAAA,GAG9BmB,IAAiB,CAACC,MAAqB;AAC3C,MAAAlB,KAAA,QAAAA,EAAWkB,IACXL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,MAAqC;AAChE,UAAID,IAAW,OAAO,EAAE,OAAO,KAAK;AAEpC,UAAI,OAAO,MAAMA,CAAQ,GAAG;AAC1B,UAAE,eAAA,GACF,EAAE,gBAAA;AAEF;AAAA,MACF;AAEA,MAAIA,IAAWd,IACbc,IAAWd,IACFc,IAAWb,MACpBa,IAAWb,IAGbY,EAAeC,CAAQ;AAAA,IACzB;AAEA,WAAAE,EAAU,MAAM;AACd,MAAIjB,KACFU,EAAcV,CAAK;AAAA,IAEvB,GAAG,CAACA,CAAK,CAAC,GAGR,gBAAAkB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAchC,CAAS;AAAA,QAC7C,YAAYgC;AAAA,QACZ,OAAO/B;AAAA,QACP,iBAAiBG;AAAA,QACjB,gBAAgBmB;AAAA,QAChB,UAAUd;AAAA,QACV,WAAWC;AAAA,QACX,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA6B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAjC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,CAAC,CAACI,KAAY,CAAC,CAACG,KAAe,gBAAAgB,EAACE,KAAO,UAAAvB,GAAI;AAAA,UAC5C,gBAAAqB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA7B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,CAAC,CAACH,KAAY,CAAC,CAACE,KAAe,gBAAAgB,EAACE,KAAO,UAAAtB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACF;"}
+{"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":";;;;;;;;;AAWA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiB,GAAGC,EAAW,YAAY;AAAA,IAC3C,eAAAC,IAAgB,GAAGC,EAAU,MAAM;AAAA,IACnC,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAc,GAAGV,EAAU,IAAI,KAAKD;AAAA,MACpD,CAACU,GAAOC,GAAaX,CAAa;AAAA,IAAA,GAG9BmB,IAAiB,CAACC,MAAqB;AAC3C,MAAAlB,IAAWkB,CAAQ,GACnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,MAAqC;AAChE,UAAID,IAAW,OAAO,EAAE,OAAO,KAAK;AAEpC,UAAI,OAAO,MAAMA,CAAQ,GAAG;AAC1B,UAAE,eAAA,GACF,EAAE,gBAAA;AAEF;AAAA,MACF;AAEA,MAAIA,IAAWd,IACbc,IAAWd,IACFc,IAAWb,MACpBa,IAAWb,IAGbY,EAAeC,CAAQ;AAAA,IACzB;AAEA,WAAAE,EAAU,MAAM;AACd,MAAIjB,KACFU,EAAcV,CAAK;AAAA,IAEvB,GAAG,CAACA,CAAK,CAAC,GAGR,gBAAAkB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAchC,CAAS;AAAA,QAC7C,YAAYgC;AAAA,QACZ,OAAO/B;AAAA,QACP,iBAAiBG;AAAA,QACjB,gBAAgBmB;AAAA,QAChB,UAAUd;AAAA,QACV,WAAWC;AAAA,QACX,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA6B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAjC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,CAAC,CAACI,KAAY,CAAC,CAACG,KAAe,gBAAAgB,EAACE,KAAO,UAAAvB,GAAI;AAAA,UAC5C,gBAAAqB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA7B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,CAAC,CAACH,KAAY,CAAC,CAACE,KAAe,gBAAAgB,EAACE,KAAO,UAAAtB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACF;"}

package/build/esm/components/Stat/Stat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../../../src/components/Stat/Stat.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,IAAI,oHA4ET,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../../../src/components/Stat/Stat.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,IAAI,oHAiFT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/components/Stat/Stat.js

@@ -1,64 +1,67 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { forwardRef as R } from "react";
-import T from "classnames";
-import V from "react-countup";
-import { Sizes as N, Alignments as f } from "../../react-base/src/consts/index.js";
-import b from "./components/AdditionalInfo/AdditionalInfo.js";
+import { forwardRef as A } from "react";
+import N from "classnames";
+import R from "react-countup";
+import { Sizes as T, Alignments as f } from "../../react-base/src/consts/index.js";
+import V from "./components/AdditionalInfo/AdditionalInfo.js";
 import m from "./components/StatIcon/StatIcon.js";
-import { StatWrapper as j, TextWrapper as C, LabelWrapper as n, Label as w, ValueWrapperWithIcon as M, ValueWrapper as U, Prefix as _, Value as k, Suffix as q } from "./Stat.styles.js";
-import { STAT_CLASS as v } from "../../react-base/src/consts/classes.js";
-const O = R(
+import { StatWrapper as b, TextWrapper as j, LabelWrapper as C, Label as w, ValueWrapperWithIcon as B, ValueWrapper as F, Prefix as G, Value as M, Suffix as U } from "./Stat.styles.js";
+import { STAT_CLASS as _ } from "../../react-base/src/consts/classes.js";
+const K = A(
   ({
-    className: S = "",
-    size: r = `${N.Medium}`,
-    labelText: L,
+    className: L = "",
+    size: r = `${T.Medium}`,
+    labelText: x,
     label: $ = !0,
-    value: d,
+    value: l,
     alignment: a = `${f.Left}`,
     icon: p,
     iconPosition: e = "none",
-    additionalInfo: l,
-    suffix: x,
+    additionalInfo: d,
+    suffix: I,
     prefix: W,
-    valueAnimation: I = !1,
-    countUpProps: c = {},
-    ...i
-  }, A) => {
-    const s = p && e === "label", h = p && e === "value", u = p && (e === "stat" || e === "contained");
+    valueAnimation: c = !1,
+    countUpProps: i = {},
+    ...h
+  }, n) => {
+    const s = p && e === "label", u = p && e === "value", S = p && (e === "stat" || e === "contained");
     return /* @__PURE__ */ o(
-      j,
+      b,
       {
-        className: T(v, S),
-        ref: A,
+        className: N(_, L),
+        ref: n,
         $size: r,
         $iconPosition: e,
-        ...i,
+        ...h,
         children: [
-          !!u && a === `${f.Left}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e }),
-          /* @__PURE__ */ o(C, { $size: r, children: [
-            /* @__PURE__ */ o(n, { $alignment: a, children: [
+          !!S && a === `${f.Left}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e }),
+          /* @__PURE__ */ o(j, { $size: r, children: [
+            /* @__PURE__ */ o(C, { $alignment: a, children: [
               !!s && $ && a === `${f.Left}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e }),
-              $ && /* @__PURE__ */ t(w, { $size: r, children: L }),
+              $ && /* @__PURE__ */ t(w, { $size: r, children: x }),
               !!s && $ && a === `${f.Right}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e }),
-              l && /* @__PURE__ */ t(b, { size: r, additionalInfo: l })
+              d && /* @__PURE__ */ t(V, { size: r, additionalInfo: d })
             ] }),
-            /* @__PURE__ */ o(M, { children: [
-              !!h && a === `${f.Left}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e }),
-              /* @__PURE__ */ o(U, { $alignment: a, children: [
-                /* @__PURE__ */ t(_, { $size: r, children: W }),
-                /* @__PURE__ */ t(k, { $size: r, children: I ? /* @__PURE__ */ t(V, { end: d, duration: 2, ...c }) : d }),
-                /* @__PURE__ */ t(q, { $size: r, children: x })
+            /* @__PURE__ */ o(B, { children: [
+              !!u && a === `${f.Left}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e }),
+              /* @__PURE__ */ o(F, { $alignment: a, children: [
+                /* @__PURE__ */ t(G, { $size: r, children: W }),
+                /* @__PURE__ */ t(M, { $size: r, children: c ? /* @__PURE__ */ t(R, { end: l, duration: 2, ...i }) : (
+                  // eslint-disable-next-line new-cap
+                  Intl.NumberFormat(h.lang ?? "en-GB").format(l)
+                ) }),
+                /* @__PURE__ */ t(U, { $size: r, children: I })
               ] }),
-              !!h && a === `${f.Right}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e })
+              !!u && a === `${f.Right}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e })
             ] })
           ] }),
-          !!u && a === `${f.Right}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e })
+          !!S && a === `${f.Right}` && /* @__PURE__ */ t(m, { size: r, icon: p, position: e })
         ]
       }
     );
   }
 );
 export {
-  O as default
+  K as default
 };
 //# sourceMappingURL=Stat.js.map

package/build/esm/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 ? <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","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"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"}
+{"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":"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"}

package/build/esm/components/Stepper/Stepper.js

@@ -1,49 +1,49 @@
 import { jsx as m } from "react/jsx-runtime";
 import { memo as d } from "react";
 import h from "classnames";
-import { Directions as C, Sizes as $ } from "../../react-base/src/consts/index.js";
-import { getStepComponentProps as g } from "./utils/stepUtils.js";
-import { Stepper as P } from "./Stepper.styles.js";
+import { Directions as C, Sizes as g } from "../../react-base/src/consts/index.js";
+import { getStepComponentProps as P } from "./utils/stepUtils.js";
+import { Stepper as $ } from "./Stepper.styles.js";
 import { stepComponents as x } from "./Stepper.consts.js";
 import { STEPPER_CLASS as z } from "../../react-base/src/consts/classes.js";
 const E = ({
   className: p,
   type: e = "default",
-  size: i = $.Medium,
+  size: i = g.Medium,
   direction: r = C.Horizontal,
   showBadge: n = !0,
   showConnector: s = !0,
   showStepNumber: a = !0,
-  current: S,
+  current: f,
   steps: o,
-  stepWidth: f,
-  ...l
+  stepWidth: l,
+  ...S
 }) => {
-  const c = x[e];
+  const u = x[e];
   return /* @__PURE__ */ m(
-    P,
+    $,
     {
       "aria-label": "Stepper",
       className: h(z, p),
       $direction: r,
-      $stepWidth: f,
-      ...l,
-      children: o.map((t, u) => /* @__PURE__ */ m(
-        c,
+      $stepWidth: l,
+      ...S,
+      children: o.map((t, c) => /* @__PURE__ */ m(
+        u,
         {
           size: i,
           direction: r,
           showConnector: s,
           showStepNumber: a,
           showBadge: n,
-          ...g({ stepsLength: o.length, current: S, index: u, step: t, type: e })
+          ...P({ stepsLength: o.length, current: f, index: c, step: t, type: e })
         },
         t.key ?? t.title
       ))
     }
   );
-}, M = d(E);
+}, H = d(E);
 export {
-  M as default
+  H as default
 };
 //# sourceMappingURL=Stepper.js.map

package/build/esm/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$1","memo"],"mappings":";;;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAgBC,EAAeb,CAAI;AAEzC,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAWC,GAAelB,CAAS;AAAA,MAC9C,YAAYI;AAAA,MACZ,YAAYO;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACS,GAAMC,MAChB,gBAAAL;AAAA,QAACF;AAAA,QAAA;AAAA,UAEC,MAAAX;AAAA,UACA,WAAAE;AAAA,UACA,eAAAG;AAAA,UACA,gBAAAC;AAAA,UACA,WAAAF;AAAA,UACC,GAAGe,EAAsB,EAAE,aAAaX,EAAM,QAAQ,SAAAD,GAAS,OAAAW,GAAO,MAAAD,GAAM,MAAAlB,EAAA,CAAM;AAAA,QAAA;AAAA,QAN9EkB,EAAK,OAAOA,EAAK;AAAA,MAAA,CAQzB;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAG,IAAeC,EAAKxB,CAAO;"}
+{"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":";;;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAgBC,EAAeb,CAAI;AAEzC,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAWC,GAAelB,CAAS;AAAA,MAC9C,YAAYI;AAAA,MACZ,YAAYO;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACS,GAAMC,MAChB,gBAAAL;AAAA,QAACF;AAAA,QAAA;AAAA,UAEC,MAAAX;AAAA,UACA,WAAAE;AAAA,UACA,eAAAG;AAAA,UACA,gBAAAC;AAAA,UACA,WAAAF;AAAA,UACC,GAAGe,EAAsB,EAAE,aAAaX,EAAM,QAAQ,SAAAD,GAAS,OAAAW,GAAO,MAAAD,GAAM,MAAAlB,EAAA,CAAM;AAAA,QAAA;AAAA,QAN9EkB,EAAK,OAAOA,EAAK;AAAA,MAAA,CAQzB;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAG,IAAeC,EAAKxB,CAAO;"}

package/build/esm/components/Table/Table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AASnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAWjD,QAAA,MAAM,KAAK,wSA0DV,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAWjD,QAAA,MAAM,KAAK,wSA0DV,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}