acinguiux-ds-react-framework 0.0.1

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

@@ -0,0 +1,137 @@
+import styled, { css } from 'styled-components';
+import { Positions, Alignments, Sizes, ZIndexes } from 'acinguiux-ds-react-base';
+import { sliderConsts } from './Slider.consts';
+import { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';
+const Slider = styled.div `
+  ${({ prefixCls, size, theme, labelAlignment, labelPosition, reverse }) => css `
+    display: flex;
+    flex-direction: ${getFlexDirectionForLabel(labelAlignment, labelPosition)};
+    align-items: ${getAlignItemsForLabel(labelAlignment, labelPosition)};
+    justify-content: ${(labelPosition === Positions.Bottom || labelPosition === Positions.Top) && 'center'};
+    column-gap: ${sliderConsts[size].gap};
+    width: 100%;
+    color: ${theme.text.onSurface.strong};
+
+    ${labelPosition === Positions.Side &&
+    css `
+      .${prefixCls}-value {
+        width: 32px;
+        text-align: ${labelAlignment === Alignments.Right ? 'left' : 'right'};
+      }
+    `}
+
+    .${prefixCls} {
+      height: ${sliderConsts[size].handler.size};
+      position: relative;
+      width: ${labelPosition === Positions.Side ? 'calc(100% - 32px)' : '100%'};
+      cursor: pointer;
+
+      .${prefixCls}-rail, .${prefixCls}-track {
+        height: ${sliderConsts[size].rail.height};
+        margin: ${`${sliderConsts[size].rail.margin} 0px`};
+        border-radius: 3px;
+        position: absolute;
+      }
+
+      .${prefixCls}-rail {
+        width: 100%;
+        background-color: ${theme.border.medium};
+      }
+
+      .${prefixCls}-track {
+        background-color: ${theme.focus.strong};
+      }
+
+      .${prefixCls}-handle, .${prefixCls}-dot {
+        height: ${sliderConsts[size].handler.size};
+        width: ${sliderConsts[size].handler.size};
+        background-color: ${theme.background.surface};
+        border-radius: 50%;
+        cursor: pointer;
+        position: absolute;
+
+        &:focus {
+          outline: 2px solid ${theme.focus.medium};
+        }
+      }
+
+      .${prefixCls}-handle {
+        transition: transform 0.3s;
+        border: 2px solid ${theme.border.medium};
+
+        &:hover {
+          transform: translateX(${reverse ? '50%' : '-50%'}) scale(1.2) !important;
+        }
+      }
+
+      .${prefixCls}-dot {
+        transform: translateX(${reverse ? '50%' : '-50%'}) scale(0.5) !important;
+        border: 6px solid ${theme.border.medium};
+      }
+
+      .${prefixCls}-dot-active {
+        border-color: ${theme.focus.strong};
+      }
+
+      .${prefixCls}-mark {
+        position: relative;
+        top: ${sliderConsts[size].handler.size};
+      }
+
+      .${prefixCls}-mark-text {
+        position: absolute;
+        ${size === Sizes.Small && theme.label.small.normal};
+        ${size === Sizes.Medium && theme.label.medium.normal};
+        ${size === Sizes.Large && theme.label.large.normal};
+      }
+    }
+
+    .${prefixCls}-tooltip-hidden {
+      display: none;
+    }
+
+    .${prefixCls}-tooltip {
+      position: absolute;
+      border-radius: 2px;
+      background: ${theme.background.raised};
+      box-shadow: ${theme.elevation.level0};
+      padding: 4px 8px;
+
+      .${prefixCls}-tooltip-inner {
+        ${size === Sizes.Small && theme.paragraph.small.normal};
+      }
+
+      .${prefixCls}-tooltip-arrow {
+        position: relative;
+        z-index: ${ZIndexes.ELEVATED};
+        overflow: hidden;
+        bottom: 0;
+
+        &::before {
+          left: 50%;
+          position: absolute;
+          content: '';
+          display: block;
+          width: 12px;
+          height: 12px;
+          background: ${theme.background.raised};
+          box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;
+        }
+      }
+    }
+  `}
+`;
+const RangeLabels = styled.div `
+  ${({ grow, theme }) => css `
+    display: flex;
+    justify-content: space-between;
+    width: ${grow && '100%'};
+    color: ${theme.text.onSurface.strong};
+  `}
+`;
+const Tooltip = styled.div `
+  ${({ theme }) => theme.label.small.normal};
+  padding: 4px 8px;
+`;
+export { Slider, RangeLabels, Tooltip };
+//# sourceMappingURL=Slider.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Positions, Alignments, Sizes, ZIndexes } from 'acinguiux-ds-react-base';\n\nimport { sliderConsts } from './Slider.consts';\nimport { ISliderProps } from './Slider.types';\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\n\ntype SliderProps = Required<Pick<ISliderProps, 'prefixCls' | 'size' | 'labelAlignment' | 'labelPosition' | 'reverse'>>;\n\nconst Slider = styled.div<SliderProps>`\n  ${({ prefixCls, size, theme, labelAlignment, labelPosition, reverse }) => 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[size].gap};\n    width: 100%;\n    color: ${theme.text.onSurface.strong};\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[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[size].rail.height};\n        margin: ${`${sliderConsts[size].rail.margin} 0px`};\n        border-radius: 3px;\n        position: absolute;\n      }\n\n      .${prefixCls}-rail {\n        width: 100%;\n        background-color: ${theme.border.medium};\n      }\n\n      .${prefixCls}-track {\n        background-color: ${theme.focus.strong};\n      }\n\n      .${prefixCls}-handle, .${prefixCls}-dot {\n        height: ${sliderConsts[size].handler.size};\n        width: ${sliderConsts[size].handler.size};\n        background-color: ${theme.background.surface};\n        border-radius: 50%;\n        cursor: pointer;\n        position: absolute;\n\n        &:focus {\n          outline: 2px solid ${theme.focus.medium};\n        }\n      }\n\n      .${prefixCls}-handle {\n        transition: transform 0.3s;\n        border: 2px solid ${theme.border.medium};\n\n        &:hover {\n          transform: translateX(${reverse ? '50%' : '-50%'}) scale(1.2) !important;\n        }\n      }\n\n      .${prefixCls}-dot {\n        transform: translateX(${reverse ? '50%' : '-50%'}) scale(0.5) !important;\n        border: 6px solid ${theme.border.medium};\n      }\n\n      .${prefixCls}-dot-active {\n        border-color: ${theme.focus.strong};\n      }\n\n      .${prefixCls}-mark {\n        position: relative;\n        top: ${sliderConsts[size].handler.size};\n      }\n\n      .${prefixCls}-mark-text {\n        position: absolute;\n        ${size === Sizes.Small && theme.label.small.normal};\n        ${size === Sizes.Medium && theme.label.medium.normal};\n        ${size === Sizes.Large && theme.label.large.normal};\n      }\n    }\n\n    .${prefixCls}-tooltip-hidden {\n      display: none;\n    }\n\n    .${prefixCls}-tooltip {\n      position: absolute;\n      border-radius: 2px;\n      background: ${theme.background.raised};\n      box-shadow: ${theme.elevation.level0};\n      padding: 4px 8px;\n\n      .${prefixCls}-tooltip-inner {\n        ${size === Sizes.Small && theme.paragraph.small.normal};\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: ${theme.background.raised};\n          box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;\n        }\n      }\n    }\n  `}\n`;\n\nconst RangeLabels = styled.div<{ grow: boolean }>`\n  ${({ grow, theme }) => css`\n    display: flex;\n    justify-content: space-between;\n    width: ${grow && '100%'};\n    color: ${theme.text.onSurface.strong};\n  `}\n`;\n\nconst Tooltip = styled.div`\n  ${({ theme }) => theme.label.small.normal};\n  padding: 4px 8px;\n`;\n\nexport { Slider, RangeLabels, Tooltip };\n"]}

package/build/esm/components/Slider/Slider.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Slider.test.d.ts.map

package/build/esm/components/Slider/Slider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Positions, Alignments } from 'acinguiux-ds-react-base';
+import { render, screen, describe, it, expect } from '../../utils/viTestUtils';
+import RangeSlider from './RangeSlider';
+import Slider from './Slider';
+describe('Slider component', () => {
+    it('should render slider with label on a left and on a side', () => {
+        render(_jsx(Slider, { defaultValue: 50, prefixCls: "rc-slider", labelPosition: "side", label: Alignments.Left }));
+        expect(screen.getByText('50')).toBeInTheDocument();
+    });
+    it('should render slider with label on a right and at the bottom', () => {
+        render(_jsx(Slider, { defaultValue: 50, prefixCls: "rc-slider", labelPosition: Positions.Bottom, label: Alignments.Right }));
+        expect(screen.getByText('50')).toBeInTheDocument();
+    });
+    it('should render slider with label on a left and at the side with marks', () => {
+        render(_jsx(Slider, { defaultValue: 50, prefixCls: "rc-slider", marks: { 0: '0%', 20: '20%', 40: '40%', 60: '60%', 80: '80%', 100: '100%' }, labelPosition: "side", labelAlignment: Alignments.LeftAndRight }));
+        expect(screen.getByText('50')).toBeInTheDocument();
+    });
+    it('should render range with label on a left and on a side', () => {
+        render(_jsx(RangeSlider, { defaultValue: [0, 50], labelPosition: "side", label: Alignments.Left }));
+        expect(screen.getByText('0')).toBeInTheDocument();
+    });
+    it('should render range with label on a right and at the bottom', () => {
+        render(_jsx(RangeSlider, { defaultValue: [0, 50], labelPosition: Positions.Bottom, label: Alignments.Right }));
+        expect(screen.getByText('50')).toBeInTheDocument();
+    });
+    it('should render range with label on a left and right and at the side with marks', () => {
+        render(_jsx(RangeSlider, { defaultValue: [0, 50], marks: { 0: '0%', 20: '20%', 40: '40%', 60: '60%', 80: '80%', 100: '100%' }, labelPosition: "side", labelAlignment: Alignments.LeftAndRight }));
+        expect(screen.getByText('0')).toBeInTheDocument();
+        expect(screen.getByText('50')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Slider.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.test.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Positions, Alignments } from 'acinguiux-ds-react-base';\n\nimport { render, screen, describe, it, expect } from '../../utils/viTestUtils';\nimport RangeSlider from './RangeSlider';\nimport Slider from './Slider';\n\ndescribe('Slider component', () => {\n  it('should render slider with label on a left and on a side', () => {\n    render(<Slider defaultValue={50} prefixCls=\"rc-slider\" labelPosition=\"side\" label={Alignments.Left} />);\n    expect(screen.getByText('50')).toBeInTheDocument();\n  });\n\n  it('should render slider with label on a right and at the bottom', () => {\n    render(\n      <Slider defaultValue={50} prefixCls=\"rc-slider\" labelPosition={Positions.Bottom} label={Alignments.Right} />,\n    );\n    expect(screen.getByText('50')).toBeInTheDocument();\n  });\n\n  it('should render slider with label on a left and at the side with marks', () => {\n    render(\n      <Slider\n        defaultValue={50}\n        prefixCls=\"rc-slider\"\n        marks={{ 0: '0%', 20: '20%', 40: '40%', 60: '60%', 80: '80%', 100: '100%' }}\n        labelPosition=\"side\"\n        labelAlignment={Alignments.LeftAndRight}\n      />,\n    );\n    expect(screen.getByText('50')).toBeInTheDocument();\n  });\n\n  it('should render range with label on a left and on a side', () => {\n    render(<RangeSlider defaultValue={[0, 50]} labelPosition=\"side\" label={Alignments.Left} />);\n    expect(screen.getByText('0')).toBeInTheDocument();\n  });\n\n  it('should render range with label on a right and at the bottom', () => {\n    render(<RangeSlider defaultValue={[0, 50]} labelPosition={Positions.Bottom} label={Alignments.Right} />);\n    expect(screen.getByText('50')).toBeInTheDocument();\n  });\n\n  it('should render range with label on a left and right and at the side with marks', () => {\n    render(\n      <RangeSlider\n        defaultValue={[0, 50]}\n        marks={{ 0: '0%', 20: '20%', 40: '40%', 60: '60%', 80: '80%', 100: '100%' }}\n        labelPosition=\"side\"\n        labelAlignment={Alignments.LeftAndRight}\n      />,\n    );\n    expect(screen.getByText('0')).toBeInTheDocument();\n    expect(screen.getByText('50')).toBeInTheDocument();\n  });\n});\n"]}

package/build/esm/components/Slider/Slider.types.d.ts

@@ -0,0 +1,38 @@
+import { SliderProps } from 'rc-slider/lib/Slider';
+import { Sizes, Alignments, Positions } from 'acinguiux-ds-react-base';
+import * as Types from '../../types/types';
+/**
+ * @deprecated DeprecatedSize prop has been deprecated, please use SliderSize
+ */
+type DeprecatedSize = Types.SmallSize | Types.MediumSize | Types.LargeSize;
+export type SliderSize = Sizes.Small | Sizes.Medium | Sizes.Large | DeprecatedSize;
+/**
+ * @deprecated SliderLabel prop has been deprecated, please use SliderLabelAlignment
+ */
+export type SliderLabel = Types.DeprecatedHorizontalPositions | 'none' | 'leftAndRight';
+export type SliderLabelAlignment = Alignments.Left | Alignments.Right | Alignments.LeftAndRight | SliderLabel;
+export type SliderLabelPosition = Positions.Top | Positions.Bottom | Positions.Side | Types.DeprecatedVerticalPositions | 'side';
+type SliderCommonProps = {
+    size?: SliderSize;
+    prefixCls?: string;
+    labelAlignment?: SliderLabelAlignment;
+    labelPosition?: SliderLabelPosition;
+    inputValues?: boolean;
+    labelMin?: boolean;
+    labelMax?: boolean;
+    /**
+     * @deprecated label prop has been deprecated, please use labelAlignment
+     */
+    label?: SliderLabelAlignment;
+};
+export type ISliderProps = SliderCommonProps & Omit<SliderProps, 'value' | 'defaultValue' | 'range'> & {
+    value?: number;
+    defaultValue?: number;
+};
+export type IRangeSliderProps = SliderCommonProps & Omit<SliderProps, 'value' | 'defaultValue' | 'range'> & {
+    value?: number[];
+    defaultValue?: number[];
+};
+export type RCSliderValueType = (value: number | number[]) => void;
+export {};
+//# sourceMappingURL=Slider.types.d.ts.map

package/build/esm/components/Slider/Slider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAE3C;;GAEG;AACH,KAAK,cAAc,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;AAC3E,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;AACnF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,6BAA6B,GAAG,MAAM,GAAG,cAAc,CAAC;AACxF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,YAAY,GAAG,WAAW,CAAC;AAC9G,MAAM,MAAM,mBAAmB,GAC3B,SAAS,CAAC,GAAG,GACb,SAAS,CAAC,MAAM,GAChB,SAAS,CAAC,IAAI,GACd,KAAK,CAAC,2BAA2B,GACjC,MAAM,CAAC;AAEX,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAC1C,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,GAAG,OAAO,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAC/C,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,GAAG,OAAO,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Slider.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"","sourcesContent":["import { SliderProps } from 'rc-slider/lib/Slider';\nimport { Sizes, Alignments, Positions } from 'acinguiux-ds-react-base';\n\nimport * as Types from '../../types/types';\n\n/**\n * @deprecated DeprecatedSize prop has been deprecated, please use SliderSize\n */\ntype DeprecatedSize = Types.SmallSize | Types.MediumSize | Types.LargeSize;\nexport type SliderSize = Sizes.Small | Sizes.Medium | Sizes.Large | DeprecatedSize;\n/**\n * @deprecated SliderLabel prop has been deprecated, please use SliderLabelAlignment\n */\nexport type SliderLabel = Types.DeprecatedHorizontalPositions | 'none' | 'leftAndRight';\nexport type SliderLabelAlignment = Alignments.Left | Alignments.Right | Alignments.LeftAndRight | SliderLabel;\nexport type SliderLabelPosition =\n  | Positions.Top\n  | Positions.Bottom\n  | Positions.Side\n  | Types.DeprecatedVerticalPositions\n  | 'side';\n\ntype SliderCommonProps = {\n  size?: SliderSize;\n  prefixCls?: string;\n  labelAlignment?: SliderLabelAlignment;\n  labelPosition?: SliderLabelPosition;\n  inputValues?: boolean;\n  labelMin?: boolean;\n  labelMax?: boolean;\n  /**\n   * @deprecated label prop has been deprecated, please use labelAlignment\n   */\n  label?: SliderLabelAlignment;\n};\n\nexport type ISliderProps = SliderCommonProps &\n  Omit<SliderProps, 'value' | 'defaultValue' | 'range'> & {\n    value?: number;\n    defaultValue?: number;\n  };\n\nexport type IRangeSliderProps = SliderCommonProps &\n  Omit<SliderProps, 'value' | 'defaultValue' | 'range'> & {\n    value?: number[];\n    defaultValue?: number[];\n  };\n\nexport type RCSliderValueType = (value: number | number[]) => void;\n"]}

package/build/esm/components/Slider/__tests__/Slider.avt.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Slider.avt.test.d.ts.map

package/build/esm/components/Slider/__tests__/Slider.avt.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.avt.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/__tests__/Slider.avt.test.tsx"],"names":[],"mappings":""}

package/build/esm/components/Slider/__tests__/Slider.avt.test.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Slider from '../Slider';
+import RangeSlider from '../RangeSlider';
+import { runAxeAccessibilityValidationTest } from '../../../utils/viTestUtils';
+describe('AVT', () => {
+    it('should not have Accessibility violations for DEFAULT <Slider />', async () => {
+        await runAxeAccessibilityValidationTest(_jsx(Slider, { defaultValue: 50 }));
+    });
+    it('should not have Accessibility violations for DEFAULT <RangeSlider />', async () => {
+        await runAxeAccessibilityValidationTest(_jsx(RangeSlider, { defaultValue: [0, 50] }));
+    });
+});
+//# sourceMappingURL=Slider.avt.test.js.map

package/build/esm/components/Slider/__tests__/Slider.avt.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.avt.test.js","sourceRoot":"","sources":["../../../../../src/components/Slider/__tests__/Slider.avt.test.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAE/E,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,iCAAiC,CAAC,KAAC,MAAM,IAAC,YAAY,EAAE,EAAE,GAAI,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,iCAAiC,CAAC,KAAC,WAAW,IAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import Slider from '../Slider';\nimport RangeSlider from '../RangeSlider';\nimport { runAxeAccessibilityValidationTest } from '../../../utils/viTestUtils';\n\ndescribe('AVT', () => {\n  it('should not have Accessibility violations for DEFAULT <Slider />', async () => {\n    await runAxeAccessibilityValidationTest(<Slider defaultValue={50} />);\n  });\n\n  it('should not have Accessibility violations for DEFAULT <RangeSlider />', async () => {\n    await runAxeAccessibilityValidationTest(<RangeSlider defaultValue={[0, 50]} />);\n  });\n});\n"]}

package/build/esm/components/Slider/components/Value/Value.d.ts

@@ -0,0 +1,4 @@
+import { IValueProps } from './Value.types';
+declare const Value: ({ size, value, inputValues, handleOnChange }: IValueProps) => import("react/jsx-runtime").JSX.Element;
+export default Value;
+//# sourceMappingURL=Value.d.ts.map

package/build/esm/components/Slider/components/Value/Value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,KAAK,iDAAiE,WAAW,4CAUtF,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base';
+import TextInput from '../../../TextInput/TextInput';
+import Flexbox from '../../../Flexbox/Flexbox';
+import Label from '../../../Text/components/Label/Label';
+const Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange }) => (_jsx(Flexbox, { gap: "12px", alignItems: "center", children: inputValues ? (_jsx(TextInput, { size: size, value: value, onChange: handleOnChange, wrapperProps: { style: { width: '60px' } } })) : (_jsx(Label, { className: `${SLIDER_CLASS}-value`, size: size, children: value })) }));
+export default Value;
+//# sourceMappingURL=Value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,OAAO,KAAK,MAAM,sCAAsC,CAAC;AAEzD,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAe,EAAE,EAAE,CAAC,CAC1F,KAAC,OAAO,IAAC,GAAG,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YACpC,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAI,CAC9G,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,EAAE,IAAI,EAAE,IAAI,YAClD,KAAK,GACA,CACT,GACO,CACX,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base';\n\nimport TextInput from '../../../TextInput/TextInput';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { IValueProps } from './Value.types';\nimport Label from '../../../Text/components/Label/Label';\n\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange }: IValueProps) => (\n  <Flexbox gap=\"12px\" alignItems=\"center\">\n    {inputValues ? (\n      <TextInput size={size} value={value} onChange={handleOnChange} wrapperProps={{ style: { width: '60px' } }} />\n    ) : (\n      <Label className={`${SLIDER_CLASS}-value`} size={size}>\n        {value}\n      </Label>\n    )}\n  </Flexbox>\n);\n\nexport default Value;\n"]}

package/build/esm/components/Slider/components/Value/Value.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Value.test.d.ts.map

package/build/esm/components/Slider/components/Value/Value.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.test.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Slider/components/Value/Value.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import { render, screen, describe, it, expect, vi } from '../../../../utils/viTestUtils';
+import Value from './Value';
+const sizes = [Sizes.Small, Sizes.Medium, Sizes.Large];
+describe('Value component', () => {
+    it.each(sizes)('should render value for each size', (size) => {
+        render(_jsx(Value, { size: size, value: "50", handleOnChange: vi.fn() }));
+        expect(screen.queryByText('50')).toBeInTheDocument();
+        expect(screen.queryByDisplayValue('50')).not.toBeInTheDocument();
+    });
+    it.each(sizes)('should render input value for each size', (size) => {
+        render(_jsx(Value, { size: size, value: "50", handleOnChange: vi.fn(), inputValues: true }));
+        expect(screen.queryByText('50')).not.toBeInTheDocument();
+        expect(screen.queryByDisplayValue('50')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Value.test.js.map

package/build/esm/components/Slider/components/Value/Value.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.test.js","sourceRoot":"","sources":["../../../../../../src/components/Slider/components/Value/Value.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,KAAK,GAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AAErE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,mCAAmC,EAAE,CAAC,IAAI,EAAE,EAAE;QAC3D,MAAM,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,yCAAyC,EAAE,CAAC,IAAI,EAAE,EAAE;QACjE,MAAM,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,SAAG,CAAC,CAAC;QAC9E,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { render, screen, describe, it, expect, vi } from '../../../../utils/viTestUtils';\nimport Value from './Value';\nimport { SliderSize } from '../../Slider.types';\n\nconst sizes: SliderSize[] = [Sizes.Small, Sizes.Medium, Sizes.Large];\n\ndescribe('Value component', () => {\n  it.each(sizes)('should render value for each size', (size) => {\n    render(<Value size={size} value=\"50\" handleOnChange={vi.fn()} />);\n    expect(screen.queryByText('50')).toBeInTheDocument();\n    expect(screen.queryByDisplayValue('50')).not.toBeInTheDocument();\n  });\n\n  it.each(sizes)('should render input value for each size', (size) => {\n    render(<Value size={size} value=\"50\" handleOnChange={vi.fn()} inputValues />);\n    expect(screen.queryByText('50')).not.toBeInTheDocument();\n    expect(screen.queryByDisplayValue('50')).toBeInTheDocument();\n  });\n});\n"]}

package/build/esm/components/Slider/components/Value/Value.types.d.ts

@@ -0,0 +1,7 @@
+import { ChangeEventHandler } from 'react';
+import { ISliderProps } from '../../Slider.types';
+export interface IValueProps extends Omit<ISliderProps, 'value'> {
+    value: string;
+    handleOnChange: ChangeEventHandler<HTMLInputElement>;
+}
+//# sourceMappingURL=Value.types.d.ts.map

package/build/esm/components/Slider/components/Value/Value.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Slider/components/Value/Value.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACtD"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Value.types.js.map

package/build/esm/components/Slider/components/Value/Value.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.types.js","sourceRoot":"","sources":["../../../../../../src/components/Slider/components/Value/Value.types.tsx"],"names":[],"mappings":"","sourcesContent":["import { ChangeEventHandler } from 'react';\n\nimport { ISliderProps } from '../../Slider.types';\n\nexport interface IValueProps extends Omit<ISliderProps, 'value'> {\n  value: string;\n  handleOnChange: ChangeEventHandler<HTMLInputElement>;\n}\n"]}

package/build/esm/components/Slider/utils/styleUtils.d.ts

@@ -0,0 +1,4 @@
+import { SliderLabelAlignment, SliderLabelPosition } from '../Slider.types';
+export declare const getFlexDirectionForLabel: (alignment: SliderLabelAlignment, position: SliderLabelPosition) => string;
+export declare const getAlignItemsForLabel: (alignment: SliderLabelAlignment, position: SliderLabelPosition) => string;
+//# sourceMappingURL=styleUtils.d.ts.map

package/build/esm/components/Slider/utils/styleUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/utils/styleUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,eAAO,MAAM,wBAAwB,cAAe,oBAAoB,YAAY,mBAAmB,KAAG,MAczG,CAAC;AAEF,eAAO,MAAM,qBAAqB,cAAe,oBAAoB,YAAY,mBAAmB,KAAG,MAUtG,CAAC"}

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

@@ -0,0 +1,23 @@
+import { Positions, Alignments } from 'acinguiux-ds-react-base';
+export const getFlexDirectionForLabel = (alignment, position) => {
+    if (position === Positions.Top) {
+        return 'column';
+    }
+    if (position === Positions.Bottom) {
+        return 'column-reverse';
+    }
+    if (alignment === Alignments.Right) {
+        return 'row-reverse';
+    }
+    return 'row';
+};
+export const getAlignItemsForLabel = (alignment, position) => {
+    if (position === Positions.Side) {
+        return 'center';
+    }
+    if (alignment === Alignments.Right) {
+        return 'flex-end';
+    }
+    return 'flex-start';
+};
+//# sourceMappingURL=styleUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.js","sourceRoot":"","sources":["../../../../../src/components/Slider/utils/styleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIhE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAA+B,EAAE,QAA6B,EAAU,EAAE;IACjH,IAAI,QAAQ,KAAK,SAAS,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,QAAQ,KAAK,SAAS,CAAC,MAAM,EAAE;QACjC,OAAO,gBAAgB,CAAC;KACzB;IAED,IAAI,SAAS,KAAK,UAAU,CAAC,KAAK,EAAE;QAClC,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAA+B,EAAE,QAA6B,EAAU,EAAE;IAC9G,IAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,EAAE;QAC/B,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,SAAS,KAAK,UAAU,CAAC,KAAK,EAAE;QAClC,OAAO,UAAU,CAAC;KACnB;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import { Positions, Alignments } from 'acinguiux-ds-react-base';\n\nimport { SliderLabelAlignment, SliderLabelPosition } from '../Slider.types';\n\nexport const getFlexDirectionForLabel = (alignment: SliderLabelAlignment, position: SliderLabelPosition): 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 = (alignment: SliderLabelAlignment, position: SliderLabelPosition): 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"]}

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

@@ -0,0 +1,20 @@
+import { StatSize } from './Stat.types';
+type StatConstsType = {
+    [size in StatSize]: {
+        icon: {
+            containedWrapper: number;
+            contained: number;
+            stat: number;
+            value: number;
+            label: number;
+            none: number;
+        };
+        gap: {
+            contained: number;
+            default: number;
+        };
+    };
+};
+export declare const statConsts: StatConstsType;
+export {};
+//# sourceMappingURL=Stat.consts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.consts.d.ts","sourceRoot":"","sources":["../../../../src/components/Stat/Stat.consts.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,KAAK,cAAc,GAAG;KACnB,IAAI,IAAI,QAAQ,GAAG;QAClB,IAAI,EAAE;YACJ,gBAAgB,EAAE,MAAM,CAAC;YACzB,SAAS,EAAE,MAAM,CAAC;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;YACd,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;QACF,GAAG,EAAE;YACH,SAAS,EAAE,MAAM,CAAC;YAClB,OAAO,EAAE,MAAM,CAAC;SACjB,CAAC;KACH;CACF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAyDxB,CAAC"}

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

@@ -0,0 +1,60 @@
+import { Sizes } from 'acinguiux-ds-react-base';
+export const statConsts = {
+    [Sizes.Small]: {
+        icon: {
+            containedWrapper: 28,
+            contained: 20,
+            stat: 28,
+            label: 16,
+            value: 20,
+            none: 0,
+        },
+        gap: {
+            contained: 6,
+            default: 6,
+        },
+    },
+    [Sizes.Medium]: {
+        icon: {
+            containedWrapper: 36,
+            contained: 28,
+            stat: 36,
+            label: 16,
+            value: 24,
+            none: 0,
+        },
+        gap: {
+            contained: 8,
+            default: 6,
+        },
+    },
+    [Sizes.Large]: {
+        icon: {
+            containedWrapper: 48,
+            contained: 32,
+            stat: 48,
+            label: 16,
+            value: 32,
+            none: 0,
+        },
+        gap: {
+            contained: 12,
+            default: 6,
+        },
+    },
+    [Sizes.ExtraLarge]: {
+        icon: {
+            containedWrapper: 64,
+            contained: 48,
+            stat: 64,
+            label: 20,
+            value: 48,
+            none: 0,
+        },
+        gap: {
+            contained: 16,
+            default: 6,
+        },
+    },
+};
+//# sourceMappingURL=Stat.consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.consts.js","sourceRoot":"","sources":["../../../../src/components/Stat/Stat.consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAqBhD,MAAM,CAAC,MAAM,UAAU,GAAmB;IACxC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,IAAI,EAAE;YACJ,gBAAgB,EAAE,EAAE;YACpB,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,CAAC;SACR;QACD,GAAG,EAAE;YACH,SAAS,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;SACX;KACF;IACD,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QACd,IAAI,EAAE;YACJ,gBAAgB,EAAE,EAAE;YACpB,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,CAAC;SACR;QACD,GAAG,EAAE;YACH,SAAS,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;SACX;KACF;IACD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,IAAI,EAAE;YACJ,gBAAgB,EAAE,EAAE;YACpB,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,CAAC;SACR;QACD,GAAG,EAAE;YACH,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,CAAC;SACX;KACF;IACD,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QAClB,IAAI,EAAE;YACJ,gBAAgB,EAAE,EAAE;YACpB,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,CAAC;SACR;QACD,GAAG,EAAE;YACH,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,CAAC;SACX;KACF;CACF,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { StatSize } from './Stat.types';\n\ntype StatConstsType = {\n  [size in StatSize]: {\n    icon: {\n      containedWrapper: number;\n      contained: number;\n      stat: number;\n      value: number;\n      label: number;\n      none: number;\n    };\n    gap: {\n      contained: number;\n      default: number;\n    };\n  };\n};\n\nexport const statConsts: StatConstsType = {\n  [Sizes.Small]: {\n    icon: {\n      containedWrapper: 28,\n      contained: 20,\n      stat: 28,\n      label: 16,\n      value: 20,\n      none: 0,\n    },\n    gap: {\n      contained: 6,\n      default: 6,\n    },\n  },\n  [Sizes.Medium]: {\n    icon: {\n      containedWrapper: 36,\n      contained: 28,\n      stat: 36,\n      label: 16,\n      value: 24,\n      none: 0,\n    },\n    gap: {\n      contained: 8,\n      default: 6,\n    },\n  },\n  [Sizes.Large]: {\n    icon: {\n      containedWrapper: 48,\n      contained: 32,\n      stat: 48,\n      label: 16,\n      value: 32,\n      none: 0,\n    },\n    gap: {\n      contained: 12,\n      default: 6,\n    },\n  },\n  [Sizes.ExtraLarge]: {\n    icon: {\n      containedWrapper: 64,\n      contained: 48,\n      stat: 64,\n      label: 20,\n      value: 48,\n      none: 0,\n    },\n    gap: {\n      contained: 16,\n      default: 6,\n    },\n  },\n};\n"]}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IStatProps } from './Stat.types';
+declare const Stat: import("react").ForwardRefExoticComponent<Omit<IStatProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Stat;
+//# sourceMappingURL=Stat.d.ts.map

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import CountUp from 'react-countup';
+import { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base';
+import AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';
+import StatIcon from './components/StatIcon/StatIcon';
+import * as Styled from './Stat.styles';
+const Stat = forwardRef(({ className = '', size = Sizes.Medium, label, value, alignment = Alignments.Left, icon, iconPosition = 'none', additionalInfo, suffix, prefix, valueAnimation = false, countUpProps = {}, ...rest }, ref) => {
+    const isLabelIconPosition = icon && iconPosition === 'label';
+    const isValueIconPosition = icon && iconPosition === 'value';
+    const isNextToStatIconPosition = icon && (iconPosition === 'stat' || iconPosition === 'contained');
+    return (_jsxs(Styled.StatWrapper, { className: classNames(STAT_CLASS, className), ref: ref, size: size, iconPosition: iconPosition, ...rest, children: [isNextToStatIconPosition && alignment === Alignments.Left && (_jsx(StatIcon, { size: size, icon: icon, position: iconPosition })), _jsxs(Styled.TextWrapper, { children: [_jsxs(Styled.LabelWrapper, { alignment: alignment, children: [isLabelIconPosition && alignment === Alignments.Left && (_jsx(StatIcon, { size: size, icon: icon, position: iconPosition })), _jsx(Styled.Label, { size: size, children: label }), isLabelIconPosition && alignment === Alignments.Right && (_jsx(StatIcon, { size: size, icon: icon, position: iconPosition })), additionalInfo && _jsx(AdditionalInfo, { size: size, additionalInfo: additionalInfo })] }), _jsxs(Styled.ValueWrapperWithIcon, { children: [isValueIconPosition && alignment === Alignments.Left && (_jsx(StatIcon, { size: size, icon: icon, position: iconPosition })), _jsxs(Styled.ValueWrapper, { alignment: alignment, children: [_jsx(Styled.Prefix, { size: size, children: prefix }), _jsx(Styled.Value, { size: size, children: valueAnimation ? _jsx(CountUp, { end: value, duration: 2, ...countUpProps }) : value }), _jsx(Styled.Suffix, { size: size, children: suffix })] }), isValueIconPosition && alignment === Alignments.Right && (_jsx(StatIcon, { size: size, icon: icon, position: iconPosition }))] })] }), isNextToStatIconPosition && alignment === Alignments.Right && (_jsx(StatIcon, { size: size, icon: icon, position: iconPosition }))] }));
+});
+export default Stat;
+//# sourceMappingURL=Stat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sourceRoot":"","sources":["../../../../src/components/Stat/Stat.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n  (\n    {\n      className = '',\n      size = Sizes.Medium,\n      label,\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>\n          <Styled.LabelWrapper alignment={alignment}>\n            {isLabelIconPosition && alignment === Alignments.Left && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\n            )}\n\n            <Styled.Label size={size}>{label}</Styled.Label>\n\n            {isLabelIconPosition && alignment === Alignments.Right && (\n              <StatIcon size={size} icon={icon} position={iconPosition} />\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"]}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { Alignments, Sizes } from 'acinguiux-ds-react-base';
+import { IStatProps } from './Stat.types';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<IStatProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        storyLink: string;
+    };
+    argTypes: {
+        additionalInfo: {
+            control: string;
+        };
+        alignment: {
+            options: Alignments[];
+            control: string;
+        };
+        icon: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                Divide: import("react/jsx-runtime").JSX.Element;
+                Add: import("react/jsx-runtime").JSX.Element;
+                Wind: import("react/jsx-runtime").JSX.Element;
+                Placeholder: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        iconPosition: {
+            options: string[];
+            control: string;
+        };
+        label: {
+            control: string;
+        };
+        prefix: {
+            control: string;
+        };
+        size: {
+            control: string;
+            options: Sizes[];
+        };
+        suffix: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: StoryFn<IStatProps>;
+export declare const IconAlignments: StoryFn<IStatProps>;
+export declare const IconPositions: StoryFn<IStatProps>;
+export declare const WithAdditionalInfo: StoryFn<IStatProps>;
+export declare const WithAnimation: StoryFn<IStatProps>;
+//# sourceMappingURL=Stat.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Stat/Stat.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAO5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1C,wBA2BE;AAEF,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,UAAU,CAEvC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,UAAU,CA2B9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,UAAU,CAsH7C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,UAAU,CAUlD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,UAAU,CAe7C,CAAC"}