@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-esm-cjs

package/lib/components/range/Range.js

@@ -1,48 +1,63 @@
-import { __read } from "tslib";
-import * as React from 'react';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/index';
+import { getColorStyle, TrilogyColor } from '../../objects/index';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Range Component
+ * @param simple {boolean} display one cursor
+ * @param unit {string} display unit of values
  * - -------------------------- MOBILE PROPERTIES -------------------------------
  * @param min {number} min length
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
+ * @param value {number[]} array of values
+ * @param onChange {function} on change cursors
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param gap {number} space max between min and max cursor
  * @param onChangeMin {function} on change min cursor
  * @param onChangeMax {function} on change max cursor
+ * @param value {number} only for slider
+ * @param onChange {function} on change cursor (works with simple prop)
+ * @param className {string} Additional CSS Classes
+ * @param id {string} id for Range
+ * @param valueMin {number} value min cursor
+ * @param valueMax {number} value max cursor
+ * @param name {string} input name
  */
-var Range = function (_a) {
-    var className = _a.className, id = _a.id, min = _a.min, max = _a.max, label = _a.label, valueMin = _a.valueMin, valueMax = _a.valueMax, unit = _a.unit, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, name = _a.name, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
-    var styled = useTrilogyContext().styled;
-    var _c = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _c[0], setCursorMin = _c[1];
-    var _d = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _d[0], setCursorMax = _d[1];
-    var refTrack = React.useRef(null);
-    React.useEffect(function () {
+const Range = React.forwardRef(({ className, id = React.useId(), min, max, label, valueMin, valueMax, unit, onChangeMin, onChangeMax, onChange, name, gap = 0, simple, value, }, ref) => {
+    const { styled } = useTrilogyContext();
+    const refTrack = React.useRef(null);
+    const [cursorMin, setCursorMin] = React.useState(valueMin ?? 0);
+    const [cursorMax, setCursorMax] = React.useState(simple ? value || 0 : valueMax ?? max);
+    React.useEffect(() => {
         if (refTrack.current) {
-            var track = refTrack.current;
-            track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMax / max) * 100, "%) ");
+            const track = refTrack.current;
+            track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.MAIN_FADE)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.MAIN_FADE)} ${(cursorMax / max) * 100}%) `;
         }
     }, [cursorMin, cursorMax]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         setCursorMin(valueMin || 0);
     }, [valueMin]);
-    React.useEffect(function () {
-        setCursorMax(valueMax || max);
-    }, [valueMax]);
-    var handleChangeCursorMin = React.useCallback(function (e) {
+    React.useEffect(() => {
+        if (!simple)
+            setCursorMax(valueMax || max);
+    }, [valueMax, simple]);
+    React.useEffect(() => {
+        if (simple && value !== undefined)
+            setCursorMax(value);
+    }, [value, simple]);
+    const handleChangeCursorMin = React.useCallback((e) => {
         if (Number(e.target.value) < cursorMax - gap)
             setCursorMin(Number(e.target.value));
     }, [cursorMax, cursorMin]);
-    var handleChangeCursorMax = React.useCallback(function (e) {
-        if (Number(e.target.value) > cursorMin + gap)
+    const handleChangeCursorMax = React.useCallback((e) => {
+        if (Number(e.target.value) >= cursorMin + gap)
             setCursorMax(Number(e.target.value));
     }, [cursorMax, cursorMin]);
-    var handleMouseUpMin = React.useCallback(function () {
+    const handleMouseUpMin = React.useCallback(() => {
         if (onChangeMin) {
             onChangeMin({
                 inputName: name,
@@ -50,31 +65,38 @@ var Range = function (_a) {
             });
         }
     }, [onChangeMin, name, cursorMin]);
-    var handleMouseUpMax = React.useCallback(function () {
-        if (onChangeMax) {
+    const handleMouseUpMax = React.useCallback(() => {
+        if (onChangeMax && !simple) {
             onChangeMax({
                 inputName: name,
                 inputValue: cursorMax,
             });
         }
-    }, [onChangeMax, name, cursorMax]);
-    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('range-container', className)) },
+        if (onChange && simple) {
+            onChange({
+                inputName: name,
+                inputValue: cursorMax,
+            });
+        }
+    }, [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')) },
             React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
-            React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-min')), 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 range-cursor-max')), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })),
+            !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: `${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: `${id}-max`, "aria-label": label })),
         React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
-            React.createElement("div", null,
+            !simple && (React.createElement("div", null,
                 React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
                 unit && React.createElement("span", null,
                     " ",
-                    unit)),
+                    unit))),
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx('range-value-max')) }, cursorMax),
+                React.createElement("span", { className: hashClass(styled, clsx(simple ? 'range-value' : 'range-value-max')) }, cursorMax),
                 unit && React.createElement("span", null,
                     " ",
                     unit)))));
-};
+});
+Range.displayName = ComponentName.Range;
 export default Range;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWFGO1FBWlgsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFFQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUFoRSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXlDLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQVMsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksR0FBRyxDQUFDLElBQUEsRUFBbEUsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUEyQyxDQUFBO0lBQ3pFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM3RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0JHO0FBQ0gsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsQ0FDRSxFQUNFLFNBQVMsRUFDVCxFQUFFLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxFQUNsQixHQUFHLEVBQ0gsR0FBRyxFQUNILEtBQUssRUFDTCxRQUFRLEVBQ1IsUUFBUSxFQUNSLElBQUksRUFDSixXQUFXLEVBQ1gsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osR0FBRyxHQUFHLENBQUMsRUFDUCxNQUFNLEVBQ04sS0FBSyxHQUNOLEVBQ0QsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRW5DLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUE7SUFDdkUsTUFBTSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsR0FBRyxLQUFLLENBQUMs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

package/lib/components/range/Range.mjs

@@ -0,0 +1,61 @@
+"use client";
+import {
+  Range_default
+} from "../../chunk-3PHJRZWE.mjs";
+import "../../chunk-MAMQO43Y.mjs";
+import "../../chunk-HQESKFCX.mjs";
+import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-DB5J6PBL.mjs";
+import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-HQXKHRER.mjs";
+import "../../chunk-NVH4ZPGW.mjs";
+import "../../chunk-62DJK35E.mjs";
+import "../../chunk-PAEZ47M2.mjs";
+import "../../chunk-A2ASOVUR.mjs";
+import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-L5TMSDJR.mjs";
+import "../../chunk-RJO5KKUW.mjs";
+import "../../chunk-R7HI6GOP.mjs";
+import "../../chunk-SUNBSFL4.mjs";
+import "../../chunk-A4CI2ZMI.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-6TNYDJM7.mjs";
+import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-B6WC6WS2.mjs";
+import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
+import "../../chunk-6BTWLQPI.mjs";
+import "../../chunk-G6BHSMLA.mjs";
+import "../../chunk-THOTRBD4.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-UUXUTBLZ.mjs";
+import "../../chunk-F5FPTZND.mjs";
+import "../../chunk-IGMJNGTZ.mjs";
+import "../../chunk-5QUXSOHX.mjs";
+import "../../chunk-ACSGONQB.mjs";
+import "../../chunk-ATW7ITPH.mjs";
+import "../../chunk-JA5LYEG4.mjs";
+import "../../chunk-HV6TXVFA.mjs";
+import "../../chunk-AD63JH53.mjs";
+import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3J6NXB4.mjs";
+import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Range_default as default
+};

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

@@ -1,18 +1,16 @@
-/// <reference types="react" />
-import { RangeProps } from './RangeProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+import { View } from 'react-native';
+import { RangeNativeProps } from './RangeProps';
 /**
  * Range Component
- * - -------------------------- MOBILE PROPERTIES -------------------------------
  * @param min {number} min length
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
  * @param onChange {function}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param value {number[]} array of values
+ * @param simple {boolean} display one cursor
+ * @param unit {string} display unit of values
  */
-declare const Range: {
-    ({ min, max, label, unit, onChange }: RangeProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Range: React.ForwardRefExoticComponent<RangeNativeProps & React.RefAttributes<View>>;
 export default Range;

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

@@ -1,25 +1,24 @@
-import { __read } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects/index.native';
+import MultiSlider from '@ptomasroos/react-native-multi-slider';
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
-import MultiSlider from '@ptomasroos/react-native-multi-slider';
-import { Text, TextLevels } from '../text';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { Text, TextLevels } from '../text/index.native';
 /**
  * Range Component
- * - -------------------------- MOBILE PROPERTIES -------------------------------
  * @param min {number} min length
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
  * @param onChange {function}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param value {number[]} array of values
+ * @param simple {boolean} display one cursor
+ * @param unit {string} display unit of values
  */
-var Range = function (_a) {
-    var min = _a.min, max = _a.max, label = _a.label, unit = _a.unit, onChange = _a.onChange;
-    var _b = __read(React.useState([0, 100]), 2), values = _b[0], setValues = _b[1];
-    var _c = __read(React.useState(0), 2), width = _c[0], setWidth = _c[1];
-    var styles = StyleSheet.create({
+const Range = React.forwardRef(({ min, max, label, unit, onChange, value, simple }, ref) => {
+    const [values, setValues] = React.useState(value || simple ? [0] : [0, 100]);
+    const [width, setWidth] = React.useState(0);
+    const styles = StyleSheet.create({
         marker: {
             width: 20,
             height: 20,
@@ -40,17 +39,17 @@ var Range = function (_a) {
             marginTop: -6,
         },
     });
-    var Marker = function () { return React.createElement(View, { style: styles.marker }); };
-    return (React.createElement(View, { onLayout: function (event) {
-            var width = event.nativeEvent.layout.width;
+    const Marker = () => React.createElement(View, { style: styles.marker });
+    return (React.createElement(View, { ref: ref, onLayout: (event) => {
+            const { width } = event.nativeEvent.layout;
             setWidth(width);
         } },
         React.createElement(View, { style: { marginBottom: -4 } },
             React.createElement(Text, { level: TextLevels.THREE }, label && label)),
-        React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: function (e) {
+        React.createElement(MultiSlider, { values: values, sliderLength: width, onValuesChange: (e) => {
                 setValues(e);
                 onChange && onChange({ inputName: 'range', inputValue: e });
-            }, min: min, max: max, step: 1, allowOverlap: false, snapped: true, customMarker: Marker, selectedStyle: {
+            }, min: min, max: max, step: 1, allowOverlap: simple, snapped: true, customMarker: Marker, selectedStyle: {
                 backgroundColor: getColorStyle(TrilogyColor.MAIN),
                 height: 4,
             }, unselectedStyle: {
@@ -61,10 +60,10 @@ var Range = function (_a) {
             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))),
-            React.createElement(View, { style: { flexDirection: 'row' } },
+            !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))))));
-};
+                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit)))))));
+});
 Range.displayName = ComponentName.Range;
 export default Range;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBK0M7UUFBN0MsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3hDLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFXLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLElBQUEsRUFBdkQsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFzQyxDQUFBO0lBQ3hELElBQUEsS0FBQSxPQUFvQixLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQTVDLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBNkIsQ0FBQTtJQUVuRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsRUFBRTtZQUNoQixlQUFlLEVBQUUsT0FBTztZQUN4QixXQUFXLEVBQUUsTUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRixPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUMvRCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBR3ZEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDdkUsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFXLEtBQUssSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDdEYsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxDQUFBO0lBRW5ELE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFB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

package/lib/components/range/RangeNativePropsDefaults.js

@@ -0,0 +1,9 @@
+export default {
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number[]"
+    ]
+  }
+};

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

@@ -0,0 +1,34 @@
+/**
+ * range Interface
+ */
+import { View } from 'react-native';
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export type InputChangeEventHandlerNative = (event: {
+    inputValue: number[] | number;
+    inputName: string | undefined;
+}) => void;
+export type InputChangeEventHandlerWeb = (event: {
+    inputValue: number;
+    inputName: string | undefined;
+}) => void;
+export interface RangeProps extends Accessibility, Dev, CommonProps {
+    min: number;
+    max: number;
+    label?: string;
+    value?: number;
+    valueMin?: number;
+    valueMax?: number;
+    unit?: string;
+    onChangeMin?: InputChangeEventHandlerWeb;
+    onChangeMax?: InputChangeEventHandlerWeb;
+    name?: string;
+    gap?: number;
+    onChange?: InputChangeEventHandlerNative;
+    simple?: boolean;
+}
+export interface RangeNativeProps extends Omit<RangeProps, 'value'> {
+    value?: number[];
+}
+export type RangeRef = HTMLDivElement;
+export type RangeNativeRef = View;

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

@@ -1,11 +1,12 @@
 /**
  * range Interface
  */
+import { View } from 'react-native';
 import { Accessibility, Dev } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export type InputChangeEventHandlerNative = (event: {
-    inputValue: number[];
-    inputName: string;
+    inputValue: number[] | number;
+    inputName: string | undefined;
 }) => void;
 export type InputChangeEventHandlerWeb = (event: {
     inputValue: number;
@@ -15,6 +16,7 @@ export interface RangeProps extends Accessibility, Dev, CommonProps {
     min: number;
     max: number;
     label?: string;
+    value?: number;
     valueMin?: number;
     valueMax?: number;
     unit?: string;
@@ -23,4 +25,10 @@ export interface RangeProps extends Accessibility, Dev, CommonProps {
     name?: string;
     gap?: number;
     onChange?: InputChangeEventHandlerNative;
+    simple?: boolean;
+}
+export interface RangeNativeProps extends Omit<RangeProps, 'value'> {
+    value?: number[];
 }
+export type RangeRef = HTMLDivElement;
+export type RangeNativeRef = View;

package/lib/components/range/RangeProps.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/components/range/RangePropsDefaults.js

@@ -14,6 +14,13 @@ export default {
       "string"
     ]
   },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
   "valueMin": {
     "type": "string",
     "values": [
@@ -70,6 +77,14 @@ export default {
       "InputChangeEventHandlerNative"
     ]
   },
+  "simple": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "accessibilityLabel": {
     "type": "string",
     "values": [

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

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

package/lib/components/range/index.mjs

@@ -0,0 +1,62 @@
+"use client";
+import "../../chunk-TMXH7DZL.mjs";
+import {
+  Range_default
+} from "../../chunk-3PHJRZWE.mjs";
+import "../../chunk-MAMQO43Y.mjs";
+import "../../chunk-HQESKFCX.mjs";
+import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-DB5J6PBL.mjs";
+import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-HQXKHRER.mjs";
+import "../../chunk-NVH4ZPGW.mjs";
+import "../../chunk-62DJK35E.mjs";
+import "../../chunk-PAEZ47M2.mjs";
+import "../../chunk-A2ASOVUR.mjs";
+import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-L5TMSDJR.mjs";
+import "../../chunk-RJO5KKUW.mjs";
+import "../../chunk-R7HI6GOP.mjs";
+import "../../chunk-SUNBSFL4.mjs";
+import "../../chunk-A4CI2ZMI.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-6TNYDJM7.mjs";
+import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-B6WC6WS2.mjs";
+import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
+import "../../chunk-6BTWLQPI.mjs";
+import "../../chunk-G6BHSMLA.mjs";
+import "../../chunk-THOTRBD4.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-UUXUTBLZ.mjs";
+import "../../chunk-F5FPTZND.mjs";
+import "../../chunk-IGMJNGTZ.mjs";
+import "../../chunk-5QUXSOHX.mjs";
+import "../../chunk-ACSGONQB.mjs";
+import "../../chunk-ATW7ITPH.mjs";
+import "../../chunk-JA5LYEG4.mjs";
+import "../../chunk-HV6TXVFA.mjs";
+import "../../chunk-AD63JH53.mjs";
+import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3J6NXB4.mjs";
+import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Range_default as Range
+};

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

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

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

@@ -0,0 +1,3 @@
+import Range from './Range.native';
+export { Range };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9pbmRleC5uYXRpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sZ0JBQWdCLENBQUE7QUFFbEMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFBIn0=

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { RowsProps } from './RowsProps';
+/**
+ * Rows Component
+ * @param children {React.ReactNode} Rows children
+ * - ------------------- WEB PROPERTIES -------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
+export default Rows;

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

@@ -4,7 +4,7 @@ import { RowsProps } from './RowsProps';
  * Rows Component
  * @param children {React.ReactNode} Rows children
  * - ------------------- WEB PROPERTIES -------------------------
- * @param className {string} additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-declare const Rows: ({ className, id, gap, ...others }: RowsProps) => React.JSX.Element;
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
 export default Rows;

package/lib/components/rows/Rows.js

@@ -1,19 +1,19 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/index';
+import { has, is } from '../../services/index';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { has, is } from '../../services';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
  * - ------------------- WEB PROPERTIES -------------------------
- * @param className {string} additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-var Rows = function (_a) {
-    var className = _a.className, id = _a.id, gap = _a.gap, others = __rest(_a, ["className", "id", "gap"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
-};
+const Rows = React.forwardRef(({ className, id, gap, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { ref: ref, id: id, className: hashClass(styled, clsx('rows', gap && has(`gap-${gap}`), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)), ...others }));
+});
+Rows.displayName = ComponentName.Rows;
 export default Rows;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUE0QztJQUExQyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFLLE1BQU0sY0FBL0IsMEJBQWlDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQUUsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1RyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUMxQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7OztHQUtHO0FBQ0gsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDM0YsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksR0FBRyxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUMsRUFBRSxPQUFPLEdBQUcsS0FBSyxXQUFXLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzVHLEtBQ0csTUFBTSxHQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/rows/Rows.mjs

@@ -0,0 +1,17 @@
+"use client";
+import {
+  Rows_default
+} from "../../chunk-2SSPDMXO.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-A35Q44N2.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Rows_default as default
+};

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

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