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

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ElementOrIcon } from '../../../components/elementOrIcon';
+import { Tooltip } from '../../../components/tooltip';
+import { useMediaDevice } from '../../../hooks';
+import { ROLES } from '../../../types';
+import { isTooltipVisible } from '../utils';
+import { StyledThumb, StyledTooltipThumb } from './sliderThumbStandAlone.styled';
+/**
+ * @description
+ * SliderThumbStandAlone component is used to display a thumb for the slider.
+ */
+export 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 = useMediaDevice();
+    if (!isTooltipVisible(tooltip, pressed, device) || !styles.tooltip?.variant) {
+        return (_jsx(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: ROLES.SLIDER, style: style, styles: styles, tabIndex: 0, onFocus: onFocus, onKeyDown: onKeyDown, onMouseOut: onMouseOut, onMouseOver: onMouseOver, onTouchStart: onTouchStart, children: _jsx(ElementOrIcon, { customIconStyles: styles.states?.[state]?.[rightThumb ? 'rightThumbIcon' : 'thumbIcon'], ...icon }) }));
+    }
+    return (_jsx(StyledThumb, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, rightThumb: rightThumb, role: ROLES.PRESENTATION, style: style, styles: styles, children: _jsx(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: _jsx(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: ROLES.SLIDER, styles: styles, tabIndex: 0, onFocus: onFocus, onKeyDown: onKeyDown, onMouseOut: onMouseOut, onMouseOver: onMouseOver, onTouchStart: onTouchStart, children: _jsx(ElementOrIcon, { customIconStyles: styles.states?.[state]?.[rightThumb ? 'rightThumbIcon' : 'thumbIcon'], ...icon }) }) }) }));
+};
+//# sourceMappingURL=sliderThumbStandAlone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sliderThumbStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/slider/components/sliderThumbStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAkB,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AA0BjF;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,EACN,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,SAAS,EACT,WAAW,EACX,eAAe,EACf,UAAU,GACa,EAAsB,EAAE;IAC/C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;QAC5E,OAAO,CACL,KAAC,WAAW,wBACQ,eAAe,mBAClB,QAAQ,gBACX,SAAS,qBACJ,WAAW,mBACb,GAAG,mBACH,GAAG,mBACH,KAAK,mBACL,QAAQ,gBACX,KAAK,kBACH,OAAO,iBACR,UAAU,EACvB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,YAE1B,KAAC,aAAa,IACZ,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,KACnF,IAAI,GACR,GACU,CACf,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,WAAW,qBACK,QAAQ,gBACX,KAAK,kBACH,OAAO,EACrB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,KAAK,CAAC,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEd,KAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAC5B,gBAAgB,EAAE,KAAK,EACvB,SAAS,EACP,OAAO,EAAE,SAAS;gBAChB,CAAC,CAAC;oBACE,MAAM,EAAE,OAAO,CAAC,SAAS;oBACzB,YAAY,EAAE,OAAO,CAAC,kBAAkB;oBACxC,OAAO,EAAE,OAAO,CAAC,cAAc;iBAChC;gBACH,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EACtC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAClC,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,YAE/B,KAAC,kBAAkB,wBACC,eAAe,mBAClB,QAAQ,gBACX,SAAS,qBACJ,WAAW,mBACb,GAAG,mBACH,GAAG,mBACH,KAAK,mBACL,QAAQ,gBACX,KAAK,kBACH,OAAO,iBACR,UAAU,EACvB,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,YAE1B,KAAC,aAAa,IACZ,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,KACnF,IAAI,GACR,GACiB,GACb,GACE,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/slider/components/sliderThumbStandAlone.styled.d.ts

@@ -0,0 +1,8 @@
+import { SliderBaseStylesType } from '../types';
+export declare const StyledThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+    rightThumb?: boolean;
+}>> & string;
+export declare const StyledTooltipThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;

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

@@ -0,0 +1,28 @@
+import styled from 'styled-components';
+import { getStyles } from '../../../utils/getStyles/getStyles';
+import { SliderStateType } from '../types';
+export const StyledThumb = styled.div `
+  ${props => getStyles(props.styles.states?.[SliderStateType.DEFAULT]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  &[data-hover='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.HOVER]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  }
+  &[data-pressed='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.PRESSED]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  }
+  &[data-disabled='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.DISABLED]?.[props.rightThumb ? 'rightThumb' : 'thumb'])}
+  }
+`;
+export const StyledTooltipThumb = styled.div `
+  ${props => getStyles(props.styles.states?.[SliderStateType.DEFAULT]?.innerThumbTooltip)}
+  &[data-hover='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.HOVER]?.innerThumbTooltip)}
+  }
+  &[data-pressed='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.PRESSED]?.innerThumbTooltip)}
+  }
+  &[data-disabled='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.DISABLED]?.innerThumbTooltip)}
+  }
+`;
+//# sourceMappingURL=sliderThumbStandAlone.styled.js.map

package/dist/esm/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,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAwB,eAAe,EAAE,MAAM,UAAU,CAAC;AAEjE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAwD;IACzF,KAAK,CAAC,EAAE,CACR,SAAS,CACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC5F;;MAEC,KAAK,CAAC,EAAE,CACR,SAAS,CACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1F;;;MAGD,KAAK,CAAC,EAAE,CACR,SAAS,CACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC5F;;;MAGD,KAAK,CAAC,EAAE,CACR,SAAS,CACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAC7F;;CAEN,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAkC;IAC1E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;;MAEnF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;;;MAGnF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;;;MAGrF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;;CAE3F,CAAC"}

package/dist/esm/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './slider';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export { Slider } from './slider';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/esm/components/slider/slider.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ISlider } from './types';
+export declare const SliderComponent: React.ForwardRefExoticComponent<ISlider<unknown> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @description
+ * Slider component is used to select a value from a range of values.
+ */
+declare const Slider: <V extends string | unknown>(props: ISlider<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => JSX.Element;
+export { Slider };

package/dist/esm/components/slider/slider.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useStyles } from '../../hooks/useStyles/useStyles';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { ROLES } from '../../types';
+import { SliderStandAlone } from './sliderStandAlone';
+import { SliderType, } from './types';
+import { calcDefaultValue, calcNewRangeValue, calcNewValueAfterKeyPress, calcScaleValue, calcValueByOffset, calculateChange, decrementValue, equalsRangeValues, getOffset, getScale, incrementValue, } from './utils';
+const ON_CHANGE_DEBOUNCE_TIMEOUT = 50;
+const SLIDER_STYLES = 'SLIDER_STYLES';
+export const SliderComponent = React.forwardRef(({ variant, type = 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 => 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 = 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="${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 && !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 = calculateChange({ event, container: containerRef.current, offsetBoundaries });
+        const _value = calcValueByOffset({
+            max,
+            min,
+            step,
+            offset: _offset,
+            offsetBoundaries: offsetBoundaries,
+        });
+        const newValue = calcScaleValue(max, min, step, _value);
+        setValue(prevValue => {
+            let _newValue = newValue;
+            if (range) {
+                _newValue = 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 = calcNewValueAfterKeyPress(event, range, activePointer.current, max, min, step, value);
+        if (newValue !== undefined) {
+            setValue(newValue);
+            onChangeDebounce(newValue);
+        }
+    };
+    const handleIncrementClick = event => {
+        const newValue = incrementValue(activePointer.current, range, max, step, value);
+        if (newValue !== undefined) {
+            setValue(newValue);
+            onChangeDebounce(newValue);
+        }
+        incrementButton?.onClick?.(event);
+    };
+    const handleDecrementClick = event => {
+        const newValue = decrementValue(activePointer.current, range, min, step, value);
+        if (newValue !== undefined) {
+            setValue(newValue);
+            onChangeDebounce(newValue);
+        }
+        decrementButton?.onClick?.(event);
+    };
+    const { showScale, scaleCount, scaleArray } = getScale(type, max, min, step);
+    const { offset, offsetLeft, offsetRight } = getOffset({
+        range,
+        max,
+        min,
+        value,
+        offsetBoundaries,
+    });
+    return (_jsx(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 }));
+});
+SliderComponent.displayName = 'SliderComponent';
+const SliderBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(SliderStandAlone, { ...props, ref: ref }) }), children: _jsx(SliderComponent, { ...props, ref: ref }) }));
+/**
+ * @description
+ * Slider component is used to select a value from a range of values.
+ */
+const Slider = React.forwardRef(SliderBoundary);
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/esm/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/esm/components/slider/slider.styled.d.ts

@@ -0,0 +1,22 @@
+import { SliderBaseStylesType } from './types';
+export declare const StyledRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledButtonsTracksContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledActiveTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;

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

@@ -0,0 +1,49 @@
+import styled, { css } from 'styled-components';
+import { getStyles } from '../../utils/getStyles/getStyles';
+import { SliderStateType } from './types';
+export const StyledRoot = styled.div `
+  ${props => getStyles(props.styles.states?.[SliderStateType.DEFAULT]?.container)}
+  &[data-hover='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.HOVER]?.container)}
+  }
+  &[data-pressed='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.PRESSED]?.container)}
+  }
+  &[data-disabled='true'] {
+    ${props => getStyles(props.styles.states?.[SliderStateType.DISABLED]?.container)}
+  }
+`;
+export const StyledLabelContainer = styled.div `
+  ${props => getStyles(props.styles.labelContainer)}
+`;
+export const StyledButtonsTracksContainer = styled.div `
+  ${props => getStyles(props.styles.buttonsTracksContainer)}
+`;
+export const StyledWrap = styled.div `
+  ${props => getStyles(props.styles.tracksThumbsContainer)}
+`;
+export const StyledContainer = styled.div `
+  ${props => getStyles(props.styles.tracksThumbsInnerContainer)}
+`;
+const getTrackStyles = (styles, isActive) => {
+    const track = isActive ? 'activeTrack' : 'inactiveTrack';
+    return css `
+    ${getStyles(styles.states?.[SliderStateType.DEFAULT]?.[track])}
+    &[data-hover='true'] {
+      ${getStyles(styles.states?.[SliderStateType.HOVER]?.[track])}
+    }
+    &[data-pressed='true'] {
+      ${getStyles(styles.states?.[SliderStateType.PRESSED]?.[track])}
+    }
+    &[data-disabled='true'] {
+      ${getStyles(styles.states?.[SliderStateType.DISABLED]?.[track])}
+    }
+  `;
+};
+export const StyledTrack = styled.div `
+  ${({ styles }) => getTrackStyles(styles, false)}
+`;
+export const StyledActiveTrack = styled.div `
+  ${({ styles }) => getTrackStyles(styles, true)}
+`;
+//# sourceMappingURL=slider.styled.js.map

package/dist/esm/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,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAwB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAkC;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;;MAE3E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;;;MAG3E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;;;MAG7E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;;CAEnF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAkC;IAC5E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAkC;IACpF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAkC;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAkC;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,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,GAAG,CAAA;MACN,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;QAE1D,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;;QAG1D,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;;QAG5D,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;GAElE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkC;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAkC;IACzE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC;CAC/C,CAAC"}

package/dist/esm/components/slider/sliderStandAlone.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ISliderStandAlone } from './types';
+/**
+ * @description
+ * SliderStandAlone component is used to render a slider component.
+ */
+export declare const SliderStandAlone: React.ForwardRefExoticComponent<ISliderStandAlone & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useId } from '../../hooks';
+import { Text, TextComponentType } from '../text';
+import { SliderButtonStandAlone, SliderHelperTextStandAlone, SliderScaleStandAlone, SliderThumbStandAlone, } from './components';
+import { StyledActiveTrack, StyledButtonsTracksContainer, StyledContainer, StyledLabelContainer, StyledRoot, StyledTrack, StyledWrap, } from './slider.styled';
+import { buildAriaDescribedBy, getState, isActive } from './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 = useId('slider');
+    const state = 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 (_jsxs(StyledRoot, { ref: ref, "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, styles: styles, children: [label?.content && (_jsx(StyledLabelContainer, { styles: styles, children: _jsx(Text, { component: TextComponentType.LABEL, customTypography: styles.states?.[state]?.label, id: labelId, ...label, children: label?.content }) })), _jsx(SliderScaleStandAlone, { max: max, min: min, scaleArray: scaleArray, scaleCount: scaleCount, showScale: showScale, step: step, styles: styles }), _jsxs(StyledButtonsTracksContainer, { styles: styles, children: [_jsx(SliderButtonStandAlone, { ...decrementButton, styles: styles.states?.[state]?.decrementButton }), _jsx(StyledWrap, { styles: styles, children: _jsx(StyledContainer, { ref: containerRef, "data-testid": `${dataTestId}Container`, styles: styles, onMouseDown: onMouseDown, onTouchMove: onChange, onTouchStart: onTouchStart, children: range ? (_jsxs(_Fragment, { children: [_jsx(StyledTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}InactiveLeftTrack`, style: { width: `${offsetLeft}%`, left: 0 }, styles: styles }), _jsx(StyledActiveTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}ActiveTrack`, style: { left: `${offsetLeft}%`, right: `${offsetRight}%` }, styles: styles }), _jsx(StyledTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}InactiveRightTrack`, style: { width: `${offsetRight}%`, right: 0 }, styles: styles }), _jsx(SliderThumbStandAlone, { ariaDescribedBy: buildAriaDescribedBy([
+                                            { helperText: leftHelperText, helperTextId: leftHelperTextId },
+                                            { helperText: rightHelperText, helperTextId: rightHelperTextId },
+                                        ]), ariaLabel: ariaLabel, ariaLabelBy: ariaLabelBy, dataTestId: `${dataTestId}LeftThumb`, disabled: disabled, hover: isActive(hover, activePointer.current, 'left'), icon: thumbIcon, max: value[1] - step, min: min, pressed: 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';
+                                        } }), _jsx(SliderThumbStandAlone, { rightThumb: true, ariaDescribedBy: buildAriaDescribedBy([
+                                            { helperText: leftHelperText, helperTextId: leftHelperTextId },
+                                            { helperText: rightHelperText, helperTextId: rightHelperTextId },
+                                        ]), ariaLabel: rightAriaLabel, ariaLabelBy: rightAriaLabelBy, dataTestId: `${dataTestId}RightThumb`, disabled: disabled, hover: isActive(hover, activePointer.current, 'right'), icon: rightThumbIcon, max: max, min: value[0] + step, pressed: 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';
+                                        } })] })) : (_jsxs(_Fragment, { children: [_jsx(StyledActiveTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}ActiveTrack`, style: { width: `${offset}%` }, styles: styles }), _jsx(StyledTrack, { "data-disabled": disabled, "data-hover": hover, "data-pressed": pressed, "data-testid": `${dataTestId}InactiveTrack`, style: { width: `calc(${100 - offset}%)`, right: 0 }, styles: styles }), _jsx(SliderThumbStandAlone, { ariaDescribedBy: 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) })] })) }) }), _jsx(SliderButtonStandAlone, { ...incrementButton, styles: styles.states?.[state]?.incrementButton })] }), _jsx(SliderHelperTextStandAlone, { leftHelperText: leftHelperText, leftHelperTextId: leftHelperTextId, rightHelperText: rightHelperText, rightHelperTextId: rightHelperTextId, state: state, styles: styles })] }));
+};
+/**
+ * @description
+ * SliderStandAlone component is used to render a slider component.
+ */
+export const SliderStandAlone = React.forwardRef(SliderStandAloneComponent);
+//# sourceMappingURL=sliderStandAlone.js.map

package/dist/esm/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/esm/components/slider/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './slider';
+export * from './sliderTheme';
+export * from './state';
+export * from './type';

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

@@ -0,0 +1,5 @@
+export * from './slider';
+export * from './sliderTheme';
+export * from './state';
+export * from './type';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/dist/esm/components/slider/types/slider.d.ts

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+import { IButton } from '../../../components/button';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes } from '../../../types';
+import { SliderBaseStylesType } from './sliderTheme';
+import { SliderType } from './type';
+export type SliderOffsetBoundaries = {
+    min: number;
+    max: number;
+};
+export type SliderLabelType = Omit<IText<string>, 'children'> & {
+    content?: string;
+};
+export type SliderButtonType = Omit<IButton, 'variant' | 'size' | 'childrend'> & {
+    variant?: string;
+    size?: string;
+    content?: ReactNode;
+};
+export type SliderTooltipType = {
+    title?: string;
+    content?: JSX.Element | string;
+    closeIcon?: string;
+    closeIconAriaLabel?: string;
+    closeIconColor?: string;
+};
+export interface ISliderStandAlone {
+    range: boolean;
+    max: number;
+    min: number;
+    step: number;
+    disabled: boolean;
+    label?: SliderLabelType;
+    showScale: boolean;
+    scaleArray: number[];
+    scaleCount: number;
+    tooltip?: SliderTooltipType;
+    rightTooltip?: SliderTooltipType;
+    leftHelperText?: string;
+    rightHelperText?: string;
+    value: number | number[];
+    offset: number;
+    offsetLeft: number;
+    offsetRight: number;
+    hover: boolean;
+    pressed: boolean;
+    activePointer: React.MutableRefObject<string>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    onMouseDown: React.MouseEventHandler<HTMLDivElement>;
+    onChange: (event: MouseEvent | React.TouchEvent | React.MouseEvent) => void;
+    onTouchStart: React.TouchEventHandler<HTMLDivElement>;
+    setHover: React.Dispatch<React.SetStateAction<boolean>>;
+    onKeyPress: React.KeyboardEventHandler<HTMLElement>;
+    incrementButton?: SliderButtonType;
+    decrementButton?: SliderButtonType;
+    thumbIcon?: IElementOrIcon;
+    rightThumbIcon?: IElementOrIcon;
+    ariaLabel?: string;
+    rightAriaLabel?: string;
+    ariaLabelBy?: string;
+    rightAriaLabelBy?: string;
+    styles: SliderBaseStylesType;
+    dataTestId?: string;
+}
+type propsToOmit = 'styles' | 'range' | 'max' | 'min' | 'step' | 'disabled' | 'showScale' | 'scaleArray' | 'scaleCount' | 'value' | 'offset' | 'offsetLeft' | 'offsetRight' | 'hover' | 'pressed' | 'activePointer' | 'containerRef' | 'onMouseDown' | 'onChange' | 'onTouchStart' | 'setHover' | 'onKeyPress';
+export interface ISlider<V = undefined extends string ? unknown : string> extends Omit<ISliderStandAlone, propsToOmit>, Omit<CustomTokenTypes<SliderBaseStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    type?: SliderType;
+    range?: boolean;
+    id?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number | number[];
+    value?: number | number[];
+    onChange?: (value: number | number[]) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    disabled?: boolean;
+}
+export {};

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

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

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

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