@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-calendar

package/lib/components/stepper/Stepper.native.js

@@ -10,7 +10,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
-var Stepper = function (_a) {
+var Stepper = React.forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var _b = __read(React.useState({
         step: 0,
@@ -20,7 +20,7 @@ var Stepper = function (_a) {
     var styles = StyleSheet.create({
         steppers: {
             flexDirection: 'row',
-            alignSelf: 'flex-start',
+            flex: 1,
         },
         step: {
             flexDirection: 'row',
@@ -50,20 +50,21 @@ var Stepper = function (_a) {
         if (children) {
             if (Array.isArray(children)) {
                 var haveCurrentStep_1 = false;
-                children.map(function (child) {
+                children.forEach(function (child, index) {
                     if (child.props.current) {
                         haveCurrentStep_1 = true;
                         setCurrentStep({
-                            step: child.props.step,
+                            step: index + 1,
                             name: child.props.label,
                             iconName: child.props.iconName,
                         });
                     }
                 });
-                if (!haveCurrentStep_1) {
+                if (!haveCurrentStep_1 && children.length > 0) {
                     setCurrentStep({
                         step: 1,
                         name: children[0].props.label,
+                        iconName: children[0].props.iconName,
                     });
                 }
             }
@@ -72,11 +73,12 @@ var Stepper = function (_a) {
                 setCurrentStep({
                     step: 1,
                     name: child.props.label,
+                    iconName: child.props.iconName,
                 });
             }
         }
     }, [children]);
-    return (React.createElement(View, null,
+    return (React.createElement(View, { ref: ref },
         React.createElement(View, __assign({ style: styles.steppers }, others), children),
         React.createElement(View, { style: styles.step },
             React.createElement(View, { style: styles.hasIcon },
@@ -87,7 +89,7 @@ var Stepper = function (_a) {
                 currentStep.step,
                 "/",
                 nbChild))));
-};
+});
 Stepper.displayName = ComponentName.Stepper;
 export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQzlCLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFlBQVk7U0FDeEI7UUFDRCxJQUFJLEVBQUU7WUFDSixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUsRUFBRTtTQUNkO1FBQ0QsT0FBTyxFQUFFO1lBQ1As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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMvRSxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBZTtRQUNqRSxJQUFJLEVBQUUsQ0FBQztRQUNQLElBQUksRUFBRSxFQUFFO1FBQ1IsUUFBUSxFQUFFLEVBQUU7S0FDYixDQUFDLElBQUEsRUFKSyxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBSWhDLENBQUE7SUFFRixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFFBQVEsRUFBRTtZQUNSLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLElBQUksRUFBRSxDQUFDO1NBQ1I7UUFDRCxJQUFJLEVBQUU7WUFDSixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUs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

package/lib/components/stepper/StepperProps.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Stepper Interface
@@ -6,3 +7,5 @@ import { CommonProps } from '../../objects/facets/CommonProps';
 export interface StepperProps extends CommonProps {
     children?: React.ReactNode;
 }
+export type StepperRef = HTMLDivElement;
+export type StepperNativeRef = View;

package/lib/components/stepper/step/Step.d.ts

@@ -8,9 +8,9 @@ import { StepProps } from './StepProps';
  * @param error {boolean} display error step
  * @param children {ReactNode} Stepper Step Children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param iconName {IconName | IconNameValues} display icon
  * @param label {string} Step label
  */
-declare const Step: ({ className, id, active, current, done, label, iconName, error, ...others }: StepProps) => React.JSX.Element;
+declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
 export default Step;

package/lib/components/stepper/step/Step.js

@@ -6,6 +6,7 @@ import { hashClass } from '../../../helpers';
 import { useTrilogyContext } from '../../../context';
 import Icon from '../../../components/icon/Icon';
 import { IconSize } from '../../../components/icon';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Stepper Step Component
  * @param active {boolean} Active step
@@ -14,11 +15,11 @@ import { IconSize } from '../../../components/icon';
  * @param error {boolean} display error step
  * @param children {ReactNode} Stepper Step Children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param iconName {IconName | IconNameValues} display icon
  * @param label {string} Step label
  */
-var Step = function (_a) {
+var Step = React.forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, iconName = _a.iconName, error = _a.error, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
     var styled = useTrilogyContext().styled;
     var classesStepLabel = hashClass(styled, clsx('step-label'));
@@ -26,10 +27,11 @@ var Step = function (_a) {
     /**
      * If no markup return div
      */
-    return (React.createElement("div", __assign({ id: id, className: classes, "data-label": label }, others),
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-label": label }, others),
         React.createElement("div", { className: classesStepLabel },
             label,
             !done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
-};
+});
+Step.displayName = ComponentName.Step;
 export default Step;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXNGO0lBQXBGLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6RSw4RUFBMkUsQ0FBRjtJQUM3RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0Q7O09BRUc7SUFFSCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxLQUFLLElBQU0sTUFBTTtRQUM1RCw2QkFBSyxTQUFTLEVBQUUsZ0JBQWdCO1lBQzdCLEtBQUs7WUFDTCxDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FDckcsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUIsVUFBQyxFQUEyRSxFQUFFLEdBQUc7SUFBOUUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQXpFLDhFQUEyRSxDQUFGO0lBQ2xILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sZ0JBQWdCLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQTtJQUU5RCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsY0FBYyxFQUNkLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRDs7T0FFRztJQUVILE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxJQUFNLE1BQU07UUFDdEUsNkJBQUssU0FBUyxFQUFFLGdCQUFnQjtZQUM3QixLQUFLO1lBQ0wsQ0FBQyxJQUFJLElBQUksUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxJQUFJLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQ3JHLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/stepper/step/Step.native.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { StepProps } from './StepProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Stepper Step Component
  * @param active {boolean} Active step
@@ -9,8 +8,5 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param error {boolean} display error step
  * @param children {ReactNode} Stepper Step Children
  */
-declare const StepperStep: {
-    ({ active, current, done, error, ...others }: StepProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default StepperStep;
+declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<import("react-native").View>>;
+export default Step;

package/lib/components/stepper/step/Step.native.js

@@ -11,8 +11,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param error {boolean} display error step
  * @param children {ReactNode} Stepper Step Children
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var StepperStep = function (_a) {
+var Step = React.forwardRef(function (_a, ref) {
     var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
     var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
     var activeColor = getColorStyle(TrilogyColor.MAIN);
@@ -36,15 +35,13 @@ var StepperStep = function (_a) {
         Animated.timing(backgroundColorAnim, {
             toValue: targetValue,
             duration: 650,
-            useNativeDriver: true,
+            useNativeDriver: false,
             easing: Easing.linear,
         }).start();
     }, [active, current, done, error]);
     var styles = StyleSheet.create({
         step: {
             flex: 1,
-            width: 59,
-            maxWidth: 59,
             height: 4,
             marginRight: 8,
             borderRadius: 4,
@@ -52,8 +49,8 @@ var StepperStep = function (_a) {
             zIndex: 1,
         },
     });
-    return React.createElement(Animated.View, __assign({ style: styles.step }, others));
-};
-StepperStep.displayName = ComponentName.StepperStep;
-export default StepperStep;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILDZEQUE2RDtBQUM3RCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1RCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUUsQ0FBQyxZQUFzQixFQUFFLFdBQXFCLEVBQUUsVUFBb0IsQ0FBQztLQUNuRixDQUFDLENBQUE7SUFFRixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLENBQUE7UUFDZixJQUFJLEtBQUssRUFBRTtZQUNULFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTSxJQUFJLE1BQU0sSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFO1lBQ3BDLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTTtZQUNMLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7UUFFRCxRQUFRLENBQUMsTUFBTSxDQUFDLG1CQUFtQixFQUFFO1lBQ25DLE9BQU8sRUFBRSxXQUFXO1lBQ3BCLFFBQVEsRUFBRSxHQUFHO1lBQ2IsZUFBZSxFQUFFLElBQUk7WUFDckIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNO1NBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNaLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFbEMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsQ0FBQztZQUNQLEtBQUssRUFBRSxFQUFFO1lBQ1QsUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxDQUFDO1lBQ2QsWUFBWSxFQUFFLENBQUM7WUFDZixlQUFlLEVBQUUsZUFBd0M7WUFDekQsTUFBTSxFQUFFLENBQUM7U0FDVjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsUUFBUSxDQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEVBQWtCLENBQUE7QUFDeEUsQ0FBQyxDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=
+    return React.createElement(Animated.View, __assign({ ref: ref, style: styles.step }, others));
+});
+Step.displayName = ComponentName.Step;
+export default Step;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFBMkMsRUFBRSxHQUFHO0lBQTlDLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUNoRyxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUUsQ0FBQyxZQUFzQixFQUFFLFdBQXFCLEVBQUUsVUFBb0IsQ0FBQztLQUNuRixDQUFDLENBQUE7SUFFRixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLENBQUE7UUFDZixJQUFJLEtBQUssRUFBRTtZQUNULFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTSxJQUFJLE1BQU0sSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFO1lBQ3BDLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTTtZQUNMLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7UUFFRCxRQUFRLENBQUMsTUFBTSxDQUFDLG1CQUFtQixFQUFFO1lBQ25DLE9BQU8sRUFBRSxXQUFXO1lBQ3BCLFFBQVEsRUFBRSxHQUFHO1lBQ2IsZUFBZSxFQUFFLEtBQUs7WUFDdEIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNO1NBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNaLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFbEMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsQ0FBQztZQUNQLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxlQUF3QztZQUN6RCxNQUFNLEVBQUUsQ0FBQztTQUNWO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxFQUFrQixDQUFBO0FBQ2xGLENBQUMsQ0FBQyxDQUFBO0FBRUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/stepper/step/StepProps.d.ts

@@ -1,3 +1,4 @@
+import { View } from 'react-native';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
@@ -11,3 +12,5 @@ export interface StepProps extends CommonProps {
     iconName?: IconName | IconNameValues;
     error?: boolean;
 }
+export type StepRef = HTMLDivElement;
+export type StepNativeRef = View;

package/lib/components/sticker/Sticker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { StickerProps } from './StickerProps';
 /**
  * Sticker component
@@ -7,9 +7,10 @@ import { StickerProps } from './StickerProps';
  * @param small {boolean} Small Sticker
  * @param id
  * @param outlined {boolean} Outlined sticker
+ * @param iconName {IconName} Icon
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param others
  */
-declare const Sticker: ({ className, id, variant, small, label, outlined, ...others }: StickerProps) => JSX.Element;
+declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<HTMLParagraphElement>>;
 export default Sticker;

package/lib/components/sticker/Sticker.js

@@ -5,6 +5,8 @@ import { is } from '../../services/classify';
 import { getVariantClassName } from '../../objects';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { Icon, IconSize } from '../../components/icon';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -12,15 +14,19 @@ import { useTrilogyContext } from '../../context';
  * @param small {boolean} Small Sticker
  * @param id
  * @param outlined {boolean} Outlined sticker
+ * @param iconName {IconName} Icon
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param others
  */
-var Sticker = function (_a) {
-    var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined"]);
+var Sticker = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined')));
-    return (React.createElement("p", __assign({ id: id, className: classes }, others), label));
-};
+    var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
+    return (React.createElement("p", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel }, others),
+        iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
+        label));
+});
+Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJFO0lBQXpFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRCw0REFBNkQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQ0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN0QyxLQUFLLENBQ0osQ0FDTCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQVUzRCxFQUFFLEdBQUc7SUFUSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNmLE1BQU0sY0FUaUQsOEZBVTNELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxrQkFBa0IsSUFBTSxNQUFNO1FBQ2hGLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/sticker/Sticker.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
+import { View } from 'react-native';
 import { StickerProps } from './StickerProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -8,10 +8,8 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param small {boolean} Small Sticker
  * @param hat {boolean} Hat Sticker ( for box )
  * @param outlined {boolean} Outlined sticker
+ * @param iconName {IconName} Icon
  * @param others
  */
-declare const Sticker: {
-    ({ variant, small, outlined, label, ...others }: StickerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<View>>;
 export default Sticker;

package/lib/components/sticker/Sticker.native.js

@@ -1,9 +1,11 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
-import { getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
 import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../components/icon';
 import { Text } from '../../components/text';
+import { isIOS } from '../../helpers/device.native';
+import { getColorStyle, getVariantStyle, TrilogyColor, TypographyBold } from '../../objects';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -11,16 +13,18 @@ import { Text } from '../../components/text';
  * @param small {boolean} Small Sticker
  * @param hat {boolean} Hat Sticker ( for box )
  * @param outlined {boolean} Outlined sticker
+ * @param iconName {IconName} Icon
  * @param others
  */
-var Sticker = function (_a) {
-    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, others = __rest(_a, ["variant", "small", "outlined", "label"]);
+var Sticker = React.forwardRef(function (_a, ref) {
+    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName", "accessibilityLabel"]);
     var defaultColor = getColorStyle(TrilogyColor.MAIN);
     var styles = StyleSheet.create({
         sticker: {
+            flexDirection: 'row',
             justifyContent: 'center',
-            paddingTop: small ? 4 : 8,
-            paddingBottom: small ? 4 : 8,
+            paddingTop: small ? 3 : 7,
+            paddingBottom: small ? 3 : 7,
             paddingLeft: small ? 8 : 16,
             paddingRight: small ? 8 : 16,
             alignSelf: 'flex-start',
@@ -34,20 +38,25 @@ var Sticker = function (_a) {
             marginTop: 0,
             fontSize: small ? 12 : 16,
             top: 0,
+            alignItems: 'center',
+            textAlign: 'center',
         },
         text: {
             lineHeight: (!small && 20) || 15,
             textAlign: 'center',
             color: (outlined && defaultColor) || getColorStyle(TrilogyColor.BACKGROUND),
             justifyContent: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
+            alignSelf: 'center',
             fontSize: (!small && 16) || 12,
-            transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
+            transform: isIOS ? [{ skewX: '0deg' }] : [],
+            marginLeft: (iconName && small && 4) || (iconName && !small && 5) || 0,
+            marginTop: 1,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.sticker }, others), label && React.createElement(Text, { style: styles.text }, label)));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.sticker, accessibilityLabel: accessibilityLabel }, others),
+        iconName && (React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName })),
+        label && (React.createElement(Text, { style: styles.text, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, label))));
+});
 Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTREO0lBQTFELElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUMzRCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzVCLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM3QixXQUFXLEVBQUUsQ0FBQyxRQUFRLElBQUksWUFBWSxDQUFDLElBQUksYUFBYTtZQUN4RCxlQUFlLEVBQUUsQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksWUFBWTtZQUMvRixtQkFBbUIsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDekQsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksRUFBRTtZQUN6QyxzQkFBc0IsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDNUQsdUJBQXVCLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQzdELFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pCLEdBQUcsRUFBRSxDQUFDO1NBQ1A7UUFDRCxJQUFJLEVBQUU7WUFDSixVQUFVLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQ2hDLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDLFFBQVEsSUFBSSxZQUFZLENBQUMsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUMzRSxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixRQUFRLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQzlCLFNBQVMsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzVEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3BDLEtBQUssSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQzdDLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDeEYsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUE0RSxFQUFFLEdBQUc7SUFBL0UsSUFBQSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxrQkFBa0Isd0JBQUEsRUFBSyxNQUFNLGNBQTFFLDJFQUE0RSxDQUFGO0lBQ3pFLElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDekIsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVCLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMzQixZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDNUIsU0FBUyxFQUFFLFlBQVk7WUFDdkIsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFdBQVcsRUFBRSxDQUFDLFFBQVEsSUFBSSxZQUFZLENBQUMsSUFBSSxhQUFhO1lBQ3hELGVBQWUsRUFBRSxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxZQUFZO1lBQy9GLG1CQUFtQixFQUFFLENBQUMsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQztZQUN6RCxvQkFBb0IsRUFBRSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQ3pDLHNCQUFzQixFQUFFLENBQUMsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQztZQUM1RCx1QkFBdUIsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDN0QsU0FBUyxFQUFFLENBQUM7WUFDWixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDekIsR0FBRyxFQUFFLENBQUM7WUFDTixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLEVBQUU7WUFDaEMsU0FBUyxFQUFFLFFBQVE7WUFDbkIsS0FBSyxFQUFFLENBQUMsUUFBUSxJQUFJLFlBQVksQ0FBQyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQzNFLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFNBQVMsRUFBRSxRQUFRO1lBQ25CLFFBQVEsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLEVBQUU7WUFDOUIsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzNDLFVBQVUsRUFBRSxDQUFDLFFBQVEsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUN0RSxTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixJQUFNLE1BQU07UUFDdEYsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxZQUFZLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUMxRztRQUNBLEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLENBQUMsSUFDbEUsS0FBSyxDQUNELENBQ1IsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/sticker/StickerProps.d.ts

@@ -1,9 +1,12 @@
 import { Small } from '../../objects/facets/Small';
-import { VariantProps } from '../../objects/facets';
+import { Accessibility, VariantProps } from '../../objects/facets';
 import { CommonProps } from '../../objects/facets/CommonProps';
 import { IconName, IconNameValues } from '../../components/icon';
-export interface StickerProps extends Small, VariantProps, CommonProps {
+import { View } from 'react-native';
+export interface StickerProps extends Small, VariantProps, CommonProps, Accessibility {
     label: string;
     iconName?: IconName | IconNameValues;
     outlined?: boolean;
 }
+export type StickerRef = HTMLParagraphElement;
+export type StickerNativeRef = View;

package/lib/components/sticker/StickerPropsDefaults.js

@@ -78,9 +78,9 @@ export default {
       "INFO",
       "MAIN",
       "ACCENT",
-      "INFO",
       "MAIN",
-      "ACCENT"
+      "ACCENT",
+      "INFO"
     ]
   },
   "id": {
@@ -96,5 +96,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,3 +1,2 @@
 import Sticker from './Sticker';
-export * from './StickerEnum';
 export { Sticker };

package/lib/components/sticker/index.js

@@ -1,4 +1,3 @@
 import Sticker from './Sticker';
-export * from './StickerEnum';
 export { Sticker };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGNBQWMsZUFBZSxDQUFBO0FBRTdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9

package/lib/components/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SwitchProps } from './SwitchProps';
 /**
  * Switch Component
@@ -10,11 +10,11 @@ import { SwitchProps } from './SwitchProps';
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  * -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param onClick {Function} onClick event
  * @param label {string} Switch label
  * @param value {string} Switch value
  * @param reversed {boolean} change switch position
  */
-declare const Switch: ({ className, id, label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, fullWidth, ...others }: SwitchProps) => JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
 export default Switch;

package/lib/components/switch/Switch.js

@@ -1,11 +1,11 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
 import clsx from 'clsx';
 import { is } from '../../services/classify';
 import { getStatusClassName } from '../../objects';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -16,14 +16,14 @@ import { useTrilogyContext } from '../../context';
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  * -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param onClick {Function} onClick event
  * @param label {string} Switch label
  * @param value {string} Switch value
  * @param reversed {boolean} change switch position
  */
-var Switch = function (_a) {
-    var className = _a.className, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
+var Switch = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     var styled = useTrilogyContext().styled;
     React.useEffect(function () {
@@ -34,7 +34,7 @@ var Switch = function (_a) {
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
         React.createElement("input", __assign({ onChange: function (e) {
                 if (!readonly) {
                     setChecked(!_checked);
@@ -59,6 +59,7 @@ var Switch = function (_a) {
                 }
             }, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: "switch-".concat(id), type: 'checkbox', disabled: disabled, className: hashClass(styled, clsx(status && is(getStatusClassName(status)))) }, others)),
         React.createElement("label", { htmlFor: "switch-".concat(id) }, label)));
-};
+});
+Switch.displayName = ComponentName.Switch;
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZUY7SUFkWixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FkSywwSUFlZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUVqSCx3Q0FDRSxRQUFRLEVBQUUsVUFBQyxDQUFDO2dCQUNWLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksUUFBUSxFQUFFO29CQUNaLFFBQVEsQ0FBQzt3QkFDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1lBQ0QsOERBQThEO1lBQzlELE9BQU8sRUFBRSxVQUFDLENBQU07Z0JBQ2QsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDYixVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtpQkFDdEI7Z0JBQ0QsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDO3dCQUNOLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87d0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7cUJBQzFCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxpQkFBVSxFQUFFLENBQUUsRUFDbEIsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDeEUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLGlCQUFVLEVBQUUsQ0FBRSxJQUFHLEtBQUssQ0FBUyxDQUMzQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBZXhELEVBQUUsR0FBRztJQWRKLElBQUEsU0FBUyxlQUFBLEVBQ1QsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ04sTUFBTSxjQWQ4QywwSUFleEQsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUMxRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUM5QixDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWIsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUVqSCx3Q0FDRSxRQUFRLEVBQUUsVUFBQyxDQUFDO2dCQUNWLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksUUFBUSxFQUFFO29CQUNaLFFBQVEsQ0FBQzt3QkFDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1lBQ0QsOERBQThEO1lBQzlELE9BQU8sRUFBRSxVQUFDLENBQU07Z0JBQ2QsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDYixVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtpQkFDdEI7Z0JBQ0QsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDO3dCQUNOLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87d0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7cUJBQzFCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxpQkFBVSxFQUFFLENBQUUsRUFDbEIsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDeEUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLGlCQUFVLEVBQUUsQ0FBRSxJQUFHLEtBQUssQ0FBUyxDQUMzQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/switch/Switch.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SwitchProps } from "./SwitchProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { Switch as SwitchNative } from 'react-native';
+import { SwitchProps } from './SwitchProps';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -11,8 +11,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  */
-declare const Switch: {
-    ({ id, checked, onChange, status, disabled, readonly, name, }: SwitchProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<SwitchNative>>;
 export default Switch;

package/lib/components/switch/Switch.native.js

@@ -1,10 +1,10 @@
 import { __read } from "tslib";
-import React, { useEffect, useState } from "react";
-import { Platform, StyleSheet, Switch as SwitchNative } from "react-native";
-import shortid from "shortid";
-import { getStatusStyle } from "../../objects";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { isIOS } from '../../helpers/device.native';
+import { getStatusStyle } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Switch as SwitchNative } from 'react-native';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -15,8 +15,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  */
-var Switch = function (_a) {
-    var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, onChange = _a.onChange, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name;
+var Switch = React.forwardRef(function (_a, ref) {
+    var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, onChange = _a.onChange, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name;
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     useEffect(function () {
         if (!readonly) {
@@ -31,17 +31,15 @@ var Switch = function (_a) {
             transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }],
         },
     });
-    return (React.createElement(SwitchNative, { testID: 'switch-id', style: Platform.OS === "ios" ? styles.switchIos : {}, trackColor: {
+    return (React.createElement(SwitchNative, { ref: ref, testID: 'switch-id', style: isIOS ? styles.switchIos : {}, trackColor: {
             false: disabled ? backgroundColorDisabled : backgroundColorOff,
-            true: disabled
-                ? backgroundColorDisabled
-                : getStatusStyle(status).color,
+            true: disabled ? backgroundColorDisabled : getStatusStyle(status).color,
         }, thumbColor: thumbColor, ios_backgroundColor: disabled ? backgroundColorDisabled : backgroundColorOff, onValueChange: function (state) {
             if (onChange) {
-                onChange({ switchState: state, switchName: name || "" });
+                onChange({ switchState: state, switchName: name || '' });
             }
         }, nativeID: name ? "".concat(name, "_").concat(id) : id, disabled: disabled, value: _checked }));
-};
+});
 Switch.displayName = ComponentName.Switch;
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxJQUFJLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFDN0IsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBUUY7UUFQWixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUE7SUFFRSxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixJQUFNLGtCQUFrQixHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDOUQsSUFBTSx1QkFBdUIsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFekQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxTQUFTLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztTQUM5QztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLElBQ1gsTUFBTSxFQUFDLFdBQVcsRUFDbEIsS0FBSyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3BELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxrQkFBa0I7WUFDOUQsSUFBSSxFQUFFLFFBQVE7Z0JBQ1osQ0FBQyxDQUFDLHVCQUF1QjtnQkFDekIsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLO1NBQ2pDLEVBQ0QsVUFBVSxFQUFFLFVBQVUsRUFDdEIsbUJBQW1CLEVBQ2pCLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixFQUV6RCxhQUFhLEVBQUUsVUFBQyxLQUFLO1lBQ25CLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQ3pEO1FBQ0gsQ0FBQyxFQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxjQUFJLEVBQUUsQ0FBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3JDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxRQUFRLEdBQ2YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLElBQUksWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2pFOzs7Ozs7Ozs7R0FTRztBQUVILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStCLFVBQUMsRUFROUQsRUFBRSxHQUFHO1FBUEosVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBO0lBRUUsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsSUFBTSxrQkFBa0IsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQzlELElBQU0sdUJBQXVCLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUNwRSxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsU0FBUyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDOUM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsWUFBWSxJQUNYLEdBQUcsRUFBRSxHQUFHLEVBQ1IsTUFBTSxFQUFDLFdBQVcsRUFDbEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUNwQyxVQUFVLEVBQUU7WUFDVixLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsa0JBQWtCO1lBQzlELElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSztTQUN4RSxFQUNELFVBQVUsRUFBRSxVQUFVLEVBQ3RCLG1CQUFtQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixFQUM1RSxhQUFhLEVBQUUsVUFBQyxLQUFLO1lBQ25CLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQ3pEO1FBQ0gsQ0FBQyxFQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxjQUFJLEVBQUUsQ0FBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3JDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxRQUFRLEdBQ2YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==