@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-151

package/lib/components/segment-control/item/SegmentControlItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SegmentControlItemProps } from '../../../components/segment-control/item/SegmentControlItemProps';
+/// <reference types="react" />
+import { SegmentControlItemProps } from './SegmentControlItemProps';
 /**
  * SegmentControl Item Component
  * @param active {boolean} active segmentedControl item
@@ -10,5 +10,5 @@ import { SegmentControlItemProps } from '../../../components/segment-control/ite
  * - -------------- WEB PROPERTIES ---------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const SegmentControlItem: React.ForwardRefExoticComponent<SegmentControlItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SegmentControlItem: ({ active, onClick, disabled, className, id, children, }: SegmentControlItemProps) => JSX.Element;
 export default SegmentControlItem;

package/lib/components/segment-control/item/SegmentControlItem.js

@@ -1,8 +1,8 @@
+import { __read } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { hashClass } from '../../../helpers';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useSegmentControlItem } from '../../../components/segment-control/item/hook/useSegmentControlItem';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * SegmentControl Item Component
  * @param active {boolean} active segmentedControl item
@@ -13,11 +13,21 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * - -------------- WEB PROPERTIES ---------------
  * @param className {string} Additionnal CSS Classes
  */
-var SegmentControlItem = React.forwardRef(function (_a, ref) {
-    var active = _a.active, onClick = _a.onClick, disabled = _a.disabled, className = _a.className, children = _a.children;
-    var _b = useSegmentControlItem({ active: active, onClick: onClick }), activeItem = _b.activeItem, handleClick = _b.handleClick;
-    return (React.createElement("button", { ref: ref, disabled: disabled, className: hashClass(clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: handleClick }, children));
-});
-SegmentControlItem.displayName = ComponentName.SegmentControlItem;
+var SegmentControlItem = function (_a) {
+    var active = _a.active, onClick = _a.onClick, disabled = _a.disabled, className = _a.className, id = _a.id, children = _a.children;
+    var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
+    var styled = useTrilogyContext().styled;
+    useEffect(function () {
+        setActiveItem(active || false);
+    }, [active]);
+    return (React.createElement("button", { id: id, disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: function (e) {
+            var target = e.target;
+            setActiveItem(active || false);
+            target.active = active;
+            if (onClick) {
+                onClick(e);
+            }
+        } }, children));
+};
 export default SegmentControlItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9TZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBO0FBRXBHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLFVBQ0UsRUFBMkUsRUFDM0UsR0FBaUM7UUFEL0IsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBO0lBRzFDLElBQUEsS0FBOEIscUJBQXFCLENBQUMsRUFBRSxNQUFNLFFBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLEVBQXRFLFVBQVUsZ0JBQUEsRUFBRSxXQUFXLGlCQUErQyxDQUFBO0lBRTlFLE9BQU8sQ0FDTCxnQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFNBQVMsRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQzVGLE9BQU8sRUFBRSxXQUFXLElBRW5CLFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGtCQUFrQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUE7QUFDakUsZUFBZSxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9TZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQU9GO1FBTnhCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQTtJQUVGLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPLENBQ0wsZ0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsd0JBQXdCLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFDcEcsT0FBTyxFQUFFLFVBQUMsQ0FBbUI7WUFDM0IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7WUFDMUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtZQUM5QixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtZQUN0QixJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDWDtRQUNILENBQUMsSUFFQSxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxrQkFBa0IsQ0FBQSJ9

package/lib/components/segment-control/item/SegmentControlItem.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { SegmentControlItemProps } from '../../../components/segment-control/item/SegmentControlItemProps';
+/// <reference types="react" />
+import { SegmentControlItemProps } from './SegmentControlItemProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item
@@ -9,5 +9,8 @@ import { SegmentControlItemProps } from '../../../components/segment-control/ite
  * @param disabled {boolean} disable onClick on item
  * @param inverted {boolean} invert color of active item
  */
-declare const SegmentControlItem: React.ForwardRefExoticComponent<SegmentControlItemProps & React.RefAttributes<TouchableOpacity>>;
+declare const SegmentControlItem: {
+    ({ active, children, onClick, disabled, ...others }: SegmentControlItemProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default SegmentControlItem;

package/lib/components/segment-control/item/SegmentControlItem.native.js

@@ -1,8 +1,8 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, TouchableOpacity } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
 import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item
@@ -11,8 +11,8 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
  * @param disabled {boolean} disable onClick on item
  * @param inverted {boolean} invert color of active item
  */
-var SegmentControlItem = React.forwardRef(function (_a, ref) {
-    var active = _a.active, children = _a.children, onClick = _a.onClick, inverted = _a.inverted, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "inverted", "disabled"]);
+var SegmentControlItem = function (_a) {
+    var active = _a.active, children = _a.children, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "disabled"]);
     var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
     var styles = StyleSheet.create({
         tabsItem: {
@@ -22,14 +22,13 @@ var SegmentControlItem = React.forwardRef(function (_a, ref) {
             borderRadius: 4,
             alignItems: 'center',
             backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
-                (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
                 (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
                 getColorStyle(TrilogyColor.NEUTRAL_FADE),
         },
         text: {
             paddingHorizontal: 16,
-            color: (activeItem && !inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
-                (!activeItem && !inverted && disabled && getColorStyle(TrilogyColor.DISABLED)) ||
+            color: (activeItem && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (!activeItem && disabled && getColorStyle(TrilogyColor.DISABLED)) ||
                 getColorStyle(TrilogyColor.MAIN),
             marginVertical: 10,
             fontSize: 16,
@@ -41,7 +40,7 @@ var SegmentControlItem = React.forwardRef(function (_a, ref) {
     useEffect(function () {
         setActiveItem(active || false);
     }, [active]);
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: [styles.tabsItem], onPress: function (e) {
+    return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: [styles.tabsItem], onPress: function (e) {
             if (!disabled) {
                 setActiveItem(active || false);
                 if (onClick) {
@@ -49,7 +48,7 @@ var SegmentControlItem = React.forwardRef(function (_a, ref) {
                 }
             }
         } }, others), children && typeof children.valueOf() === 'string' && (React.createElement(Text, { style: styles.text, ellipsizeMode: 'tail', numberOfLines: 1 }, String(children)))));
-});
+};
 SegmentControlItem.displayName = ComponentName.SegmentControlItem;
 export default SegmentControlItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxVQUNFLEVBQXFGLEVBQ3JGLEdBQWdDO0lBRDlCLElBQUEsTUFBTSxZQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUExRCx5REFBNEQsQ0FBRjtJQUdwRCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFFdEUsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixRQUFRLEVBQUU7WUFDUixhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztZQUNQLFdBQVcsRUFBRSxDQUFDO1lBQ2QsWUFBWSxFQUFFLENBQUM7WUFDZixVQUFVLEVBQUUsUUFBUTtZQUNwQixlQUFlLEVBQ2IsQ0FBQyxVQUFVLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDaEQsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDdkQsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxFQUFFO1lBQ3JCLEtBQUssRUFDSCxDQUFDLFVBQVUsSUFBSSxDQUFDLFFBQVEsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNuRSxDQUFDLENBQUMsVUFBVSxJQUFJLENBQUMsUUFBUSxJQUFJLFFBQVEsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUM5RSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNsQyxjQUFjLEVBQUUsRUFBRTtZQUNsQixRQUFRLEVBQUUsRUFBRTtZQUNaLFNBQVMsRUFBRSxRQUFRO1lBQ25CLGlCQUFpQixFQUFFLFFBQVE7WUFDM0IsVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRO1NBQzFDO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsU0FBUyxDQUFDO1FBQ1IsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBRVosT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLEdBQUcsRUFBRSxHQUFHLEVBQ1IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixPQUFPLEVBQUUsVUFBQyxDQUFXO1lBQ25CLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ2IsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtnQkFDOUIsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2lCQUNYO2FBQ0Y7UUFDSCxDQUFDLElBQ0csTUFBTSxHQUVULFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FDckQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLENBQUMsSUFDOUQsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUNaLENBQ1IsQ0FDZ0IsQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUNqRSxlQUFlLGtCQUFrQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBTUY7SUFMeEIsSUFBQSxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTGlCLDZDQU0zQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUNiLENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3ZELGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osaUJBQWlCLEVBQUUsRUFBRTtZQUNyQixLQUFLLEVBQ0gsQ0FBQyxVQUFVLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDdEQsQ0FBQyxDQUFDLFVBQVUsSUFBSSxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDakUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsY0FBYyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsUUFBUTtZQUNuQixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtTQUMxQztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQ3hCLE9BQU8sRUFBRSxVQUFDLENBQVc7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDYixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7YUFDRjtRQUNILENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNyRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsQ0FBQyxJQUM5RCxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNnQixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUVqRSxlQUFlLGtCQUFrQixDQUFBIn0=

package/lib/components/segment-control/item/SegmentControlItemProps.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="react" />
-import { Clickable } from '../../../objects/facets/Clickable';
+import { Clickable } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * SegmentedControl Item Interface
  */
-export interface SegmentControlItemProps extends Clickable {
+export interface SegmentControlItemProps extends Clickable, CommonProps {
     children: React.ReactNode;
     active?: boolean;
     disabled?: boolean;
-    inverted?: boolean;
-    className?: string;
-    id?: string;
 }

package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js

@@ -29,33 +29,25 @@ export default {
       "true"
     ]
   },
-  "inverted": {
-    "type": "boolean",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ClickEvent"
     ]
   },
-  "className": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "onClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
   }
 };

package/lib/components/segment-control/item/index.d.ts

@@ -1,2 +1,2 @@
-import SegmentControlItem from '../../../components/segment-control/item/SegmentControlItem';
+import SegmentControlItem from './SegmentControlItem';
 export default SegmentControlItem;

package/lib/components/segment-control/item/index.js

@@ -1,3 +1,3 @@
-import SegmentControlItem from '../../../components/segment-control/item/SegmentControlItem';
+import SegmentControlItem from './SegmentControlItem';
 export default SegmentControlItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0sc0RBQXNELENBQUE7QUFFckYsZUFBZSxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0sc0JBQXNCLENBQUE7QUFFckQsZUFBZSxrQkFBa0IsQ0FBQSJ9

package/lib/components/select/Select.d.ts

@@ -1,25 +1,11 @@
-import React from 'react';
-import { SelectProps } from '../../components/select/SelectProps';
+/// <reference types="react" />
+import { SelectProps } from './SelectProps';
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
- * @param id {string} Select id
- * @param name {string} Select name
- * @param label {string} Select label
- * @param onChange {Function} onChange Event
- * @param selected {string|number} Selected OptionItem for Native
- * @param iconName {IconName} icon for left of selector
- * @param disabled {boolean} disable Select
- * @param multiple {boolean} select multiple options (for dynamic select only)
- * @param nullable {boolean} Unselect Select Option Item
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param onBlur {Function} onBlur Event
- * @param onFocus {Function} onFocus Event
- * @param testId {string} id for testing
  * @param native {boolean} Display native-old select web
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param placeholder {string} Select Placeholder
  */
-declare const Select: React.ForwardRefExoticComponent<SelectProps<import("../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<HTMLInputElement | HTMLSelectElement>>;
+declare const Select: ({ native, ...props }: SelectProps) => JSX.Element;
 export default Select;

package/lib/components/select/Select.js

@@ -1,34 +1,18 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { SelectDynamic, SelectNative } from '../../components/select/web';
+import * as React from 'react';
+import { SelectDynamic, SelectNative } from './web';
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
- * @param id {string} Select id
- * @param name {string} Select name
- * @param label {string} Select label
- * @param onChange {Function} onChange Event
- * @param selected {string|number} Selected OptionItem for Native
- * @param iconName {IconName} icon for left of selector
- * @param disabled {boolean} disable Select
- * @param multiple {boolean} select multiple options (for dynamic select only)
- * @param nullable {boolean} Unselect Select Option Item
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param onBlur {Function} onBlur Event
- * @param onFocus {Function} onFocus Event
- * @param testId {string} id for testing
  * @param native {boolean} Display native-old select web
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param placeholder {string} Select Placeholder
  */
-var Select = React.forwardRef(function (_a, ref) {
+var Select = function (_a) {
     var native = _a.native, props = __rest(_a, ["native"]);
     if (native)
-        return React.createElement(SelectNative, __assign({}, props, { ref: ref }));
-    return React.createElement(SelectDynamic, __assign({}, props, { ref: ref }));
-});
-Select.displayName = ComponentName.Select;
+        return React.createElement(SelectNative, __assign({}, props));
+    return React.createElement(SelectDynamic, __assign({}, props));
+};
 export default Select;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBRXJFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQUMsRUFBaUMsRUFBRSxHQUFvRDtJQUFyRixJQUFBLE1BQU0sWUFBQSxFQUFLLEtBQUssY0FBbEIsVUFBb0IsQ0FBRjtJQUNqQixJQUFJLE1BQU07UUFBRSxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLElBQUUsR0FBRyxFQUFFLEdBQW1DLElBQUksQ0FBQTtJQUN4RixPQUFPLG9CQUFDLGFBQWEsZUFBSyxLQUFLLElBQUUsR0FBRyxFQUFFLEdBQWtDLElBQUksQ0FBQTtBQUM5RSxDQUFDLENBQ0YsQ0FBQTtBQUVELE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbkQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztJQUEvQixJQUFBLE1BQU0sWUFBQSxFQUFLLEtBQUssY0FBbEIsVUFBb0IsQ0FBRjtJQUNoQyxJQUFJLE1BQU07UUFBRSxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLEVBQUksQ0FBQTtJQUM5QyxPQUFPLG9CQUFDLGFBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQTtBQUNyQyxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/select/Select.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { TextInput } from 'react-native';
-import { SelectProps } from '../../components/select/SelectProps';
+/// <reference types="react" />
+import { ComponentName } from '../../components/enumsComponentsName';
+import { SelectProps } from './SelectProps';
 /**
  * Select Component
  * @param id {string} Select id
@@ -14,5 +14,8 @@ import { SelectProps } from '../../components/select/SelectProps';
  * @param multiple {boolean} select multiple options
  * @param nullable {boolean} Unselect Select Option Item
  */
-declare const Select: React.ForwardRefExoticComponent<SelectProps<import("../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<TextInput>>;
+declare const Select: {
+    ({ children, id, selected, label, iconName, onChange, disabled, multiple, ...others }: SelectProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Select;

package/lib/components/select/Select.native.js

@@ -1,9 +1,9 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
 import React, { useCallback, useEffect, useState } from 'react';
 import { ComponentName } from '../../components/enumsComponentsName';
-import Input from '../../components/input/Input.native';
+import { Input } from '../../components/input';
 import { Modal } from '../../components/modal';
-import SelectOption from '../../components/select/option';
+import SelectOption from './option';
 /**
  * Select Component
  * @param id {string} Select id
@@ -17,8 +17,8 @@ import SelectOption from '../../components/select/option';
  * @param multiple {boolean} select multiple options
  * @param nullable {boolean} Unselect Select Option Item
  */
-var Select = React.forwardRef(function (_a, ref) {
-    var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, nullable = _a.nullable, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple", "nullable"]);
+var Select = function (_a) {
+    var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple"]);
     var _b = __read(useState(selected), 2), selectedValues = _b[0], setSelectedValues = _b[1];
     var _c = __read(React.useState([]), 2), selectedNames = _c[0], setSelectedNames = _c[1];
     var _d = __read(useState(false), 2), display = _d[0], setDisplay = _d[1];
@@ -44,9 +44,9 @@ var Select = React.forwardRef(function (_a, ref) {
         !disabled && setDisplay(function (prev) { return !prev; });
     }, [disabled]);
     var isChecked = useCallback(function (value) {
-        return multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+        return (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
             ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
-            : selectedValues === value;
+            : selectedValues === value);
     }, [multiple, selectedValues]);
     var setNewSelectedValues = useCallback(function (_a) {
         var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
@@ -54,19 +54,12 @@ var Select = React.forwardRef(function (_a, ref) {
         if (isChecked) {
             setSelectedValues(function (prev) {
                 switch (true) {
-                    case Array.isArray(prev) && nullable:
+                    case Array.isArray(prev):
                         setSelectedNames(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
                         var opts = prev.filter(function (item) { return item !== value; });
                         selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
                         return opts;
-                    case Array.isArray(prev) && !nullable:
-                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(prev), false));
-                        return prev;
-                    case !Array.isArray(prev) && !nullable:
-                        selectedOptions.push(value);
-                        setDisplay(false);
-                        return prev;
-                    case !Array.isArray(prev) && nullable:
+                    case !Array.isArray(prev):
                         setDisplay(false);
                         setSelectedNames([]);
                         return undefined;
@@ -93,15 +86,15 @@ var Select = React.forwardRef(function (_a, ref) {
             });
         }
         return selectedOptions;
-    }, [multiple, nullable]);
+    }, [multiple]);
     var options = React.useMemo(function () {
         return React.Children.map(children, function (child, index) {
             if (!React.isValidElement(child))
                 return null;
             var clickEventValue = function (v) {
                 switch (true) {
-                    case (nullable && multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
-                        (nullable && !multiple && selectedValues === child.props.value):
+                    case (multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
+                        (!multiple && selectedValues === child.props.value):
                         return undefined;
                     default:
                         return v;
@@ -129,11 +122,11 @@ var Select = React.forwardRef(function (_a, ref) {
                 } });
             return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId, "_").concat(index) }));
         });
-    }, [multiple, nullable, selectedValues, children]);
+    }, [multiple, selectedValues, children]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Input, __assign({ ref: ref, onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, hasIcon: !!iconName, customIconLeft: iconName, value: selectedNames.join(', '), defaultValue: selectedNames.join(', '), customIconRight: display ? 'tri-arrow-up' : 'tri-arrow-down' }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others)),
-        React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, swipable: false, bottom: false }, options)));
-});
+        React.createElement(Input, __assign({ onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, iconNameLeft: iconName, iconNameRight: display ? 'tri-arrow-up' : 'tri-arrow-down', value: selectedNames.join(', '), defaultValue: selectedNames.join(', ') }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others)),
+        React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, unClosable: true, title: "" }, options)));
+};
 Select.displayName = ComponentName.Select;
 export default Select;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFMUMsT0FBTyxZQUFZLE1BQU0sNEJBQTRCLENBQUE7QUFFckQ7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQUEyRyxFQUMzRyxHQUF5QjtJQUR2QixJQUFBLFFBQVEsY0FBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBNUYsbUdBQThGLENBQUY7SUFHdEYsSUFBQSxLQUFBLE9BQXNDLFFBQVEsQ0FBZ0IsUUFBUSxDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQW9DLEtBQUssQ0FBQyxRQUFRLENBQVcsRUFBRSxDQUFDLElBQUEsRUFBL0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQWdDLENBQUE7SUFDaEUsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUEvQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQTRCLENBQUE7SUFDdEQsSUFBTSxPQUFPLEdB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRTFDLE9BQU8sWUFBWSxNQUFNLFVBQVUsQ0FBQTtBQUVuQzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBVUY7SUFUWixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FUSyx1RkFVZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXNDLFFBQVEsQ0FBZ0IsUUFBUSxDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQW9DLEtBQUssQ0FBQyxRQUFRLENBQVcsRUFBRSxDQUFDLElBQUEsRUFBL0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQWdDLENBQUE7SUFDaEUsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUEvQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQTRCLENBQUE7SUFDdEQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdCLFNBQVMsQ0FBQzs7UUFDUixJQUFNLGFBQWEsR0FBRyxNQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUs7WUFDdkQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO2dCQUFFLE9BQU8sS0FBSyxDQUFBO1lBQzlDLElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFBO1lBQ3ZELFFBQVEsSUFBSSxFQUFFO2dCQUNaLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFLLFFBQWdDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzdGLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQztvQkFDNUQsT0FBTyxLQUFLLENBQUE7Z0JBQ2Q7b0JBQ0UsT0FBTyxLQUFLLENBQUE7YUFDZjtRQUNILENBQUMsQ0FBQywwQ0FBRSxNQUFNLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxJQUFJLEVBQUosQ0FBSSxDQUFDLENBQUE7UUFDMUIsYUFBYSxJQUFJLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFBO1FBQ2hELGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQzdCLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxJQUFNLG9CQUFvQixHQUFHLFdBQVcsQ0FBQztRQUN2QyxDQUFDLFFBQVEsSUFBSSxVQUFVLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUMsQ0FBQTtJQUMxQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBTSxTQUFTLEdBQUcsV0FBVyxDQUMzQixVQUFDLEtBQWE7UUFDWixPQUFBLENBQUMsUUFBUSxJQUFJLGNBQWMsSUFBSSxPQUFPLGNBQWMsS0FBSyxRQUFRLElBQUksT0FBTyxjQUFjLEtBQUssUUFBUTtZQUNyRyxDQUFDLENBQUMsY0FBYyxhQUFkLGNBQWMsdUJBQWQsY0FBYyxDQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUM7WUFDakMsQ0FBQyxDQUFDLGNBQWMsS0FBSyxLQUFLLENBQUM7SUFGN0IsQ0FFNkIsRUFDL0IsQ0FBQyxRQUFRLEVBQUUsY0FBYyxDQUFDLENBQzNCLENBQUE7SUFFRCxJQUFNLG9CQUFvQixHQUFHLFdBQVcsQ0FDdEMsVUFBQyxFQUE2RztZQUEzRyxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxLQUFLLFdBQUE7UUFDbEMsSUFBTSxlQUFlLEdBQWEsRUFBRSxDQUFBO1FBQ3BDLElBQUksU0FBUyxFQUFFO1lBQ2IsaUJBQWlCLENBQUMsVUFBQyxJQUFJO2dCQUNyQixRQUFRLElBQUksRUFBRTtvQkFDWixLQUFLLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO3dCQUN0QixnQkFBZ0IsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxDQUFDLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBaEMsQ0FBZ0MsQ0FBQyxFQUF0RCxDQUFzRCxDQUFDLENBQUE7d0JBQ2xGLElBQU0sSUFBSSxHQUFJLElBQWlCLENBQUMsTUFBTSxDQUFDLFVBQUMsSUFBcUIsSUFBSyxPQUFBLElBQUksS0FBSyxLQUFLLEVBQWQsQ0FBYyxDQUFDLENBQUE7d0JBQ2pGLGVBQWUsQ0FBQyxJQUFJLE9BQXBCLGVBQWUsMkJBQVMsSUFBSSxXQUFDO3dCQUM3QixPQUFPLElBQUksQ0FBQTtvQkFDYixLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7d0JBQ3ZCLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTt3QkFDakIsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUE7d0JBQ3BCLE9BQU8sU0FBUyxDQUFBO29CQUNsQjt3QkFDRSxPQUFPLEtBQUssQ0FBQTtpQkFDZjtZQUNILENBQUMsQ0FBQyxDQUFBO1NBQ0g7UUFDRCxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2QsaUJBQWlCLENBQUMsVUFBQyxJQUFJO2dCQUNyQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ3ZCLElBQU0sSUFBSSwwQ0FBTyxJQUFJLFlBQUUsS0FBSyxTQUFDLENBQUE7b0JBQzdCLGVBQWUsQ0FBQyxJQUFJLE9BQXBCLGVBQWUsMkJBQVMsSUFBSSxXQUFDO29CQUM3QixPQUFPLElBQUksQ0FBQTtpQkFDWjtnQkFDRCxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO2dCQUMzQixPQUFPLEtBQUssQ0FBQTtZQUNkLENBQUMsQ0FBQyxDQUFBO1lBQ0YsZ0JBQWdCLENBQUMsVUFBQyxJQUFJO2dCQUNwQixJQUFJLFFBQVE7b0JBQUUsOENBQVcsSUFBSSxZQUFFLFFBQVEsSUFBSSxLQUFLLFVBQUM7Z0JBQ2pELFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtnQkFDakIsT0FBTyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQTtZQUM1QixDQUFDLENBQUMsQ0FBQTtTQUNIO1FBQ0QsT0FBTyxlQUFlLENBQUE7SUFDeEIsQ0FBQyxFQUNELENBQUMsUUFBUSxDQUFDLENBQ1gsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDNUIsT0FBTyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztZQUMvQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7Z0JBQUUsT0FBTyxJQUFJLENBQUE7WUFDN0MsSUFBTSxlQUFlLEdBQUcsVUFBQyxDQUFTO2dCQUNoQyxRQUFRLElBQUksRUFBRTtvQkFDWixLQUFLLENBQUMsUUFBUSxLQUFLLGNBQXNDLGFBQXRDLGNBQWMsdUJBQWQsY0FBYyxDQUEwQixRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQSxDQUFDO3dCQUNyRixDQUFDLENBQUMsUUFBUSxJQUFJLGNBQWMsS0FBSyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQzt3QkFDbkQsT0FBTyxTQUFTLENBQUE7b0JBQ2xCO3dCQUNFLE9BQU8sQ0FBQyxDQUFBO2lCQUNYO1lBQ0gsQ0FBQyxDQUFBO1lBQ0QsSUFBTSxLQUFLLHlCQUNOLEtBQUssQ0FBQyxLQUFLLEtBQ2QsT0FBTyxFQUFFLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUNyQyxPQUFPLEVBQUU7b0JBQ1AsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVE7d0JBQUUsT0FBTTtvQkFDaEMsSUFBTSxJQUFJLEdBQUcsb0JBQW9CLENBQUM7d0JBQ2hDLFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVE7d0JBQzlCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUs7d0JBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUs7d0JBQ3hCLFNBQVMsRUFBRSxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7cUJBQ3hDLENBQUMsQ0FBQTtvQkFDRixRQUFRO3dCQUNOLFFBQVEsQ0FBQzs0QkFDUCxXQUFXLEVBQUUsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDOzRCQUMvQyxVQUFVLEVBQUUsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDOzRCQUN0RSxRQUFRLEVBQUUsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDOzRCQUN6QyxJQUFJLEVBQUUsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDOzRCQUNoRSxlQUFlLEVBQUUsSUFBSTt5QkFDdEIsQ0FBQyxDQUFBO29CQUNKLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPO3dCQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUE7Z0JBQ2hELENBQUMsR0FDRixDQUFBO1lBQ0QsT0FBTyxvQkFBQyxZQUFZLGVBQUssS0FBSyxJQUFFLEdBQUcsRUFBRSxVQUFHLE9BQU8sY0FBSSxLQUFLLENBQUUsSUFBSSxDQUFBO1FBQ2hFLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLGNBQWMsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXhDLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLEtBQUssYUFDSixXQUFXLEVBQUUsb0JBQW9CLEVBQ2pDLE9BQU8sRUFBRSxvQkFBb0IsRUFDN0IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLEtBQUssRUFDbEIsWUFBWSxFQUFFLFFBQVEsRUFDdEIsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsRUFDMUQsS0FBSyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQy9CLFlBQVksRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUNsQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLG9CQUFvQixFQUFFLEVBQUUsSUFBQSxFQUFFLEVBQ3hELE1BQU0sRUFDVjtRQUNGLG9CQUFDLEtBQUssSUFBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxVQUFVLFFBQUMsS0FBSyxFQUFDLEVBQUUsSUFDdkUsT0FBTyxDQUNGLENBQ1AsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBQ3pDLGVBQWUsTUFBTSxDQUFBIn0=

package/lib/components/select/SelectProps.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { Dev } from '../../objects/facets/Dev';
+import { Accessibility, Dev } from '../../objects';
+import { IconName, IconNameValues } from '../icon';
+import { CommonProps } from '../../objects/facets/CommonProps';
 export interface ISelectOption {
     value: string | undefined;
     name: string | undefined;
@@ -17,7 +17,7 @@ export interface SelectChangeEvent {
 export type SelectChangeEventHandler<T = SelectChangeEvent> = (event: T) => void;
 export type SelectedValue = string | number | string[] | undefined;
 export type ParamEventSelectFocus = React.FocusEvent | React.BaseSyntheticEvent;
-export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev {
+export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev, CommonProps {
     onChange?: SelectChangeEventHandler<T>;
     onFocus?: (event: ParamEventSelectFocus) => void;
     onBlur?: (event: unknown) => void;
@@ -26,11 +26,8 @@ export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev {
     disabled?: boolean;
     iconName?: IconName | IconNameValues;
     selected?: SelectedValue;
-    id?: string;
     name?: string;
     multiple?: boolean;
-    className?: string;
-    nullable?: boolean;
     placeholder?: string;
     native?: boolean;
 }

package/lib/components/select/SelectPropsDefaults.js

@@ -110,13 +110,6 @@ export default {
       "string[]"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "name": {
     "type": "string",
     "values": [
@@ -132,14 +125,14 @@ export default {
       "true"
     ]
   },
-  "className": {
+  "placeholder": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "nullable": {
+  "native": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -147,29 +140,28 @@ export default {
       "true"
     ]
   },
-  "placeholder": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "native": {
-    "type": "boolean",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -1,2 +1,3 @@
-export { default as Select } from '../../components/select/Select';
-export { default as SelectOption } from '../../components/select/option';
+import Select from './Select';
+import SelectOption from './option';
+export { Select, SelectOption };

package/lib/components/select/index.js

@@ -1,3 +1,4 @@
-export { default as Select } from '../../components/select/Select';
-export { default as SelectOption } from '../../components/select/option';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxPQUFPLElBQUksWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUEifQ==
+import Select from './Select';
+import SelectOption from './option';
+export { Select, SelectOption };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxZQUFZLE1BQU0sVUFBVSxDQUFBO0FBRW5DLE9BQU8sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLENBQUEifQ==

package/lib/components/select/option/SelectOption.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SelectOptionProps } from '../../../components/select/option/SelectOptionProps';
+import * as React from 'react';
+import { SelectOptionProps } from './SelectOptionProps';
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -12,6 +12,7 @@ import { SelectOptionProps } from '../../../components/select/option/SelectOptio
  * @param disabled {boolean} disable option
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
+ * @param others
  */
-declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<HTMLDivElement | HTMLOptionElement>>;
+declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => React.JSX.Element;
 export default SelectOption;

package/lib/components/select/option/SelectOption.js

@@ -1,8 +1,7 @@
 import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Radio } from '../../../components/radio';
+import { RadioTile } from '../../../components/radio';
+import * as React from 'react';
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -15,15 +14,16 @@ import { Radio } from '../../../components/radio';
  * @param disabled {boolean} disable option
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
+ * @param others
  */
-var SelectOption = React.forwardRef(function (_a, ref) {
+var SelectOption = function (_a) {
     var id = _a.id, className = _a.className, value = _a.value, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
     var _b = others, checked = _b.checked, native = _b.native, focused = _b.focused, props = __rest(_b, ["checked", "native", "focused"]);
+    var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
     if (native) {
-        return (React.createElement("option", __assign({ ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
+        return (React.createElement("option", __assign({ role: "option", id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
     }
-    return (React.createElement(Radio, __assign({ ref: ref, checked: checked, tile: true, horizontalTile: true, marginless: true, className: clsx(focused && 'focus', className), value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId }, others)));
-});
-SelectOption.displayName = ComponentName.SelectOption;
+    return (React.createElement(RadioTile, __assign({ checked: checked, horizontal: true, className: selectClasses, value: value, disabled: disabled, onChange: onClick, icon: iconName, description: label || children }, others)));
+};
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUcxQzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUNFLEVBQTRHLEVBQzVHLEdBQWtEO0lBRGhELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF2Riw4RkFBeUYsQ0FBRjtJQUd2RixJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFFaEgsSUFBSSxNQUFNLEVBQUU7UUFDVixPQUFPLENBQ0wseUNBQ0UsR0FBRyxFQUFFLEdBQW1DLEVBQ3hDLElBQUksRUFBQyxRQUFRLEVBQ2IsRUFBRSxFQUFFLEVBQUUsRUFDTixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxRQUFRLGdCQUNOLEtBQUssaUJBQ0osTUFBTSxFQUNuQixPQUFPLEVBQUUsT0FBTyxJQUNaLEtBQUssR0FFUixRQUFRLElBQUksS0FBSyxDQUNYLENBQ1YsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEtBQUssYUFDSixHQUFHLEVBQUUsR0FBZ0MsRUFDckMsT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxRQUNKLGNBQWMsUUFDZCxVQUFVLFFBQ1YsU0FBUyxFQUFFLElBQUksQ0FBQyxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUM5QyxLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxLQUFLLElBQUksUUFBUSxFQUM5QixNQUFNLEVBQUUsTUFBTSxJQUNWLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDOUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFXb0I7SUFWbEIsSUFBQSxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVlgsOEZBV0MsQ0FEVTtJQUcvQixJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFDaEgsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxDQUFDLEVBQW5DLENBQW1DLEVBQUUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRyxJQUFJLE1BQU0sRUFBRTtRQUNWLE9BQU8sQ0FDTCx5Q0FDRSxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFDWixLQUFLLEdBRVIsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxTQUFTLGFBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLE9BQU8sRUFDakIsSUFBSSxFQUFFLFFBQVEsRUFDZCxXQUFXLEVBQUUsS0FBSyxJQUFJLFFBQVEsSUFDMUIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsWUFBWSxDQUFBIn0=