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

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

@@ -0,0 +1,56 @@
+import { TooltipAlignType } from '../../../components/tooltip';
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+import { SliderStateType } from './state';
+export type SliderIncDecButtonStylesType = {
+    variant?: string;
+    size?: string;
+};
+export type SliderStateStylesType = {
+    container?: CommonStyleType;
+    label?: TypographyTypes;
+    thumb?: CommonStyleType;
+    rightThumb?: CommonStyleType;
+    thumbIcon?: IconTypes;
+    rightThumbIcon?: IconTypes;
+    innerThumbTooltip?: CommonStyleType;
+    activeTrack?: CommonStyleType;
+    inactiveTrack?: CommonStyleType;
+    helperText?: TypographyTypes;
+    incrementButton?: SliderIncDecButtonStylesType;
+    decrementButton?: SliderIncDecButtonStylesType;
+};
+export type SliderVariableStatesType = {
+    [key in SliderStateType]?: SliderStateStylesType;
+};
+/**
+ * @description
+ * Slider base styles type
+ * @export
+ * @interface SliderBaseStylesType
+ */
+export type SliderBaseStylesType = {
+    labelContainer?: CommonStyleType;
+    scaleContainer?: CommonStyleType;
+    scaleOption?: CommonStyleType;
+    buttonsTracksContainer?: CommonStyleType;
+    tracksThumbsContainer?: CommonStyleType;
+    tracksThumbsInnerContainer?: CommonStyleType;
+    helperTextContainer?: CommonStyleType;
+    helperTextLeftContainer?: CommonStyleType & TypographyTypes;
+    helperTextRightContainer?: CommonStyleType & TypographyTypes;
+    states?: SliderVariableStatesType;
+    thumbExceedsTrack?: boolean;
+    tooltip?: {
+        variant?: string;
+        align?: TooltipAlignType;
+    };
+};
+/**
+ * @description
+ * Slider styles type
+ * @export
+ * @interface SliderStylesType
+ */
+export type SliderStylesType<P extends string | number | symbol> = {
+    [key in P]?: SliderBaseStylesType;
+};

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * Slider state type.
+ * @export
+ * @enum {string}
+ */
+export declare enum SliderStateType {
+    DEFAULT = "DEFAULT",
+    HOVER = "HOVER",
+    PRESSED = "PRESSED",
+    DISABLED = "DISABLED"
+}

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

@@ -0,0 +1,13 @@
+/**
+ * Slider state type.
+ * @export
+ * @enum {string}
+ */
+export var SliderStateType;
+(function (SliderStateType) {
+    SliderStateType["DEFAULT"] = "DEFAULT";
+    SliderStateType["HOVER"] = "HOVER";
+    SliderStateType["PRESSED"] = "PRESSED";
+    SliderStateType["DISABLED"] = "DISABLED";
+})(SliderStateType || (SliderStateType = {}));
+//# sourceMappingURL=state.js.map

package/dist/esm/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,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;AACvB,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B"}

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

@@ -0,0 +1,4 @@
+export declare enum SliderType {
+    DISCRETE = "DISCRETE",
+    CONTINUOUS = "CONTINUOUS"
+}

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

@@ -0,0 +1,6 @@
+export var SliderType;
+(function (SliderType) {
+    SliderType["DISCRETE"] = "DISCRETE";
+    SliderType["CONTINUOUS"] = "CONTINUOUS";
+})(SliderType || (SliderType = {}));
+//# sourceMappingURL=type.js.map

package/dist/esm/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,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,uCAAyB,CAAA;AAC3B,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}

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

@@ -0,0 +1,26 @@
+type KeyPressResultTypeValue = number | number[] | undefined;
+export declare const incrementValue: (activePointer: string, range: boolean, max: number, step: number, value: number | number[]) => KeyPressResultTypeValue;
+export declare const decrementValue: (activePointer: string, range: boolean, min: number, step: number, value: number | number[]) => KeyPressResultTypeValue;
+/**
+ * @name calcNewValueAfterKeyPress
+ * @description
+ * Calculate the new value after a key press
+ * @param {React.KeyboardEvent<HTMLInputElement>} event - The key press event
+ * @param {boolean} range - If the slider is a range slider
+ * @param {string} activePointer - The active pointer
+ * @param {number} max - The max value
+ * @param {number} min - The min value
+ * @param {number} step - The step value
+ * @param {number | number[]} value - The current value
+ *  @returns {number | number[] | undefined} - The new value
+ * @example
+ * calcNewValueAfterKeyPress(event, range, activePointer, max, min, step, value);
+ * @private
+ * @ignore
+ */
+export declare const calcNewValueAfterKeyPress: (event: React.KeyboardEvent<HTMLInputElement>, range: boolean, activePointer: string, max: number, min: number, step: number, value: number | number[]) => KeyPressResultTypeValue;
+export declare const buildAriaDescribedBy: (listHelperText: {
+    helperText: string | undefined;
+    helperTextId: string;
+}[]) => string | undefined;
+export {};

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

@@ -0,0 +1,127 @@
+import { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, HOME } from '../../../constants';
+export const incrementValue = (activePointer, range, max, step, value) => {
+    if (range) {
+        return incrementRangeValue(activePointer, max, step, value);
+    }
+    return incrementNoRangeValue(max, step, value);
+};
+const incrementNoRangeValue = (max, step, value) => {
+    if (value + step > max) {
+        return undefined;
+    }
+    return value + step;
+};
+const incrementRangeValue = (activePointer, max, step, value) => {
+    if (activePointer === 'left') {
+        if (value[0] + step >= value[1]) {
+            return undefined;
+        }
+        return [value[0] + step, value[1]];
+    }
+    // right
+    if (value[1] + step > max) {
+        return undefined;
+    }
+    return [value[0], value[1] + step];
+};
+export const decrementValue = (activePointer, range, min, step, value) => {
+    if (range) {
+        return decrementRangeValue(activePointer, min, step, value);
+    }
+    return decrementNoRangeValue(min, step, value);
+};
+const decrementNoRangeValue = (min, step, value) => {
+    if (value - step < min) {
+        return undefined;
+    }
+    return value - step;
+};
+const decrementRangeValue = (activePointer, min, step, value) => {
+    if (activePointer === 'left') {
+        if (value[0] - step < min) {
+            return undefined;
+        }
+        return [value[0] - step, value[1]];
+    }
+    // right
+    if (value[1] - step <= value[0]) {
+        return undefined;
+    }
+    return [value[0], value[1] - step];
+};
+const incrementValueToMax = (range, activePointer, max, step, value) => {
+    if (range) {
+        return incrementRangeValueToMax(activePointer, max, step, value);
+    }
+    return incrementNoRangeValueToMax(max);
+};
+const incrementNoRangeValueToMax = (max) => {
+    return max;
+};
+const incrementRangeValueToMax = (activePointer, max, step, value) => {
+    if (activePointer === 'left') {
+        return [value[1] - step, value[1]];
+    }
+    return [value[0], max];
+};
+const decrementValueToMin = (range, activePointer, min, step, value) => {
+    if (range) {
+        return decrementRangeValueToMin(activePointer, min, step, value);
+    }
+    return decrementNoRangeValueToMin(min);
+};
+const decrementNoRangeValueToMin = (min) => {
+    return min;
+};
+const decrementRangeValueToMin = (activePointer, min, step, value) => {
+    if (activePointer === 'left') {
+        return [min, value[1]];
+    }
+    // Right
+    return [value[0], value[0] + step];
+};
+/**
+ * @name calcNewValueAfterKeyPress
+ * @description
+ * Calculate the new value after a key press
+ * @param {React.KeyboardEvent<HTMLInputElement>} event - The key press event
+ * @param {boolean} range - If the slider is a range slider
+ * @param {string} activePointer - The active pointer
+ * @param {number} max - The max value
+ * @param {number} min - The min value
+ * @param {number} step - The step value
+ * @param {number | number[]} value - The current value
+ *  @returns {number | number[] | undefined} - The new value
+ * @example
+ * calcNewValueAfterKeyPress(event, range, activePointer, max, min, step, value);
+ * @private
+ * @ignore
+ */
+export const calcNewValueAfterKeyPress = (event, range, activePointer, max, min, step, value) => {
+    if ([ARROW_DOWN.key, ARROW_LEFT.key].includes(event.key)) {
+        event.preventDefault();
+        return decrementValue(activePointer, range, min, step, value);
+    }
+    if ([ARROW_UP.key, ARROW_RIGHT.key].includes(event.key)) {
+        event.preventDefault();
+        return incrementValue(activePointer, range, max, step, value);
+    }
+    if ([HOME.key].includes(event.key)) {
+        event.preventDefault();
+        return decrementValueToMin(range, activePointer, min, step, value);
+    }
+    if ([END.key].includes(event.key)) {
+        event.preventDefault();
+        return incrementValueToMax(range, activePointer, max, step, value);
+    }
+    return undefined;
+};
+// Arias
+export const buildAriaDescribedBy = (listHelperText) => {
+    const res = listHelperText
+        .filter(helper => helper.helperText)
+        .map(helper => helper.helperTextId)
+        .join(' ');
+    return res || undefined;
+};
+//# sourceMappingURL=accessibility.utils.js.map

package/dist/esm/components/slider/utils/accessibility.utils.js.map

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

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

@@ -0,0 +1,4 @@
+export * from './slider.utils';
+export * from './accessibility.utils';
+export * from './ui.utils';
+export * from './state.utils';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/slider/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,43 @@
+import { SliderOffsetBoundaries, SliderType } from '../types';
+export declare const calculateChange: ({ event, container, offsetBoundaries, }: {
+    event: MouseEvent | React.TouchEvent<Element> | React.MouseEvent<Element, MouseEvent>;
+    container: HTMLDivElement;
+    offsetBoundaries: SliderOffsetBoundaries;
+}) => number;
+/**
+ * Given the offset of the slider, calculate the value
+ * @param max
+ * @param min
+ * @param step
+ * @param offset
+ * @returns
+ */
+export declare const calcValueByOffset: ({ max, min, step, offset, offsetBoundaries, }: {
+    max: number;
+    min: number;
+    step: number;
+    offset: number;
+    offsetBoundaries: SliderOffsetBoundaries;
+}) => number;
+export declare const calcScaleValue: (max: number, min: number, step: number, value: number) => number;
+export declare const calcNewRangeValue: (prevValue: number[], newValue: number, activePointer: React.MutableRefObject<string>) => number[];
+export declare const getScale: (type: SliderType, max: number, min: number, step: number) => {
+    showScale: boolean;
+    scaleCount: number;
+    scaleArray: number[];
+};
+export declare const getOffset: ({ range, max, min, value, offsetBoundaries, }: {
+    range: boolean;
+    max: number;
+    min: number;
+    value: number | number[];
+    offsetBoundaries: SliderOffsetBoundaries;
+}) => {
+    offset: number;
+    offsetLeft: number;
+    offsetRight: number;
+};
+export declare const shouldUpdateLeftThumb: (activePointer: string, newValue: number, prevValue: number[]) => boolean;
+export declare const shouldUpdateRightThumb: (activePointer: string, newValue: number, prevValue: number[]) => boolean;
+export declare const equalsRangeValues: (values1: number[], values2: number[]) => boolean;
+export declare const calcDefaultValue: (range: boolean, max: number, min: number, step: number, value: number | number[]) => number | number[];

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

@@ -0,0 +1,179 @@
+import { SliderType } from '../types';
+export const calculateChange = ({ event, container, offsetBoundaries, }) => {
+    event.preventDefault();
+    const containerWidth = container.clientWidth;
+    const x = typeof event?.pageX === 'number'
+        ? event.pageX
+        : event.touches[0].pageX;
+    const currentX = container.getBoundingClientRect().left + window.scrollX;
+    const left = x - currentX;
+    let offset = (left * 100) / containerWidth;
+    offset = Math.min(offsetBoundaries.max, Math.max(offsetBoundaries.min, offset));
+    return offset;
+};
+/**
+ * Given the offset of the slider, calculate the value
+ * @param max
+ * @param min
+ * @param step
+ * @param offset
+ * @returns
+ */
+export const calcValueByOffset = ({ max, min, step, offset, offsetBoundaries, }) => {
+    let value = translateValue({
+        inputMin: offsetBoundaries.min,
+        inputMax: offsetBoundaries.max,
+        outputMin: min,
+        outputMax: max,
+        value: offset,
+    });
+    // Number of decimals
+    const decimals = String(step).indexOf('.') > 0 ? String(step).split('.')[1].length : 0;
+    if (decimals > 0) {
+        const pow = Math.pow(10, decimals);
+        value = Math.round(value * pow) / pow;
+    }
+    else {
+        value = Math.round(value);
+    }
+    return value;
+};
+export const calcScaleValue = (max, min, step, value) => {
+    if (step > 0) {
+        value -= min;
+        let halfScaleLength = step / 2;
+        if ((max - min) % step > 0 && value / step > Math.floor((max - min) / step)) {
+            halfScaleLength = ((max - min) % step) / 2;
+        }
+        if (value % step > halfScaleLength) {
+            const upValue = min + Math.ceil(value / step) * step;
+            return upValue > max ? max : upValue;
+        }
+        return min + Math.floor(value / step) * step;
+    }
+    return value;
+};
+export const calcNewRangeValue = (prevValue, newValue, activePointer) => {
+    if (shouldUpdateLeftThumb(activePointer.current, newValue, prevValue)) {
+        if (activePointer.current === 'right') {
+            activePointer.current = 'left';
+        }
+        return [newValue, prevValue[1]];
+    }
+    else if (shouldUpdateRightThumb(activePointer.current, newValue, prevValue)) {
+        if (activePointer.current === 'left') {
+            activePointer.current = 'right';
+        }
+        return [prevValue[0], newValue];
+    }
+    return prevValue;
+};
+export const getScale = (type, max, min, step) => {
+    const showScale = type === SliderType.DISCRETE && step > 0 && step < max - min;
+    let scaleCount = 0;
+    let scaleArray = [];
+    if (showScale) {
+        scaleCount = Math.floor((max - min) / step);
+        scaleArray = Array.from(new Array(scaleCount + ((max - min) % step === 0 ? 1 : 2)), (_, index) => index);
+    }
+    return { showScale, scaleCount, scaleArray };
+};
+/**
+ * Translates a value from one range to another.
+ *
+ * @param inputMin - The minimum value of the input range.
+ * @param inputMax - The maximum value of the input range.
+ * @param outputMin - The minimum value of the output range.
+ * @param outputMax - The maximum value of the output range.
+ * @param value - The input value to be translated.
+ *
+ * @returns The translated value in the output range.
+ *
+ * @example
+ * // Translates 50 from the range [0, 100] to the range [5, 10]
+ * const output = translateValue({inputMin: 0, inputMax: 100, outputMin: 5, outputMax: 10, value: 50});
+ * console.log(output); // 7.5
+ */
+const translateValue = ({ inputMin, inputMax, outputMin, outputMax, value, }) => {
+    const inputRange = inputMax - inputMin;
+    const outputRange = outputMax - outputMin;
+    const scaledInputValue = (value - inputMin) / inputRange;
+    let outputValue = outputMin + scaledInputValue * outputRange;
+    outputValue = Math.min(outputMax, Math.max(outputMin, outputValue));
+    return outputValue;
+};
+export const getOffset = ({ range, max, min, value, offsetBoundaries, }) => {
+    let offset, offsetLeft, offsetRight;
+    if (range) {
+        offsetLeft = translateValue({
+            inputMin: min,
+            inputMax: max,
+            outputMin: offsetBoundaries.min,
+            outputMax: offsetBoundaries.max,
+            value: value[0],
+        });
+        offsetRight =
+            100.0 -
+                translateValue({
+                    inputMin: min,
+                    inputMax: max,
+                    outputMin: offsetBoundaries.min,
+                    outputMax: offsetBoundaries.max,
+                    value: value[1],
+                });
+    }
+    else {
+        offset = translateValue({
+            inputMin: min,
+            inputMax: max,
+            outputMin: offsetBoundaries.min,
+            outputMax: offsetBoundaries.max,
+            value: value,
+        });
+    }
+    return { offset, offsetLeft, offsetRight };
+};
+export const shouldUpdateLeftThumb = (activePointer, newValue, prevValue) => {
+    return (activePointer === 'left' && newValue < prevValue[1]) || newValue <= prevValue[0];
+};
+export const shouldUpdateRightThumb = (activePointer, newValue, prevValue) => {
+    return (activePointer === 'right' && newValue > prevValue[0]) || newValue >= prevValue[1];
+};
+export const equalsRangeValues = (values1, values2) => {
+    if (!Array.isArray(values1) ||
+        !Array.isArray(values2) ||
+        values1.length !== 2 ||
+        values2.length !== 2) {
+        return false;
+    }
+    return values1[0] === values2[0] && values1[1] === values2[1];
+};
+const isAllowValue = (max, min, value) => {
+    return value !== undefined && value >= min && value <= max;
+};
+const allowValueOrDefault = (max, min, value, defaultValue) => {
+    return isAllowValue(max, min, value) ? value : defaultValue;
+};
+const isValidRangeValue = (value) => {
+    return Boolean(value && Array.isArray(value) && value.length === 2);
+};
+export const calcDefaultValue = (range, max, min, step, value) => {
+    // range
+    if (range) {
+        let values = [min, max];
+        if (isValidRangeValue(value)) {
+            const value1 = value[0];
+            const value2 = value[1];
+            const value1ToScale = allowValueOrDefault(max, min, value1, min);
+            const value2ToScale = allowValueOrDefault(max, min, value2, max);
+            const scaledValue1 = calcScaleValue(max, min, step, value1ToScale);
+            const scaledValue2 = calcScaleValue(max, min, step, value2ToScale);
+            values = [scaledValue1, scaledValue2];
+        }
+        return values;
+    }
+    // not range
+    const valueToScale = allowValueOrDefault(max, min, value, min);
+    return calcScaleValue(max, min, step, valueToScale);
+};
+//# sourceMappingURL=slider.utils.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { SliderStateType } from '../types';
+/**
+ * @description
+ * Get the state of the slider
+ */
+export declare const getState: ({ hover, pressed, disabled, }: {
+    hover: boolean;
+    pressed: boolean;
+    disabled: boolean;
+}) => SliderStateType;

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

@@ -0,0 +1,18 @@
+import { SliderStateType } from '../types';
+/**
+ * @description
+ * Get the state of the slider
+ */
+export const getState = ({ hover, pressed, disabled, }) => {
+    if (disabled) {
+        return SliderStateType.DISABLED;
+    }
+    if (pressed) {
+        return SliderStateType.PRESSED;
+    }
+    if (hover) {
+        return SliderStateType.HOVER;
+    }
+    return SliderStateType.DEFAULT;
+};
+//# sourceMappingURL=state.utils.js.map

package/dist/esm/components/slider/utils/state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.utils.js","sourceRoot":"","sources":["../../../../../src/components/slider/utils/state.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,OAAO,EACP,QAAQ,GAKT,EAAmB,EAAE;IACpB,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,eAAe,CAAC,QAAQ,CAAC;IAClC,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,eAAe,CAAC,OAAO,CAAC;IACjC,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,eAAe,CAAC,KAAK,CAAC;IAC/B,CAAC;IACD,OAAO,eAAe,CAAC,OAAO,CAAC;AACjC,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { DeviceBreakpointsType } from '../../../types';
+import { SliderTooltipType } from '../types';
+export declare const isActive: (state: boolean, currentActivePoint: string, checkActivePoint: string) => boolean;
+export declare const isTooltipVisible: (tooltip: SliderTooltipType | undefined, pressed: boolean, device: DeviceBreakpointsType) => boolean;

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

@@ -0,0 +1,9 @@
+import { DeviceBreakpointsType } from '../../../types';
+export const isActive = (state, currentActivePoint, checkActivePoint) => {
+    return state && currentActivePoint === checkActivePoint;
+};
+// Do not show tooltip on grabbing if desktops
+export const isTooltipVisible = (tooltip, pressed, device) => {
+    return !!tooltip && (device !== DeviceBreakpointsType.DESKTOP || !pressed);
+};
+//# sourceMappingURL=ui.utils.js.map

package/dist/esm/components/slider/utils/ui.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.utils.js","sourceRoot":"","sources":["../../../../../src/components/slider/utils/ui.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIhD,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAAc,EACd,kBAA0B,EAC1B,gBAAwB,EACf,EAAE;IACX,OAAO,KAAK,IAAI,kBAAkB,KAAK,gBAAgB,CAAC;AAC1D,CAAC,CAAC;AAEF,8CAA8C;AAC9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAsC,EACtC,OAAgB,EAChB,MAA6B,EACpB,EAAE;IACX,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,MAAM,KAAK,qBAAqB,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7E,CAAC,CAAC"}

package/dist/esm/components/snackbar/snackbar.styled.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 import { SnackbarProps } from './types/snackbarTheme';
 type ThemeStylesType = {
     styles?: SnackbarProps;
 };
-export declare const SnackbarStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
-export declare const ButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SnackbarIconTitleContainerWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
-export declare const SnackbarNoStatusContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType & {
+export declare const SnackbarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>> & string;
+export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SnackbarIconTitleContainerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>> & string;
+export declare const SnackbarNoStatusContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType & {
     withIcon: boolean;
-}>>;
-export declare const SnackbarTextAndActionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SnackbarTextWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
-export declare const SnackbarTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SnackbarLinkWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType & {
+}>> & string;
+export declare const SnackbarTextAndActionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SnackbarTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>> & string;
+export declare const SnackbarTitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SnackbarLinkWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType & {
     withIcon: boolean;
-}>>;
-export declare const SnackbarDescriptionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
+}>> & string;
+export declare const SnackbarDescriptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>> & string;
 export {};

package/dist/esm/components/snackbar/snackbarControlled.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ISnackbarControlled } from './types';
-declare const SnackbarBoundary: <V extends unknown>(props: ISnackbarControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
-declare const SnackbarControlled: <V extends unknown>(props: React.PropsWithChildren<ISnackbarControlled<V>> & {
+declare const SnackbarBoundary: <V extends string | unknown>(props: ISnackbarControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const SnackbarControlled: <V extends string | unknown>(props: React.PropsWithChildren<ISnackbarControlled<V>> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => ReturnType<typeof SnackbarBoundary>;
 export { SnackbarControlled };