@trilogy-ds/react 4.20.1 → 4.20.3

package/lib/components/range/Range.js

@@ -1,9 +1,10 @@
-import { __read } from "tslib";
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
+import { __assign, __read } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTrilogyContext } from '../../context/TrilogyContext';
+import { hashClass } from '../../helpers/hashClassesHelpers';
 import clsx from 'clsx';
-import * as React from 'react';
-import { ComponentName } from '../enumsComponentsName';
+import { forwardRef, useCallback, useEffect, useId, useRef, useState } from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Range Component
  * @param min {number} Minimum value
@@ -27,38 +28,38 @@ import { ComponentName } from '../enumsComponentsName';
  * @param value {number[]} Current values array [min, max]
  * @param onChange {InputChangeEventHandlerNative} Callback for cursor changes
  */
-var Range = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, min = _a.min, max = _a.max, label = _a.label, valueMin = _a.valueMin, valueMax = _a.valueMax, unit = _a.unit, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, onChange = _a.onChange, name = _a.name, _c = _a.gap, gap = _c === void 0 ? 0 : _c, simple = _a.simple, value = _a.value, testId = _a.testId;
+var Range = forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.id, id = _b === void 0 ? useId() : _b, min = _a.min, max = _a.max, label = _a.label, valueMin = _a.valueMin, valueMax = _a.valueMax, unit = _a.unit, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, onChange = _a.onChange, name = _a.name, _c = _a.gap, gap = _c === void 0 ? 0 : _c, simple = _a.simple, value = _a.value, testId = _a.testId;
     var styled = useTrilogyContext().styled;
-    var refTrack = React.useRef(null);
-    var _d = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _d[0], setCursorMin = _d[1];
-    var _e = __read(React.useState(simple ? value || 0 : valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _e[0], setCursorMax = _e[1];
-    React.useEffect(function () {
+    var refTrack = useRef(null);
+    var _d = __read(useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _d[0], setCursorMin = _d[1];
+    var _e = __read(useState(simple ? value || 0 : valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _e[0], setCursorMax = _e[1];
+    useEffect(function () {
         if (refTrack.current) {
             var track = refTrack.current;
             track.style.background = "linear-gradient(to right, var(--color-main-fade) ".concat((cursorMin / max) * 100, "% , var(--color-main) ").concat((cursorMin / max) * 100, "% , var(--color-main) ").concat((cursorMax / max) * 100, "%, var(--color-main-fade) ").concat((cursorMax / max) * 100, "%) ");
         }
     }, [cursorMin, cursorMax]);
-    React.useEffect(function () {
+    useEffect(function () {
         setCursorMin(valueMin || 0);
     }, [valueMin]);
-    React.useEffect(function () {
+    useEffect(function () {
         if (!simple)
             setCursorMax(valueMax || max);
     }, [valueMax, simple]);
-    React.useEffect(function () {
+    useEffect(function () {
         if (simple && value !== undefined)
             setCursorMax(value);
     }, [value, simple]);
-    var handleChangeCursorMin = React.useCallback(function (e) {
+    var handleChangeCursorMin = useCallback(function (e) {
         if (Number(e.target.value) < cursorMax - gap)
             setCursorMin(Number(e.target.value));
     }, [cursorMax, cursorMin]);
-    var handleChangeCursorMax = React.useCallback(function (e) {
+    var handleChangeCursorMax = useCallback(function (e) {
         if (Number(e.target.value) >= cursorMin + gap)
             setCursorMax(Number(e.target.value));
     }, [cursorMax, cursorMin]);
-    var handleMouseUpMin = React.useCallback(function () {
+    var handleMouseUpMin = useCallback(function () {
         if (onChangeMin) {
             onChangeMin({
                 inputName: name,
@@ -66,7 +67,7 @@ var Range = React.forwardRef(function (_a, ref) {
             });
         }
     }, [onChangeMin, name, cursorMin]);
-    var handleMouseUpMax = React.useCallback(function () {
+    var handleMouseUpMax = useCallback(function () {
         if (onChangeMax && !simple) {
             onChangeMax({
                 inputName: name,
@@ -80,24 +81,8 @@ var Range = React.forwardRef(function (_a, ref) {
             });
         }
     }, [onChangeMax, name, cursorMax, onChange, simple]);
-    return (React.createElement("div", { ref: ref, id: id, className: hashClass(styled, clsx('range-container', className)) },
-        React.createElement("label", { className: hashClass(styled, clsx('range-label')) }, label),
-        React.createElement("div", { className: hashClass(styled, clsx('range')), "data-testid": testId },
-            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
-            !simple && (React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-min')), onTouchEnd: handleMouseUpMin, onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-min"), "aria-label": label })),
-            React.createElement("input", { className: hashClass(styled, clsx('range-cursor', !simple && 'range-cursor-max')), onTouchEnd: handleMouseUpMax, onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })),
-        React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
-            !simple && (React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
-                unit && React.createElement("span", null,
-                    " ",
-                    unit))),
-            React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx(simple ? 'range-value' : 'range-value-max')) }, cursorMax),
-                unit && React.createElement("span", null,
-                    " ",
-                    unit)))));
+    return (_jsxs("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('range-container', className)) }, { children: [_jsx("label", __assign({ className: hashClass(styled, clsx('range-label')) }, { children: label })), _jsxs("div", __assign({ className: hashClass(styled, clsx('range')), "data-testid": testId }, { children: [_jsx("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }), !simple && (_jsx("input", { className: hashClass(styled, clsx('range-cursor range-cursor-min')), onTouchEnd: handleMouseUpMin, onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-min"), "aria-label": label })), _jsx("input", { className: hashClass(styled, clsx('range-cursor', !simple && 'range-cursor-max')), onTouchEnd: handleMouseUpMax, onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })] })), _jsxs("div", __assign({ className: hashClass(styled, clsx('range-values')) }, { children: [!simple && (_jsxs("div", { children: [_jsx("span", __assign({ className: hashClass(styled, clsx('range-value-min')) }, { children: cursorMin })), unit && _jsxs("span", { children: [" ", unit] })] })), _jsxs("div", { children: [_jsx("span", __assign({ className: hashClass(styled, clsx(simple ? 'range-value' : 'range-value-max')) }, { children: cursorMax })), unit && _jsxs("span", { children: [" ", unit] })] })] }))] })));
 });
 Range.displayName = ComponentName.Range;
 export default Range;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQ0UsRUFpQkMsRUFDRCxHQUFHO1FBakJELFNBQVMsZUFBQSxFQUNULFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osV0FBTyxFQUFQLEdBQUcsbUJBQUcsQ0FBQyxLQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBO0lBSUEsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUU3QixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUFDLENBQUMsSUFBQSxF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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFlLFVBQVUsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUdoRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQVUsQ0FDdEIsVUFDRSxFQWlCQyxFQUNELEdBQUc7UUFqQkQsU0FBUyxlQUFBLEVBQ1QsVUFBWSxFQUFaLEVBQUUsbUJBQUcsS0FBSyxFQUFFLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQU8sRUFBUCxHQUFHLG1CQUFHLENBQUMsS0FBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQTtJQUlBLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUV2QixJQUFBLEtBQUEsT0FBNEIsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJ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

package/lib/components/range/Range.native.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { View } from 'react-native';
-import { RangeNativeProps } from './RangeProps';
+import { RangeNativeProps } from '../../components/range/RangeProps';
 /**
  * Range Component
  * @param min {number} Min value
@@ -11,5 +11,5 @@ import { RangeNativeProps } from './RangeProps';
  * @param simple {boolean} Display one cursor
  * @param unit {string} Display unit of values
  */
-declare const Range: React.ForwardRefExoticComponent<RangeNativeProps & React.RefAttributes<View>>;
+declare const Range: import("react").ForwardRefExoticComponent<RangeNativeProps & import("react").RefAttributes<View>>;
 export default Range;

package/lib/components/range/Range.native.js

@@ -1,11 +1,13 @@
-import { __read } from "tslib";
+import { __assign, __read } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ComponentName } from '../../components/enumsComponentsName';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { TypographyBold } from '../../objects/Typography/TypographyBold';
 import MultiSlider from '@ptomasroos/react-native-multi-slider';
-import * as React from 'react';
+import { forwardRef, useState } from 'react';
 import { View } from 'react-native';
 import { memoStyles } from '../../helpers/memoStyles';
-import { Text, TextLevels } from '../text';
+import { Text, TextLevels } from '../../components/text';
 import { Theme } from '../../constants/theme';
 /**
  * Range Component
@@ -17,10 +19,10 @@ import { Theme } from '../../constants/theme';
  * @param simple {boolean} Display one cursor
  * @param unit {string} Display unit of values
  */
-var Range = React.forwardRef(function (_a, ref) {
+var Range = forwardRef(function (_a, ref) {
     var min = _a.min, max = _a.max, label = _a.label, unit = _a.unit, onChange = _a.onChange, value = _a.value, simple = _a.simple;
-    var _b = __read(React.useState(value || simple ? [0] : [0, 100]), 2), values = _b[0], setValues = _b[1];
-    var _c = __read(React.useState(0), 2), width = _c[0], setWidth = _c[1];
+    var _b = __read(useState(value || simple ? [0] : [0, 100]), 2), values = _b[0], setValues = _b[1];
+    var _c = __read(useState(0), 2), width = _c[0], setWidth = _c[1];
     var styles = memoStyles({
         marker: {
             width: 20,
@@ -42,31 +44,21 @@ var Range = React.forwardRef(function (_a, ref) {
             marginTop: -6,
         },
     });
-    var Marker = function () { return React.createElement(View, { style: styles.marker }); };
-    return (React.createElement(View, { ref: ref, onLayout: function (event) {
+    var Marker = function () { return _jsx(View, { style: styles.marker }); };
+    return (_jsxs(View, __assign({ ref: ref, onLayout: function (event) {
             var width = event.nativeEvent.layout.width;
             setWidth(width);
-        } },
-        React.createElement(View, { style: { marginBottom: -4 } },
-            React.createElement(Text, { level: TextLevels.THREE }, label && label)),
-        React.createElement(MultiSlider, { values: values, sliderLength: width, onValuesChange: function (e) {
-                setValues(e);
-                onChange && onChange({ inputName: 'range', inputValue: e });
-            }, min: min, max: max, step: 1, allowOverlap: simple, snapped: true, customMarker: Marker, selectedStyle: {
-                backgroundColor: getColorStyle(TrilogyColor.MAIN),
-                height: 4,
-            }, unselectedStyle: {
-                backgroundColor: '#e1e1e1',
-                height: 4,
-            } }),
-        React.createElement(View, { style: styles.markerLabels },
-            React.createElement(View, { style: { flexDirection: 'row' } },
-                React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[0]),
-                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit))),
-            !simple && (React.createElement(View, { style: { flexDirection: 'row' } },
-                React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[1]),
-                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit)))))));
+        } }, { children: [_jsx(View, __assign({ style: { marginBottom: -4 } }, { children: _jsx(Text, __assign({ level: TextLevels.THREE }, { children: label && label })) })), _jsx(MultiSlider, { values: values, sliderLength: width, onValuesChange: function (e) {
+                    setValues(e);
+                    onChange && onChange({ inputName: 'range', inputValue: e });
+                }, min: min, max: max, step: 1, allowOverlap: simple, snapped: true, customMarker: Marker, selectedStyle: {
+                    backgroundColor: getColorStyle(TrilogyColor.MAIN),
+                    height: 4,
+                }, unselectedStyle: {
+                    backgroundColor: '#e1e1e1',
+                    height: 4,
+                } }), _jsxs(View, __assign({ style: styles.markerLabels }, { children: [_jsxs(View, __assign({ style: { flexDirection: 'row' } }, { children: [_jsx(Text, __assign({ level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, { children: values[0] })), unit && (_jsx(Text, __assign({ level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, { children: unit })))] })), !simple && (_jsxs(View, __assign({ style: { flexDirection: 'row' } }, { children: [_jsx(Text, __assign({ level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, { children: values[1] })), unit && (_jsx(Text, __assign({ level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, { children: unit })))] })))] }))] })));
 });
 Range.displayName = ComponentName.Range;
 export default Range;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZFLE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBQy9ELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRTFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV6Qzs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQWtELEVBQUUsR0FBRztRQUFyRCxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUE7SUFDekMsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVcsS0FBSyxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBQSxFQUEvRSxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQThELENBQUE7SUFDaEYsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3BFLE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXpDOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQVUsQ0FDdEIsVUFBQyxFQUFrRCxFQUFFLEdBQUc7UUFBckQsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBO0lBQ3pDLElBQUEsS0FBQSxPQUFzQixRQUFRLENBQVcsS0FBSyxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBQSxFQUF6RSxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQXdELENBQUE7SUFDMUUsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0QyxLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQXVCLENBQUE7SUFFN0MsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLE1BQU0sRUFBRTtZQUNOLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJO1lBQy9CLGVBQWUsRUFBRSxPQUFPO1lBQ3hCLFdBQVcsRUFBRSxNQUFNO1lBQ25CLFlBQVksRUFBRTtnQkFDWixLQUFLLEVBQUUsQ0FBQztnQkFDUixNQUFNLEVBQUUsQ0FBQzthQUNWO1lBQ0QsYUFBYSxFQUFFLElBQUk7WUFDbkIsWUFBWSxFQUFFLElBQUk7WUFDbEIsU0FBUyxFQUFFLENBQUM7U0FDYjtRQUNELFlBQVksRUFBRTtZQUNaLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFNBQVMsRUFBRSxDQUFDLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLGNBQW1CLE9BQUEsS0FBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLEdBQVMsRUFBbkMsQ0FBbUMsQ0FBQTtJQUVyRSxPQUFPLENBQ0wsTUFBQyxJQUFJLGFBQ0gsR0FBRyxFQUFFLEdBQUcsRUFDUixRQUFRLEVBQUUsVUFBQyxLQUFLO1lBQ04sSUFBQSxLQUFLLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE1BQTdCLENBQTZCO1lBQzFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNqQixDQUFDLGlCQUVELEtBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUMsRUFBRSxnQkFDL0IsS0FBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLGdCQUFHLEtBQUssSUFBSSxLQUFLLElBQVEsSUFDakQsRUFFUCxLQUFDLFdBQVcsSUFDVixNQUFNLEVBQUUsTUFBTSxFQUNkLFlBQVksRUFBRSxLQUFLLEVBQ25CLGNBQWMsRUFBRSxVQUFDLENBQUM7b0JBQ2hCLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtvQkFDWixRQUFRLElBQUksUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQTtnQkFDN0QsQ0FBQyxFQUNELEdBQUcsRUFBRSxHQUFHLEVBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUUsQ0FBQyxFQUNQLFlBQVksRUFBRSxNQUFNLEVBQ3BCLE9BQU8sUUFDUCxZQUFZLEVBQUUsTUFBTSxFQUNwQixhQUFhLEVBQUU7b0JBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUNqRCxNQUFNLEVBQUUsQ0FBQztpQkFDVixFQUNELGVBQWUsRUFBRTtvQkFDZixlQUFlLEVBQUUsU0FBUztvQkFDMUIsTUFBTSxFQUFFLENBQUM7aUJBQ1YsR0FDRCxFQUNGLE1BQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxpQkFDOUIsTUFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxpQkFDbkMsS0FBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLGNBQWMsQ0FBQyxvQkFBb0IsZ0JBQ3JFLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFDTCxFQUNOLElBQUksSUFBSSxDQUNQLEtBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxjQUFjLENBQUMsb0JBQW9CLGdCQUNyRSxJQUFJLElBQ0EsQ0FDUixLQUNJLEVBRU4sQ0FBQyxNQUFNLElBQUksQ0FDVixNQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLGlCQUNuQyxLQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsY0FBYyxDQUFDLG9CQUFvQixnQkFDckUsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUNMLEVBQ04sSUFBSSxJQUFJLENBQ1AsS0FBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLGNBQWMsQ0FBQyxvQkFBb0IsZ0JBQ3JFLElBQUksSUFDQSxDQUNSLEtBQ0ksQ0FDUixLQUNJLEtBQ0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/range/RangeProps.d.ts

@@ -2,7 +2,8 @@
  * range Interface
  */
 import { View } from 'react-native';
-import { Accessibility, Dev } from '../../objects';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Dev } from '../../objects/facets/Dev';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export type InputChangeEventHandlerNative = (event: {
     inputValue: number[] | number;

package/lib/components/range/index.d.ts

@@ -1,2 +1,2 @@
-import Range from './Range';
+import Range from '../../components/range/Range';
 export { Range };

package/lib/components/range/index.js

@@ -1,3 +1,3 @@
-import Range from './Range';
+import Range from '../../components/range/Range';
 export { Range };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLDBCQUEwQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQSJ9

package/lib/components/rows/Rows.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { RowsProps } from './RowsProps';
+/// <reference types="react" />
+import { RowsProps } from '../../components/rows/RowsProps';
 /**
  * Rows Component
- * @param children {React.ReactNode} Rows children
+ * @param children {ReactNode} Rows children
  * @param gap {GapSize} Gap size between rows
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  */
-declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
+declare const Rows: import("react").ForwardRefExoticComponent<RowsProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Rows;

package/lib/components/rows/Rows.js

@@ -1,24 +1,25 @@
 import { __assign, __rest } from "tslib";
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { has, is } from '../../services';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTrilogyContext } from '../../context/TrilogyContext';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
 import clsx from 'clsx';
-import * as React from 'react';
-import { ComponentName } from '../enumsComponentsName';
+import { forwardRef } from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Rows Component
- * @param children {React.ReactNode} Rows children
+ * @param children {ReactNode} Rows children
  * @param gap {GapSize} Gap size between rows
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  */
-var Rows = React.forwardRef(function (_a, ref) {
+var Rows = forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, gap = _a.gap, testId = _a.testId, others = __rest(_a, ["className", "id", "gap", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
+    return (_jsx("div", __assign({ "data-testid": testId, ref: ref, id: id, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
 });
 Rows.displayName = ComponentName.Rows;
 export default Rows;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFBeUMsRUFBRSxHQUFHO0lBQTVDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF2QyxvQ0FBeUMsQ0FBRjtJQUNoRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wscURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQUUsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1RyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUdoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQVUsQ0FBcUIsVUFBQyxFQUF5QyxFQUFFLEdBQUc7SUFBNUMsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXZDLG9DQUF5QyxDQUFGO0lBQzFFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDZSxNQUFNLEVBQ25CLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFBRSxPQUFPLEdBQUcsS0FBSyxXQUFXLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzVHLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/rows/Rows.native.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { View } from 'react-native';
-import { RowsProps } from './RowsProps';
+import { RowsProps } from '../../components/rows/RowsProps';
 /**
  * Rows Component
- * @param children {React.ReactNode} Rows children
+ * @param children {ReactNode} Rows children
  * @param gapless {boolean} Delete margins between row
  */
-declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<View>>;
+declare const Rows: import("react").ForwardRefExoticComponent<RowsProps & import("react").RefAttributes<View>>;
 export default Rows;

package/lib/components/rows/Rows.native.js

@@ -1,15 +1,16 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { View } from 'react-native';
 import { memoStyles } from '../../helpers/memoStyles';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
 /**
  * Rows Component
- * @param children {React.ReactNode} Rows children
+ * @param children {ReactNode} Rows children
  * @param gapless {boolean} Delete margins between row
  */
-var Rows = React.forwardRef(function (_a, ref) {
+var Rows = forwardRef(function (_a, ref) {
     var children = _a.children, gap = _a.gap, others = __rest(_a, ["children", "gap"]);
     var realGap = (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap];
     var styles = memoStyles({
@@ -20,8 +21,8 @@ var Rows = React.forwardRef(function (_a, ref) {
             gap: realGap,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: styles.rows }, others), children));
+    return (_jsx(View, __assign({ ref: ref, style: styles.rows }, others, { children: children })));
 });
 Rows.displayName = ComponentName.Rows;
 export default Rows;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ25DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBVyxNQUFNLG1DQUFtQyxDQUFBO0FBRTVFOzs7O0dBSUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBQTRCLEVBQUUsR0FBRztJQUEvQixJQUFBLFFBQVEsY0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFLLE1BQU0sY0FBMUIsbUJBQTRCLENBQUY7SUFDakYsSUFBTSxPQUFPLEdBQUcsQ0FBQyxPQUFPLEdBQUcsS0FBSyxXQUFXLElBQUksRUFBRSxDQUFDLElBQUksZUFBZSxDQUFDLEdBQWMsQ0FBQyxDQUFBO0lBQ3JGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsR0FBRyxFQUFFLE9BQU87U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEdBQzNDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ25DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBVyxNQUFNLG1DQUFtQyxDQUFBO0FBRTVFOzs7O0dBSUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFVLENBQTJCLFVBQUMsRUFBNEIsRUFBRSxHQUFHO0lBQS9CLElBQUEsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUssTUFBTSxjQUExQixtQkFBNEIsQ0FBRjtJQUMzRSxJQUFNLE9BQU8sR0FBRyxDQUFDLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxFQUFFLENBQUMsSUFBSSxlQUFlLENBQUMsR0FBYyxDQUFDLENBQUE7SUFDckYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxHQUFHLEVBQUUsT0FBTztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLEtBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxjQUMzQyxRQUFRLElBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFFckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/rows/RowsProps.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
 import { CommonProps } from '../../objects/facets/CommonProps';
 import { GapSize } from '../../components/columns/ColumnsTypes';
 import { View } from 'react-native';
 import { Dev } from '../../objects/facets/Dev';
+import { ReactNode } from 'react';
 /**
  * Rows Interface
  */
 export interface RowsProps extends CommonProps, Dev {
-    children?: React.ReactNode;
+    children?: ReactNode;
     gap?: GapSize;
 }
 export type RowsRef = HTMLDivElement;

package/lib/components/rows/index.d.ts

@@ -1,3 +1,3 @@
-import Rows from './Rows';
-import Row from './row';
+import Rows from '../../components/rows/Rows';
+import Row from '../../components/rows/row';
 export { Rows, Row };

package/lib/components/rows/index.js

@@ -1,4 +1,4 @@
-import Rows from './Rows';
-import Row from './row';
+import Rows from '../../components/rows/Rows';
+import Row from '../../components/rows/row';
 export { Rows, Row };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sd0JBQXdCLENBQUE7QUFDekMsT0FBTyxHQUFHLE1BQU0sdUJBQXVCLENBQUE7QUFFdkMsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQSJ9

package/lib/components/rows/row/Row.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { RowProps } from './RowProps';
+/// <reference types="react" />
+import { RowProps } from '../../../components/rows/row/RowProps';
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  * @param testId {string} Test Id for Test Integration
  */
-declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Row;

package/lib/components/rows/row/Row.js

@@ -1,25 +1,26 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
+import { useTrilogyContext } from '../../../context/TrilogyContext';
 import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  * @param testId {string} Test Id for Test Integration
  */
-var Row = React.forwardRef(function (_a, ref) {
+var Row = forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, narrow = _a.narrow, testId = _a.testId, others = __rest(_a, ["className", "id", "narrow", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
-    return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+    return _jsx("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
 });
 Row.displayName = ComponentName.Row;
 export default Row;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yb3dzL3Jvdy9Sb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1CLFVBQUMsRUFBNEMsRUFBRSxHQUFHO0lBQS9DLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExQyx1Q0FBNEMsQ0FBRjtJQUNoRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2pGLE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQUMsQ0FBQTtBQUVGLEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUNuQyxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yb3dzL3Jvdy9Sb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFVLENBQW1CLFVBQUMsRUFBNEMsRUFBRSxHQUFHO0lBQS9DLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExQyx1Q0FBNEMsQ0FBRjtJQUMxRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2pGLE9BQU8sdUJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQUMsQ0FBQTtBQUVGLEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUNuQyxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/rows/row/Row.native.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { View } from 'react-native';
-import { RowProps } from './RowProps';
+import { RowProps } from '../../../components/rows/row/RowProps';
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  */
-declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<View>>;
+declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<View>>;
 export default Row;

package/lib/components/rows/row/Row.native.js

@@ -1,14 +1,15 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { View } from 'react-native';
 import { memoStyles } from '../../../helpers/memoStyles';
 import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  */
-var Row = React.forwardRef(function (_a, ref) {
+var Row = forwardRef(function (_a, ref) {
     var children = _a.children, narrow = _a.narrow, others = __rest(_a, ["children", "narrow"]);
     var styles = memoStyles({
         row: {
@@ -16,8 +17,8 @@ var Row = React.forwardRef(function (_a, ref) {
             flexShrink: 1,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: styles.row }, others), children));
+    return (_jsx(View, __assign({ ref: ref, style: styles.row }, others, { children: children })));
 });
 Row.displayName = ComponentName.Row;
 export default Row;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9yb3cvUm93Lm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRWpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUIsVUFBQyxFQUErQixFQUFFLEdBQUc7SUFBbEMsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTdCLHNCQUErQixDQUFGO0lBQ2pGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixHQUFHLEVBQUU7WUFDSCxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUM1QixVQUFVLEVBQUUsQ0FBQztTQUNkO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU0sR0FDMUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsR0FBRyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFBO0FBRW5DLGVBQWUsR0FBRyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9yb3cvUm93Lm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRWpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsVUFBVSxDQUF5QixVQUFDLEVBQStCLEVBQUUsR0FBRztJQUFsQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDM0UsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLEdBQUcsRUFBRTtZQUNILFFBQVEsRUFBRSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzVCLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsS0FBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEdBQUcsSUFBTSxNQUFNLGNBQzFDLFFBQVEsSUFDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/rows/row/RowProps.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
 import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { Dev } from '../../../objects/facets/Dev';
+import { ReactNode } from 'react';
 /**
  * Rows Interface
  */
 export interface RowProps extends CommonProps, Dev {
-    children?: React.ReactNode;
+    children?: ReactNode;
     narrow?: boolean;
 }
 export type RowRef = HTMLDivElement;

package/lib/components/rows/row/index.d.ts

@@ -1,2 +1,2 @@
-import Row from './Row';
+import Row from '../../../components/rows/row/Row';
 export default Row;

package/lib/components/rows/row/index.js

@@ -1,3 +1,3 @@
-import Row from './Row';
+import Row from '../../../components/rows/row/Row';
 export default Row;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3Mvcm93L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQTtBQUV2QixlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3Mvcm93L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLDJCQUEyQixDQUFBO0FBRTNDLGVBQWUsR0FBRyxDQUFBIn0=

package/lib/components/scroll-view/ScrollView.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { ScrollViewProps } from './ScrollViewProps';
+/// <reference types="react" />
+import { ScrollViewProps } from '../../components/scroll-view/ScrollViewProps';
 /**
  * ScrollView Component
- * @param children {React.ReactNode} ScrollView child
+ * @param children {ReactNode} ScrollView child
  * @param scrollDirection {ScrollDirectionEnum} Scroll direction (VERTICAL | HORIZONTAL)
  * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param footer {React.ReactNode} Footer element fixed at the bottom
+ * @param footer {ReactNode} Footer element fixed at the bottom
  * @param bounce {boolean} Bounce effect on scroll (iOS)
  * @param centerContent {boolean} Center content in scrollView
  * @param refresh {boolean} Enable pull-to-refresh
  * @param refreshControlColor {TrilogyColor} Color of the refresh control indicator
  * @param onRefresh {Function} Callback when user triggers a refresh
  */
-declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & import("react").RefAttributes<HTMLDivElement>>;
 export default ScrollView;