@kubit-ui-web/react-components 1.6.1 → 1.7.0

package/dist/cjs/components/slider/components/sliderThumbStandAlone.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderThumbStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const elementOrIcon_1 = require("../../../components/elementOrIcon");
+const tooltip_1 = require("../../../components/tooltip");
+const hooks_1 = require("../../../hooks");
+const types_1 = require("../../../types");
+const utils_1 = require("../utils");
+const sliderThumbStandAlone_styled_1 = require("./sliderThumbStandAlone.styled");
+/**
+ * @description
+ * SliderThumbStandAlone component is used to display a thumb for the slider.
+ */
+const SliderThumbStandAlone = ({ styles, style, state, rightThumb, disabled, pressed, hover, max, min, value, tooltip, onMouseOver, onMouseOut, onTouchStart, onFocus, onKeyDown, icon, ariaLabel, ariaLabelBy, ariaDescribedBy, dataTestId, }) => {
+    const device = (0, hooks_1.useMediaDevice)();
+    if (!(0, utils_1.isTooltipVisible)(tooltip, pressed, device) || !styles.tooltip?.variant) {
+        return ((0, jsx_runtime_1.jsx)(sliderThumbStandAlone_styled_1.StyledThumb, { "aria-describedby": ariaDescribedBy, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelBy, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": dataTestId, rightThumb: rightThumb, role: types_1.ROLES.SLIDER, style: style, styles: styles, tabIndex: 0, onFocus: onFocus, onKeyDown: onKeyDown, onMouseOut: onMouseOut, onMouseOver: onMouseOver, onTouchStart: onTouchStart, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles.states?.[state]?.[rightThumb ? 'rightThumbIcon' : 'thumbIcon'], ...icon }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(sliderThumbStandAlone_styled_1.StyledThumb, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, rightThumb: rightThumb, role: types_1.ROLES.PRESENTATION, style: style, styles: styles, children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { align: styles.tooltip?.align, childrenAsButton: false, closeIcon: tooltip?.closeIcon
+                ? {
+                    'icon': tooltip.closeIcon,
+                    'aria-label': tooltip.closeIconAriaLabel,
+                    'color': tooltip.closeIconColor,
+                }
+                : undefined, content: { content: tooltip?.content }, title: { content: tooltip?.title }, tooltipAsModal: false, variant: styles.tooltip.variant, children: (0, jsx_runtime_1.jsx)(sliderThumbStandAlone_styled_1.StyledTooltipThumb, { "aria-describedby": ariaDescribedBy, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelBy, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": dataTestId, role: types_1.ROLES.SLIDER, styles: styles, tabIndex: 0, onFocus: onFocus, onKeyDown: onKeyDown, onMouseOut: onMouseOut, onMouseOver: onMouseOver, onTouchStart: onTouchStart, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles.states?.[state]?.[rightThumb ? 'rightThumbIcon' : 'thumbIcon'], ...icon }) }) }) }));
+};
+exports.SliderThumbStandAlone = SliderThumbStandAlone;
+//# sourceMappingURL=sliderThumbStandAlone.js.map

package/dist/cjs/components/slider/components/sliderThumbStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderThumbStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/slider/components/sliderThumbStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/slider/components/sliderThumbStandAlone.styled.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTooltipThumb = exports.StyledThumb = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const getStyles_1 = require("../../../utils/getStyles/getStyles");
+const types_1 = require("../types");
+exports.StyledThumb = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.DEFAULT]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  &[data-hover='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.HOVER]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  }
+  &[data-pressed='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.PRESSED]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  }
+  &[data-disabled='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.DISABLED]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  }
+`;
+exports.StyledTooltipThumb = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.DEFAULT]?.innerThumbTooltip)}
+  &[data-hover='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.HOVER]?.innerThumbTooltip)}
+  }
+  &[data-pressed='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.PRESSED]?.innerThumbTooltip)}
+  }
+  &[data-disabled='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.DISABLED]?.innerThumbTooltip)}
+  }
+`;
+//# sourceMappingURL=sliderThumbStandAlone.styled.js.map

package/dist/cjs/components/slider/components/sliderThumbStandAlone.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderThumbStandAlone.styled.js","sourceRoot":"","sources":["../../../../../src/components/slider/components/sliderThumbStandAlone.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAAwD;AAExD,oCAAiE;AAEpD,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAwD;IACzF,KAAK,CAAC,EAAE,CACR,IAAA,qBAAS,EACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC5F;;MAEC,KAAK,CAAC,EAAE,CACR,IAAA,qBAAS,EACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1F;;;MAGD,KAAK,CAAC,EAAE,CACR,IAAA,qBAAS,EACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC5F;;;MAGD,KAAK,CAAC,EAAE,CACR,IAAA,qBAAS,EACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC7F;;CAEN,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAkC;IAC1E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;;MAEnF,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;;;MAGnF,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;;;MAGrF,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;;CAE3F,CAAC"}

package/dist/cjs/components/slider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var slider_1 = require("./slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return slider_1.Slider; } });
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/slider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,0CAAwB"}

package/dist/cjs/components/slider/slider.js

@@ -0,0 +1,221 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = exports.SliderComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const useStyles_1 = require("../../hooks/useStyles/useStyles");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const types_1 = require("../../types");
+const sliderStandAlone_1 = require("./sliderStandAlone");
+const types_2 = require("./types");
+const utils_1 = require("./utils");
+const ON_CHANGE_DEBOUNCE_TIMEOUT = 50;
+const SLIDER_STYLES = 'SLIDER_STYLES';
+exports.SliderComponent = React.forwardRef(({ variant, type = types_2.SliderType.DISCRETE, range = false, min = 0, max = 100, step = 1, disabled = false, defaultValue, value: propValue, onChange, onDragStart, onDragEnd, tooltip, rightTooltip, leftHelperText, rightHelperText, 
+// label
+label, 
+// Increment and decrement buttons
+incrementButton, decrementButton, 
+// Thumb icons
+thumbIcon, rightThumbIcon, 
+// Aria helpers
+ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
+    const _calcDefaultValue = _value => (0, utils_1.calcDefaultValue)(range, max, min, step, _value);
+    const containerRef = React.useRef(null);
+    const [value, setValue] = React.useState(_calcDefaultValue(propValue ?? defaultValue));
+    const [hover, setHover] = React.useState(false);
+    const [pressed, setPressed] = React.useState(false);
+    const activePointer = React.useRef('left');
+    const [offsetBoundaries, setOffsetBoundaries] = React.useState({
+        min: 0,
+        max: 100,
+    });
+    const styles = (0, useStyles_1.useStyles)(SLIDER_STYLES, variant, ctv);
+    // thumbExceedsTrack by default is true
+    const thumbExceedsTrack = React.useMemo(() => styles?.thumbExceedsTrack ?? true, [styles?.thumbExceedsTrack]);
+    // When !thumbExceedsTrack, the ratio of the thumb to the track could change
+    // So the offset boundaries should be recalculated
+    // When thumbExceedsTrack is true, the offset boundaries are always 0 and 100
+    const initialiceBoundaries = React.useCallback(() => {
+        if (thumbExceedsTrack) {
+            setOffsetBoundaries({ min: 0, max: 100 });
+            return;
+        }
+        if (!containerRef.current) {
+            return;
+        }
+        // Select by ROLES.Slider
+        const thumb = containerRef.current.querySelector(`[role="${types_1.ROLES.SLIDER}"]`);
+        if (!thumb) {
+            return;
+        }
+        // Get container width
+        const containerWidth = containerRef.current.getBoundingClientRect().width;
+        // Get thumb width
+        const thumbWidth = thumb.getBoundingClientRect().width;
+        // Calc thumbWidth as percentage of the containerWidth
+        const thumbWidthPercentage = (thumbWidth / containerWidth) * 100.0;
+        // Calc min and max offset boundaries
+        const minOffset = thumbWidthPercentage / 2;
+        const maxOffset = 100 - minOffset;
+        setOffsetBoundaries({ min: minOffset, max: maxOffset });
+    }, [thumbExceedsTrack]);
+    React.useEffect(() => {
+        initialiceBoundaries();
+        // Only add resize event listener if thumbExceedsTrack is false
+        // When false, the ratio of the thumb to the track could change
+        if (!thumbExceedsTrack) {
+            window.addEventListener('resize', initialiceBoundaries);
+        }
+        return () => {
+            if (!thumbExceedsTrack) {
+                window.removeEventListener('resize', initialiceBoundaries);
+            }
+        };
+    }, [thumbExceedsTrack]);
+    // Update inner value when new propValue is received
+    React.useEffect(() => {
+        if (propValue !== undefined) {
+            if ((range && !(0, utils_1.equalsRangeValues)(propValue, value)) ||
+                (!range && propValue !== value)) {
+                setValue(_calcDefaultValue(propValue));
+            }
+        }
+    }, [propValue]);
+    // Debounce callback to avoid calling onChange too many times
+    const timeoutOnChange = React.useRef();
+    const onChangeDebounce = React.useCallback((val) => {
+        if (!onChange) {
+            return;
+        }
+        clearTimeout(timeoutOnChange.current);
+        timeoutOnChange.current = setTimeout(() => {
+            onChange(val);
+        }, ON_CHANGE_DEBOUNCE_TIMEOUT);
+    }, [onchange]);
+    // On unmount call unbindEventListeners
+    React.useEffect(() => {
+        return unbindEventListeners;
+    }, []);
+    const onMouseDown = event => {
+        onDragStart?.();
+        setPressed(true);
+        handleChange(event);
+        window.addEventListener('mousemove', handleChange);
+        window.addEventListener('mouseup', onMouseUp);
+    };
+    const onMouseUp = () => {
+        onDragEnd?.();
+        setPressed(false);
+        unbindEventListeners();
+    };
+    const onTouchStart = event => {
+        onDragStart?.();
+        setPressed(true);
+        handleChange(event);
+        window.addEventListener('touchend', onMouseUp);
+    };
+    const handleChange = (event) => {
+        if (!containerRef.current || disabled) {
+            return;
+        }
+        // Offset percentaje
+        const _offset = (0, utils_1.calculateChange)({ event, container: containerRef.current, offsetBoundaries });
+        const _value = (0, utils_1.calcValueByOffset)({
+            max,
+            min,
+            step,
+            offset: _offset,
+            offsetBoundaries: offsetBoundaries,
+        });
+        const newValue = (0, utils_1.calcScaleValue)(max, min, step, _value);
+        setValue(prevValue => {
+            let _newValue = newValue;
+            if (range) {
+                _newValue = (0, utils_1.calcNewRangeValue)(prevValue, newValue, activePointer);
+            }
+            onChangeDebounce(_newValue);
+            return _newValue;
+        });
+    };
+    const unbindEventListeners = () => {
+        window.removeEventListener('mousemove', handleChange);
+        window.removeEventListener('mouseup', onMouseUp);
+        window.removeEventListener('touchend', onMouseUp);
+    };
+    const handleKeyPress = event => {
+        if (disabled) {
+            return;
+        }
+        const newValue = (0, utils_1.calcNewValueAfterKeyPress)(event, range, activePointer.current, max, min, step, value);
+        if (newValue !== undefined) {
+            setValue(newValue);
+            onChangeDebounce(newValue);
+        }
+    };
+    const handleIncrementClick = event => {
+        const newValue = (0, utils_1.incrementValue)(activePointer.current, range, max, step, value);
+        if (newValue !== undefined) {
+            setValue(newValue);
+            onChangeDebounce(newValue);
+        }
+        incrementButton?.onClick?.(event);
+    };
+    const handleDecrementClick = event => {
+        const newValue = (0, utils_1.decrementValue)(activePointer.current, range, min, step, value);
+        if (newValue !== undefined) {
+            setValue(newValue);
+            onChangeDebounce(newValue);
+        }
+        decrementButton?.onClick?.(event);
+    };
+    const { showScale, scaleCount, scaleArray } = (0, utils_1.getScale)(type, max, min, step);
+    const { offset, offsetLeft, offsetRight } = (0, utils_1.getOffset)({
+        range,
+        max,
+        min,
+        value,
+        offsetBoundaries,
+    });
+    return ((0, jsx_runtime_1.jsx)(sliderStandAlone_1.SliderStandAlone, { ref: ref, activePointer: activePointer, ariaLabel: ariaLabel, ariaLabelBy: ariaLabelBy, containerRef: containerRef, decrementButton: {
+            ...decrementButton,
+            onClick: handleDecrementClick,
+            disabled: disabled || decrementButton?.disabled,
+        }, disabled: disabled, hover: hover, incrementButton: {
+            ...incrementButton,
+            onClick: handleIncrementClick,
+            disabled: disabled || incrementButton?.disabled,
+        }, label: label, leftHelperText: leftHelperText, max: max, min: min, offset: offset, offsetLeft: offsetLeft, offsetRight: offsetRight, pressed: pressed, range: range, rightAriaLabel: rightAriaLabel, rightAriaLabelBy: rightAriaLabelBy, rightHelperText: rightHelperText, rightThumbIcon: rightThumbIcon, rightTooltip: rightTooltip, scaleArray: scaleArray, scaleCount: scaleCount, setHover: setHover, showScale: showScale, step: step, styles: styles, thumbIcon: thumbIcon, tooltip: tooltip, value: value, onChange: handleChange, onKeyPress: handleKeyPress, onMouseDown: onMouseDown, onTouchStart: onTouchStart }));
+});
+exports.SliderComponent.displayName = 'SliderComponent';
+const SliderBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(sliderStandAlone_1.SliderStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(exports.SliderComponent, { ...props, ref: ref }) }));
+/**
+ * @description
+ * Slider component is used to select a value from a range of values.
+ */
+const Slider = React.forwardRef(SliderBoundary);
+exports.Slider = Slider;
+//# sourceMappingURL=slider.js.map

package/dist/cjs/components/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/slider/slider.styled.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledActiveTrack = exports.StyledTrack = exports.StyledContainer = exports.StyledWrap = exports.StyledButtonsTracksContainer = exports.StyledLabelContainer = exports.StyledRoot = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const getStyles_1 = require("../../utils/getStyles/getStyles");
+const types_1 = require("./types");
+exports.StyledRoot = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.DEFAULT]?.container)}
+  &[data-hover='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.HOVER]?.container)}
+  }
+  &[data-pressed='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.PRESSED]?.container)}
+  }
+  &[data-disabled='true'] {
+    ${props => (0, getStyles_1.getStyles)(props.styles.states?.[types_1.SliderStateType.DISABLED]?.container)}
+  }
+`;
+exports.StyledLabelContainer = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.labelContainer)}
+`;
+exports.StyledButtonsTracksContainer = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.buttonsTracksContainer)}
+`;
+exports.StyledWrap = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.tracksThumbsContainer)}
+`;
+exports.StyledContainer = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.tracksThumbsInnerContainer)}
+`;
+const getTrackStyles = (styles, isActive) => {
+    const track = isActive ? 'activeTrack' : 'inactiveTrack';
+    return (0, styled_components_1.css) `
+    ${(0, getStyles_1.getStyles)(styles.states?.[types_1.SliderStateType.DEFAULT]?.[track])}
+    &[data-hover='true'] {
+      ${(0, getStyles_1.getStyles)(styles.states?.[types_1.SliderStateType.HOVER]?.[track])}
+    }
+    &[data-pressed='true'] {
+      ${(0, getStyles_1.getStyles)(styles.states?.[types_1.SliderStateType.PRESSED]?.[track])}
+    }
+    &[data-disabled='true'] {
+      ${(0, getStyles_1.getStyles)(styles.states?.[types_1.SliderStateType.DISABLED]?.[track])}
+    }
+  `;
+};
+exports.StyledTrack = styled_components_1.default.div `
+  ${({ styles }) => getTrackStyles(styles, false)}
+`;
+exports.StyledActiveTrack = styled_components_1.default.div `
+  ${({ styles }) => getTrackStyles(styles, true)}
+`;
+//# sourceMappingURL=slider.styled.js.map

package/dist/cjs/components/slider/slider.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.styled.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,2DAAwD;AAExD,mCAAgE;AAEnD,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAkC;IAClE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;;MAE3E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;;;MAG3E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;;;MAG7E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;;CAEnF,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAkC;IAC5E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;CAClD,CAAC;AAEW,QAAA,4BAA4B,GAAG,2BAAM,CAAC,GAAG,CAAkC;IACpF,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC;CAC1D,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAkC;IAClE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC;CACzD,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAkC;IACvE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC9D,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,MAA4B,EAAE,QAAiB,EAAE,EAAE;IACzE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;IACzD,OAAO,IAAA,uBAAG,EAAA;MACN,IAAA,qBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;QAE1D,IAAA,qBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;;QAG1D,IAAA,qBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;;QAG5D,IAAA,qBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;GAElE,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAkC;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;CAChD,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAkC;IACzE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC;CAC/C,CAAC"}

package/dist/cjs/components/slider/sliderStandAlone.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const text_1 = require("../text");
+const components_1 = require("./components");
+const slider_styled_1 = require("./slider.styled");
+const utils_1 = require("./utils");
+const SliderStandAloneComponent = ({ 
+// Original props
+range, min, max, step, disabled, 
+// label
+label, 
+// Scale
+showScale, scaleArray, scaleCount, 
+// Tooltip
+tooltip, rightTooltip, 
+// Helper Text
+leftHelperText, rightHelperText, 
+// Generated props
+value, offset, offsetLeft, offsetRight, hover, pressed, activePointer, containerRef, 
+// Modifier functions
+onMouseDown, onChange, onTouchStart, setHover, onKeyPress, 
+// Increment and decrement buttons
+incrementButton, decrementButton, 
+// Thumb icons
+thumbIcon, rightThumbIcon, 
+// Aria helpers
+ariaLabel, rightAriaLabel, ariaLabelBy: propsAriaLabelBy, rightAriaLabelBy, 
+// Styles
+styles, 
+// Test ID
+dataTestId = 'slider', }, ref) => {
+    const id = (0, hooks_1.useId)('slider');
+    const state = (0, utils_1.getState)({ disabled, hover, pressed });
+    // auxiliar ids
+    const labelId = label?.content && !range ? `${id}Label` : undefined;
+    const leftHelperTextId = `${id}LeftHelperText`;
+    const rightHelperTextId = `${id}RightHelperText`;
+    const ariaLabelBy = propsAriaLabelBy ?? labelId;
+    return ((0, jsx_runtime_1.jsxs)(slider_styled_1.StyledRoot, { ref: ref, "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, styles: styles, children: [label?.content && ((0, jsx_runtime_1.jsx)(slider_styled_1.StyledLabelContainer, { styles: styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.LABEL, customTypography: styles.states?.[state]?.label, id: labelId, ...label, children: label?.content }) })), (0, jsx_runtime_1.jsx)(components_1.SliderScaleStandAlone, { max: max, min: min, scaleArray: scaleArray, scaleCount: scaleCount, showScale: showScale, step: step, styles: styles }), (0, jsx_runtime_1.jsxs)(slider_styled_1.StyledButtonsTracksContainer, { styles: styles, children: [(0, jsx_runtime_1.jsx)(components_1.SliderButtonStandAlone, { ...decrementButton, styles: styles.states?.[state]?.decrementButton }), (0, jsx_runtime_1.jsx)(slider_styled_1.StyledWrap, { styles: styles, children: (0, jsx_runtime_1.jsx)(slider_styled_1.StyledContainer, { ref: containerRef, "data-testid": `${dataTestId}Container`, styles: styles, onMouseDown: onMouseDown, onTouchMove: onChange, onTouchStart: onTouchStart, children: range ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(slider_styled_1.StyledTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}InactiveLeftTrack`, style: { width: `${offsetLeft}%`, left: 0 }, styles: styles }), (0, jsx_runtime_1.jsx)(slider_styled_1.StyledActiveTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}ActiveTrack`, style: { left: `${offsetLeft}%`, right: `${offsetRight}%` }, styles: styles }), (0, jsx_runtime_1.jsx)(slider_styled_1.StyledTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}InactiveRightTrack`, style: { width: `${offsetRight}%`, right: 0 }, styles: styles }), (0, jsx_runtime_1.jsx)(components_1.SliderThumbStandAlone, { ariaDescribedBy: (0, utils_1.buildAriaDescribedBy)([
+                                            { helperText: leftHelperText, helperTextId: leftHelperTextId },
+                                            { helperText: rightHelperText, helperTextId: rightHelperTextId },
+                                        ]), ariaLabel: ariaLabel, ariaLabelBy: ariaLabelBy, dataTestId: `${dataTestId}LeftThumb`, disabled: disabled, hover: (0, utils_1.isActive)(hover, activePointer.current, 'left'), icon: thumbIcon, max: value[1] - step, min: min, pressed: (0, utils_1.isActive)(pressed, activePointer.current, 'left'), state: state, style: { left: `${offsetLeft}%` }, styles: styles, tooltip: tooltip, value: value[0], onFocus: () => (activePointer.current = 'left'), onKeyDown: onKeyPress, onMouseOut: () => setHover(false), onMouseOver: () => {
+                                            setHover(true);
+                                            activePointer.current = 'left';
+                                        }, onTouchStart: () => {
+                                            activePointer.current = 'left';
+                                        } }), (0, jsx_runtime_1.jsx)(components_1.SliderThumbStandAlone, { rightThumb: true, ariaDescribedBy: (0, utils_1.buildAriaDescribedBy)([
+                                            { helperText: leftHelperText, helperTextId: leftHelperTextId },
+                                            { helperText: rightHelperText, helperTextId: rightHelperTextId },
+                                        ]), ariaLabel: rightAriaLabel, ariaLabelBy: rightAriaLabelBy, dataTestId: `${dataTestId}RightThumb`, disabled: disabled, hover: (0, utils_1.isActive)(hover, activePointer.current, 'right'), icon: rightThumbIcon, max: max, min: value[0] + step, pressed: (0, utils_1.isActive)(pressed, activePointer.current, 'right'), state: state, style: { right: `${offsetRight}%` }, styles: styles, tooltip: rightTooltip, value: value[1], onFocus: () => (activePointer.current = 'right'), onKeyDown: onKeyPress, onMouseOut: () => setHover(false), onMouseOver: () => {
+                                            setHover(true);
+                                            activePointer.current = 'right';
+                                        }, onTouchStart: () => {
+                                            activePointer.current = 'right';
+                                        } })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(slider_styled_1.StyledActiveTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}ActiveTrack`, style: { width: `${offset}%` }, styles: styles }), (0, jsx_runtime_1.jsx)(slider_styled_1.StyledTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}InactiveTrack`, style: { width: `calc(${100 - offset}%)`, right: 0 }, styles: styles }), (0, jsx_runtime_1.jsx)(components_1.SliderThumbStandAlone, { ariaDescribedBy: (0, utils_1.buildAriaDescribedBy)([
+                                            { helperText: leftHelperText, helperTextId: leftHelperTextId },
+                                            { helperText: rightHelperText, helperTextId: rightHelperTextId },
+                                        ]), ariaLabel: ariaLabel, ariaLabelBy: ariaLabelBy, dataTestId: `${dataTestId}Thumb`, disabled: disabled, hover: hover, icon: thumbIcon, max: max, min: min, pressed: pressed, state: state, style: { left: `${offset}%` }, styles: styles, tooltip: tooltip, value: value, onKeyDown: onKeyPress, onMouseOut: () => setHover(false), onMouseOver: () => setHover(true) })] })) }) }), (0, jsx_runtime_1.jsx)(components_1.SliderButtonStandAlone, { ...incrementButton, styles: styles.states?.[state]?.incrementButton })] }), (0, jsx_runtime_1.jsx)(components_1.SliderHelperTextStandAlone, { leftHelperText: leftHelperText, leftHelperTextId: leftHelperTextId, rightHelperText: rightHelperText, rightHelperTextId: rightHelperTextId, state: state, styles: styles })] }));
+};
+/**
+ * @description
+ * SliderStandAlone component is used to render a slider component.
+ */
+exports.SliderStandAlone = React.forwardRef(SliderStandAloneComponent);
+//# sourceMappingURL=sliderStandAlone.js.map

package/dist/cjs/components/slider/sliderStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderStandAlone.js","sourceRoot":"","sources":["../../../../src/components/slider/sliderStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/slider/types/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./slider"), exports);
+__exportStar(require("./sliderTheme"), exports);
+__exportStar(require("./state"), exports);
+__exportStar(require("./type"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/slider/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/slider/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,yCAAuB"}

package/dist/cjs/components/slider/types/slider.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=slider.js.map

package/dist/cjs/components/slider/types/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../src/components/slider/types/slider.ts"],"names":[],"mappings":""}

package/dist/cjs/components/slider/types/sliderTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=sliderTheme.js.map

package/dist/cjs/components/slider/types/sliderTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderTheme.js","sourceRoot":"","sources":["../../../../../src/components/slider/types/sliderTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/slider/types/state.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderStateType = void 0;
+/**
+ * Slider state type.
+ * @export
+ * @enum {string}
+ */
+var SliderStateType;
+(function (SliderStateType) {
+    SliderStateType["DEFAULT"] = "DEFAULT";
+    SliderStateType["HOVER"] = "HOVER";
+    SliderStateType["PRESSED"] = "PRESSED";
+    SliderStateType["DISABLED"] = "DISABLED";
+})(SliderStateType || (exports.SliderStateType = SliderStateType = {}));
+//# sourceMappingURL=state.js.map

package/dist/cjs/components/slider/types/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/slider/types/state.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;AACvB,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B"}

package/dist/cjs/components/slider/types/type.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderType = void 0;
+var SliderType;
+(function (SliderType) {
+    SliderType["DISCRETE"] = "DISCRETE";
+    SliderType["CONTINUOUS"] = "CONTINUOUS";
+})(SliderType || (exports.SliderType = SliderType = {}));
+//# sourceMappingURL=type.js.map

package/dist/cjs/components/slider/types/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../../src/components/slider/types/type.ts"],"names":[],"mappings":";;;AAAA,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,uCAAyB,CAAA;AAC3B,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}