@trilogy-ds/react 0.0.3-beta-v4 → 0.0.4-alpha-prompt

package/lib/components/title/Title.native.js

@@ -1,13 +1,13 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { useContext } from "react";
-import { Platform, StyleSheet, Text as TextNative, TouchableOpacity, View, } from "react-native";
-import ContentLoader, { Rect } from "react-content-loader/native";
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from "../../objects";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { StatesContext } from "../../context/providerStates";
-import { TitleLevels } from "./TitleEnum";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import * as React from 'react';
+import { useContext } from 'react';
+import { StyleSheet, Text as TextNative, TouchableOpacity } from 'react-native';
+import { Skeleton } from '../skeleton';
+import { TitleLevels } from './TitleEnum';
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -22,9 +22,14 @@ import { TitleLevels } from "./TitleEnum";
  * @param subtitle {boolean} Subtitle below title
  * @param overline {boolean} Overline above title
  */
-var Title = function (_a) {
+var Title = React.forwardRef(function (_a, ref) {
     var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
     var statesContext = useContext(StatesContext);
+    var color = setTypographyColor(typo, inverted || statesContext.inverted, skeleton);
+    var colorOverline = getColorStyle(TrilogyColor.MAIN);
+    var fontFamily = level && [TitleLevels.ONE, TitleLevels.TWO].includes(level)
+        ? TypographyBold.TEXT_WEIGHT_BOLD
+        : TypographyBold.TEXT_WEIGHT_SEMIBOLD;
     var titlesLevels = function () {
         switch (level) {
             case TitleLevels.ONE:
@@ -45,33 +50,23 @@ var Title = function (_a) {
     };
     var getAlignSelf = function () {
         switch (true) {
-            case setTypographyAlign(typo) === "left":
-                return "flex-start";
-            case setTypographyAlign(typo) === "center":
-                return "center";
-            case setTypographyAlign(typo) === "right":
-                return "flex-end";
+            case setTypographyAlign(typo) === 'left':
+                return 'flex-start';
+            case setTypographyAlign(typo) === 'center':
+                return 'center';
+            case setTypographyAlign(typo) === 'right':
+                return 'flex-end';
             default:
-                return "flex-start";
+                return 'flex-start';
         }
     };
-    var getFontFamily = function () {
-        if (level && [TitleLevels.ONE, TitleLevels.TWO].includes(level))
-            return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_BOLD);
-        return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD);
-    };
     var styles = StyleSheet.create({
         text: {
-            fontFamily: getFontFamily(),
+            fontFamily: getTypographyBoldStyle(fontFamily),
             fontSize: titlesLevels(),
-            color: ((overline || subtitle) &&
-                !level &&
-                getColorStyle(TrilogyColor.MAIN)) ||
-                (!skeleton &&
-                    setTypographyColor(typo, inverted || statesContext.inverted)) ||
-                "transparent",
+            color: ((overline || subtitle) && !level && colorOverline) || color,
             textAlign: setTypographyAlign(typo),
-            textTransform: overline && !level ? "uppercase" : undefined,
+            textTransform: overline && !level ? 'uppercase' : undefined,
             alignSelf: getAlignSelf(),
         },
         skeleton: {
@@ -80,27 +75,21 @@ var Title = function (_a) {
             borderRadius: 5,
             borderWidth: 0.1,
             borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
-            overflow: "hidden",
+            overflow: 'hidden',
             height: titlesLevels(),
         },
     });
-    var titleTestId = typeof children === "string"
-        ? children
-        : "NotSpecified";
     var titleAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === "string"
+        : typeof children === 'string'
             ? children
             : undefined;
-    var titleView = (React.createElement(TextNative, __assign({ maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
+    var titleView = (React.createElement(TextNative, __assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
-        titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
-            titleView,
-            Platform.OS === "android" && (React.createElement(View, null,
-                React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
+        titleView = (React.createElement(Skeleton, { style: styles.skeleton, height: titlesLevels(), borderRadius: 5 }, titleView));
     }
     return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
-};
+});
 Title.displayName = ComponentName.Title;
 export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBQ2hHLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUUxRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUV6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhJLHVIQVlkLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDL0MsSUFBTSxZQUFZLEdBQUc7UUFDbkIsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQTtZQUNYLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFBO1lBQ1gsS0FBSyxXQUFXLENBQUMsS0FBSztnQkFDcEIsT0FBTyxFQUFFLENBQUE7WUFDWCxLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQTtZQUNYLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFBO1lBQ1gsS0FBSyxXQUFXLENBQUMsR0FBRztnQkFDbEIsT0FBTyxFQUFFLENBQUE7WUFDWDtnQkFDRSxPQUFPLEVBQUUsQ0FBQTtTQUNaO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUc7UUFDbkIsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLE1BQU07Z0JBQ3RDLE9BQU8sWUFBWSxDQUFBO1lBQ3JCLEtBQUssa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssUUFBUTtnQkFDeEMsT0FBTyxRQUFRLENBQUE7WUFDakIsS0FBSyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxPQUFPO2dCQUN2QyxPQUFPLFVBQVUsQ0FBQTtZQUNuQjtnQkFDRSxPQUFPLFlBQVksQ0FBQTtTQUN0QjtJQUNILENBQUMsQ0FBQTtJQUNELElBQU0sYUFBYSxHQUFHO1FBQ3BCLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsRUFBRSxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUFFLE9BQU8sc0JBQXNCLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUFDLENBQUE7UUFDN0gsT0FBTyxzQkFBc0IsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLENBQUMsQ0FBQTtJQUN0RSxDQUFDLENBQUE7SUFFRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxhQUFhLEVBQUU7WUFDM0IsUUFBUSxFQUFFLFlBQVksRUFBRTtZQUN4QixLQUFLLEVBQ0gsQ0FBQyxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUM7Z0JBQ3JCLENBQUMsS0FBSztnQkFDTixhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNuQyxDQUFDLENBQUMsUUFBUTtvQkFDUixrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxJQUFJLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDL0QsYUFBYTtZQUNmLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7WUFDbkMsYUFBYSxFQUFFLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzNELFNBQVMsRUFBRSxZQUFZLEVBQUU7U0FDMUI7UUFDRCxRQUFRLEVBQUU7WUFDUixRQUFRLEVBQUUsRUFBRTtZQUNaLFNBQVMsRUFBRSxZQUFZLEVBQUU7WUFDekIsWUFBWSxFQUFFLENBQUM7WUFDZixXQUFXLEVBQUUsR0FBRztZQUNoQixXQUFXLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDckQsUUFBUSxFQUFFLFFBQVE7WUFDbEIsTUFBTSxFQUFFLFlBQVksRUFBRTtTQUN2QjtLQUNGLENBQUMsQ0FBQTtJQUNGLElBQU0sV0FBVyxHQUFHLE9BQU8sUUFBUSxLQUFLLFFBQVE7UUFDOUMsQ0FBQyxDQUFDLFFBQVE7UUFDVixDQUFDLENBQUMsY0FBYyxDQUFBO0lBQ2xCLElBQU0sdUJBQXVCLEdBQUcsa0JBQWtCO1FBQ2hELENBQUMsQ0FBQyxrQkFBa0I7UUFDcEIsQ0FBQyxDQUFDLE9BQU8sUUFBUSxLQUFLLFFBQVE7WUFDOUIsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsU0FBUyxDQUFBO0lBRWIsSUFBSSxTQUFTLEdBQUcsQ0FDZCxvQkFBQyxVQUFVLGFBQ1QscUJBQXFCLEVBQUUsR0FBRyxFQUMxQixVQUFVLEVBQUUsQ0FBQyxDQUFDLHVCQUF1QixFQUNyQyxrQkFBa0IsRUFBRSx1QkFBdUIsRUFDM0MsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFDdkIsTUFBTSxHQUVULFFBQVEsQ0FDRSxDQUNkLENBQUE7SUFFRCxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsR0FBRyxDQUNWLG9CQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVE7WUFDbEMsU0FBUztZQUNULFFBQVEsQ0FBQyxFQUFFLEtBQUssU0FBUyxJQUFJLENBQzVCLG9CQUFDLElBQUk7Z0JBQ0gsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUcsQ0FDOUMsQ0FDUixDQUNhLENBQ2pCLENBQUE7S0FDRjtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUksSUFDcEQsU0FBUyxDQUNPLENBQ3BCLENBQUMsQ0FBQyxDQUFDLENBQ0YsU0FBUyxDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFHekM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFZM0QsRUFBRSxHQUFHO0lBWEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhpRCx1SEFZM0QsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJ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

package/lib/components/title/TitleProps.d.ts

@@ -2,6 +2,7 @@
 import { Accessibility, Clickable, Dev, Invertable, Marginless, TypographyAlign, TypographyAlignValues, TypographyBold, TypographyBoldValues, TypographyColor, TypographyColorValues, TypographyTransform, TypographyTransformValues } from '../../objects';
 import { TitleLevels, TitleLevelValues, TitleMarkup, TitleMarkupValues } from './TitleEnum';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Text } from 'react-native';
 type Styles = {
     [key: string]: unknown;
 };
@@ -18,4 +19,6 @@ export interface TitleProps extends Invertable, Accessibility, Clickable, Margin
     subtitle?: boolean;
     overline?: boolean;
 }
+export type TitleRef = HTMLParagraphElement | HTMLHeadingElement | HTMLDivElement;
+export type TitleNativeRef = Text;
 export {};

package/lib/components/title/TitlePropsDefaults.js

@@ -45,14 +45,14 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "div",
-      "h1",
+      "p",
       "h2",
       "h3",
       "h4",
       "h5",
       "h6",
-      "p",
+      "div",
+      "h1",
       "span",
       "h1",
       "h2",

package/lib/components/view/View.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ViewProps } from "./ViewProps";
 /**
  * View Component (DIV EQUIVALENT)
@@ -11,14 +11,14 @@ import { ViewProps } from "./ViewProps";
  * @param id {string} Id for Web / TestID for Native
  * @param fullwidth {boolean} true by default
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
  * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param loading {Loading} Loading View
  * @param markup {ViewMarkup} Markup for View
  * @param inverted {boolean} Inverted View Color
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-declare const View: ({ children, style, className, loading, onClick, backgroundColor, backgroundSrc, inverted, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
 export default View;

package/lib/components/view/View.js

@@ -17,16 +17,16 @@ import { useTrilogyContext } from "../../context";
  * @param id {string} Id for Web / TestID for Native
  * @param fullwidth {boolean} true by default
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
  * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param loading {Loading} Loading View
  * @param markup {ViewMarkup} Markup for View
  * @param inverted {boolean} Inverted View Color
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-var View = function (_a) {
+var View = React.forwardRef(function (_a, ref) {
     var children = _a.children, style = _a.style, className = _a.className, loading = _a.loading, onClick = _a.onClick, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, markup = _a.markup, flexable = _a.flexable, justify = _a.justify, align = _a.align, others = __rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align"]);
     var styled = useTrilogyContext().styled;
     var isCorrectMarkup = function (stringMarkup) {
@@ -36,13 +36,13 @@ var View = function (_a) {
     };
     var Tag = markup && isCorrectMarkup(markup) ? markup : "div";
     var classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
-    return (React.createElement(Tag, __assign({ onClick: onClick, style: style, className: classes }, (backgroundSrc && {
+    return (React.createElement(Tag, __assign({ ref: ref, onClick: onClick, style: style, className: classes }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
             backgroundSize: "cover",
             backgroundPosition: "50%",
         },
     }), others), children));
-};
+});
 export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBK0IsTUFBTSxhQUFhLENBQUE7QUFDckUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFlRjtJQWRWLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQWRHLCtKQWViLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQ0UsWUFBWSxJQUFJLFVBQVU7WUFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMEIsQ0FBQztZQUU5RCxPQUFPLElBQUksQ0FBQTtJQUNmLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRTlELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQzNELGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3RCLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDL0QsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6RCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBd0MsTUFBTSxhQUFhLENBQUE7QUFDOUUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFlbEQsRUFBRSxHQUFHO0lBZEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLGlCQUFnQixFQUFoQixTQUFTLG1CQUFHLElBQUksS0FBQSxFQUNoQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDRixNQUFNLGNBZHdDLCtKQWVsRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUEyQztRQUNsRSxJQUNFLFlBQVksSUFBSSxVQUFVO1lBQzFCLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFFOUQsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/view/View.native.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ViewProps } from "./ViewProps";
-import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -15,8 +14,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
  * @param bottom {boolean} Bottom position
  */
-declare const View: {
-    ({ children, style, onClick, flexable, bottom, backgroundColor, backgroundSrc, id, justify, fullwidth, align, ...others }: ViewProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
 export default View;

package/lib/components/view/View.native.js

@@ -18,7 +18,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
  * @param bottom {boolean} Bottom position
  */
-var View = function (_a) {
+var View = React.forwardRef(function (_a, ref) {
     var children = _a.children, style = _a.style, onClick = _a.onClick, flexable = _a.flexable, bottom = _a.bottom, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, id = _a.id, justify = _a.justify, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, align = _a.align, others = __rest(_a, ["children", "style", "onClick", "flexable", "bottom", "backgroundColor", "backgroundSrc", "id", "justify", "fullwidth", "align"]);
     var viewColor = (backgroundColor && getColorStyle(backgroundColor)) || "transparent";
     var styles = StyleSheet.create({
@@ -34,18 +34,18 @@ var View = function (_a) {
             height: "auto",
         },
     });
-    var returnView = (React.createElement(ViewNative, __assign({ testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others), children));
+    var returnView = (React.createElement(ViewNative, __assign({ ref: ref, testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others), children));
     if (!children) {
-        returnView = (React.createElement(ViewNative, __assign({ testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others)));
+        returnView = (React.createElement(ViewNative, __assign({ ref: ref, testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others)));
     }
     if (onClick) {
-        returnView = (React.createElement(ViewNative, __assign({ testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others),
+        returnView = (React.createElement(ViewNative, __assign({ ref: ref, testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others),
             React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: onClick }, children)));
     }
     return backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === "number"
             ? backgroundSrc
             : { uri: backgroundSrc } }, returnView)) : (returnView);
-};
+});
 View.displayName = ComponentName.View;
 export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvVmlldy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLElBQUksVUFBVSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBQ2pHLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFnQixNQUFNLFdBQVcsQ0FBQTtBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBYUY7SUFaVixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FaRyxpSUFhYixDQURVO0lBRVQsSUFBTSxTQUFTLEdBQ2IsQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDLGVBQStCLENBQUMsQ0FBQyxJQUFJLGFBQWEsQ0FBQTtJQUV0RixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksc0JBQ0YsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ3RCLGVBQWUsRUFBRSxTQUFTLEVBQzFCLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUMvQixDQUFDLE9BQU8sSUFBSSxFQUFFLGNBQWMsRUFBRSxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxHQUN6RCxDQUFDLEtBQUssSUFBSSxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUNuRDtRQUNELE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1NBQ25DO1FBQ0QsWUFBWSxFQUFFO1lBQ1osSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3RCLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQUksVUFBVSxHQUFHLENBQ2Ysb0JBQUMsVUFBVSxhQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUNoRCxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtJQUNELElBQUksQ0FBQyxRQUFRLEVBQUU7UUFDYixVQUFVLEdBQUcsQ0FDWCxvQkFBQyxVQUFVLGFBQ1QsTUFBTSxFQUFFLEVBQUUsRUFDVixRQUFRLEVBQUUsRUFBRSxFQUNaLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLElBQ2hELE1BQU0sRUFDVixDQUNILENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsVUFBVSxHQUFHLENBQ1gsb0JBQUMsVUFBVSxhQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUNoRCxNQUFNO1lBRVYsb0JBQUMsZ0JBQWdCLElBQUMsYUFBYSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUNqRCxRQUFRLENBQ1EsQ0FDUixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUNyQixvQkFBQyxlQUFlLElBQ2QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZLEVBQzFCLE1BQU0sRUFDSixPQUFPLGFBQWEsS0FBSyxRQUFRO1lBQy9CLENBQUMsQ0FBQyxhQUFhO1lBQ2YsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxJQUczQixVQUFVLENBQ0ssQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixVQUFVLENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvVmlldy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLElBQUksVUFBVSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBQ2pHLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFnQixNQUFNLFdBQVcsQ0FBQTtBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBYXhELEVBQUUsR0FBRztJQVpKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVo4QyxpSUFheEQsQ0FEVTtJQUVULElBQU0sU0FBUyxHQUNiLENBQUMsZUFBZSxJQUFJLGFBQWEsQ0FBQyxlQUErQixDQUFDLENBQUMsSUFBSSxhQUFhLENBQUE7SUFFdEYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLHNCQUNGLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0QixlQUFlLEVBQUUsU0FBUyxFQUMxQixLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sSUFDL0IsQ0FBQyxPQUFPLElBQUksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsR0FDekQsQ0FBQyxLQUFLLElBQUksRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FDbkQ7UUFDRCxNQUFNLEVBQUU7WUFDTixRQUFRLEVBQUUsVUFBVTtZQUNwQixNQUFNLEVBQUUsQ0FBQztZQUNULEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtTQUNuQztRQUNELFlBQVksRUFBRTtZQUNaLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN0QixLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixJQUFJLFVBQVUsR0FBRyxDQUNmLG9CQUFDLFVBQVUsYUFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLE1BQU0sRUFBRSxFQUFFLEVBQ1YsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUNoRCxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtJQUNELElBQUksQ0FBQyxRQUFRLEVBQUU7UUFDYixVQUFVLEdBQUcsQ0FDWCxvQkFBQyxVQUFVLGFBQ1QsR0FBRyxFQUFFLEdBQUcsRUFDUixNQUFNLEVBQUUsRUFBRSxFQUNWLFFBQVEsRUFBRSxFQUFFLEVBQ1osS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLElBQUksTUFBTSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsSUFDaEQsTUFBTSxFQUNWLENBQ0gsQ0FBQTtLQUNGO0lBRUQsSUFBSSxPQUFPLEVBQUU7UUFDWCxVQUFVLEdBQUcsQ0FDWCxvQkFBQyxVQUFVLGFBQ1QsR0FBRyxFQUFFLEdBQUcsRUFDUixNQUFNLEVBQUUsRUFBRSxFQUNWLFFBQVEsRUFBRSxFQUFFLEVBQ1osS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLElBQUksTUFBTSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsSUFDaEQsTUFBTTtZQUVWLG9CQUFDLGdCQUFnQixJQUFDLGFBQWEsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sSUFDakQsUUFBUSxDQUNRLENBQ1IsQ0FDZCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FDckIsb0JBQUMsZUFBZSxJQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxFQUMxQixNQUFNLEVBQ0osT0FBTyxhQUFhLEtBQUssUUFBUTtZQUMvQixDQUFDLENBQUMsYUFBYTtZQUNmLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsSUFHM0IsVUFBVSxDQUNLLENBQ25CLENBQUMsQ0FBQyxDQUFDLENBQ0YsVUFBVSxDQUNYLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/view/ViewProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Loadable, Clickable, Fullwidth, JustifiableProps, AlignableProps, BackgroundProps, Accessibility } from "../../objects";
+import { Accessibility, AlignableProps, BackgroundProps, Clickable, Fullwidth, JustifiableProps, Loadable } from '../../objects';
 type Styles = {
     [key: string]: any;
 };
@@ -13,7 +13,14 @@ export declare enum ViewMarkup {
     UL = "ul",
     LI = "li",
     LABEL = "label",
-    MAIN = "main"
+    MAIN = "main",
+    SUMMARY = "summary",
+    DETAILS = "details",
+    OL = "ol",
+    DL = "dl",
+    DT = "dt",
+    DD = "dd",
+    DIALOG = "dialog"
 }
 export type ViewMarkupValues = `${ViewMarkup}`;
 /**
@@ -28,4 +35,6 @@ export interface ViewProps extends Loadable, Clickable, JustifiableProps, Fullwi
     id?: string;
     markup?: ViewMarkup | ViewMarkupValues;
 }
+export type ViewRef = any;
+export type ViewNativeRef = any;
 export {};

package/lib/components/view/ViewProps.js

@@ -10,5 +10,12 @@ export var ViewMarkup;
     ViewMarkup["LI"] = "li";
     ViewMarkup["LABEL"] = "label";
     ViewMarkup["MAIN"] = "main";
+    ViewMarkup["SUMMARY"] = "summary";
+    ViewMarkup["DETAILS"] = "details";
+    ViewMarkup["OL"] = "ol";
+    ViewMarkup["DL"] = "dl";
+    ViewMarkup["DT"] = "dt";
+    ViewMarkup["DD"] = "dd";
+    ViewMarkup["DIALOG"] = "dialog";
 })(ViewMarkup || (ViewMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlld1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy92aWV3L1ZpZXdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLENBQU4sSUFBWSxVQVdYO0FBWEQsV0FBWSxVQUFVO0lBQ3BCLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZixxQkFBTyxDQUFBO0lBQ1AsMkJBQWEsQ0FBQTtJQUNiLHlCQUFXLENBQUE7SUFDWCxxQkFBTyxDQUFBO0lBQ1AsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtBQUNmLENBQUMsRUFYVyxVQUFVLEtBQVYsVUFBVSxRQVdyQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlld1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy92aWV3L1ZpZXdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhQSxNQUFNLENBQU4sSUFBWSxVQWtCWDtBQWxCRCxXQUFZLFVBQVU7SUFDcEIsK0JBQWlCLENBQUE7SUFDakIsNkJBQWUsQ0FBQTtJQUNmLHFCQUFPLENBQUE7SUFDUCwyQkFBYSxDQUFBO0lBQ2IseUJBQVcsQ0FBQTtJQUNYLHFCQUFPLENBQUE7SUFDUCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtJQUNULDZCQUFlLENBQUE7SUFDZiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsaUNBQW1CLENBQUE7SUFDbkIsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtJQUNULCtCQUFpQixDQUFBO0FBQ25CLENBQUMsRUFsQlcsVUFBVSxLQUFWLFVBQVUsUUFrQnJCIn0=

package/lib/components/view/ViewPropsDefaults.js

@@ -54,15 +54,22 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "a",
+      "p",
       "button",
+      "a",
+      "dd",
+      "details",
+      "dialog",
       "div",
+      "dl",
+      "dt",
       "input",
       "label",
       "li",
       "main",
-      "p",
+      "ol",
       "span",
+      "summary",
       "ul",
       "button",
       "input",
@@ -73,7 +80,14 @@ export default {
       "ul",
       "li",
       "label",
-      "main"
+      "main",
+      "summary",
+      "details",
+      "ol",
+      "dl",
+      "dt",
+      "dd",
+      "dialog"
     ]
   },
   "loading": {
@@ -99,14 +113,25 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "justified-center",
-      "justified-start",
-      "justified-end",
-      "space-between",
+      "CENTER",
+      "START",
+      "END",
+      "CENTER",
+      "START",
+      "END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY",
       "JUSTIFIED_CENTER",
       "JUSTIFIED_START",
       "JUSTIFIED_END",
-      "SPACE_BETWEEN"
+      "SPACE_BETWEEN",
+      "JUSTIFIED_CENTER",
+      "JUSTIFIED_START",
+      "JUSTIFIED_END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY"
     ]
   },
   "fullwidth": {
@@ -124,9 +149,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -136,9 +171,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "backgroundColor": {
@@ -155,7 +200,9 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -168,9 +215,12 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
+      "ACCENT_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -178,7 +228,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "backgroundSrc": {

package/lib/context/index.d.ts

@@ -3,7 +3,7 @@ interface ITrilogyContext {
     styled: boolean;
     setStyled: (e: boolean) => void;
     hash?: string;
-    setHash?: React.Dispatch<React.SetStateAction<string>>;
+    setHash?: React.Dispatch<React.SetStateAction<string | undefined>>;
 }
 declare const TrilogyContext: React.Context<ITrilogyContext>;
 declare const useTrilogyContext: () => ITrilogyContext;

package/lib/context/provider.d.ts

@@ -8,12 +8,13 @@ import React from 'react';
  * @param theme Theme css style
  * @param assetUrl URL to the file with some possible replacement (%VERSION%, %THEME%, %MANGLED%)
  */
-declare const TrilogyProvider: ({ children, mangled, injectTrilogyAssets, id, theme, assetUrl }: {
+declare const TrilogyProvider: ({ children, mangled, injectTrilogyAssets, id, theme, hash: HASH, assetUrl }: {
     children: React.ReactNode;
     mangled?: boolean | undefined;
     injectTrilogyAssets?: boolean | undefined;
     id?: string | undefined;
     theme?: string | undefined;
+    hash?: string | undefined;
     assetUrl?: string | undefined;
 }) => JSX.Element;
 export { TrilogyProvider };

package/lib/context/provider.js

@@ -3,6 +3,7 @@ import { __read } from "tslib";
 import React, { useLayoutEffect } from 'react';
 import { TrilogyContext } from './index';
 import { version } from '../version';
+import versionJSON from '../version.json';
 var getHrefFromAssetUri = function (assetUrl, theme, mangled) {
     return (assetUrl)
         .replace('%VERSION%', version)
@@ -27,12 +28,13 @@ var injectTrilogy = function (mangled, id, theme, assetUrl) {
  * @param assetUrl URL to the file with some possible replacement (%VERSION%, %THEME%, %MANGLED%)
  */
 var TrilogyProvider = function (_a) {
-    var children = _a.children, _b = _a.mangled, mangled = _b === void 0 ? false : _b, _c = _a.injectTrilogyAssets, injectTrilogyAssets = _c === void 0 ? false : _c, _d = _a.id, id = _d === void 0 ? 'trilogy' : _d, _e = _a.theme, theme = _e === void 0 ? '' : _e, _f = _a.assetUrl, assetUrl = _f === void 0 ? '' : _f;
-    var _g = __read(React.useState(mangled), 2), styled = _g[0], setStyled = _g[1];
+    var children = _a.children, _b = _a.mangled, mangled = _b === void 0 ? false : _b, _c = _a.injectTrilogyAssets, injectTrilogyAssets = _c === void 0 ? false : _c, _d = _a.id, id = _d === void 0 ? 'trilogy' : _d, _e = _a.theme, theme = _e === void 0 ? '' : _e, _f = _a.hash, HASH = _f === void 0 ? versionJSON.VERSION : _f, _g = _a.assetUrl, assetUrl = _g === void 0 ? '' : _g;
+    var _h = __read(React.useState(mangled), 2), styled = _h[0], setStyled = _h[1];
+    var _j = __read(React.useState(HASH), 2), hash = _j[0], setHash = _j[1];
     useLayoutEffect(function () {
         injectTrilogyAssets && injectTrilogy(mangled, id, theme, assetUrl);
     }, []);
-    return React.createElement(TrilogyContext.Provider, { value: { styled: styled, setStyled: setStyled } }, children);
+    return React.createElement(TrilogyContext.Provider, { value: { styled: styled, setStyled: setStyled, hash: hash, setHash: setHash } }, children);
 };
 export { TrilogyProvider };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxRQUFnQixFQUFFLEtBQWEsRUFBRSxPQUFnQjtJQUM1RSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQ04sT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7U0FDN0IsT0FBTyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7U0FDakMsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUEsQ0FBQyxDQUFBLFVBQVUsQ0FBQSxDQUFDLENBQUEsRUFBRSxDQUFDLENBQUE7QUFDaEQsQ0FBQyxDQUFBO0FBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFnQixFQUFFLEVBQVUsRUFBRSxLQUFhLEVBQUUsUUFBZ0I7SUFDbEYsSUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtJQUN0QixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQTtJQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUE7SUFDekQsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUE7SUFDWixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNsQyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFjeEI7UUFiMEIsUUFBUSxjQUFBLEVBQ1IsZUFBZSxFQUFmLE9BQU8sbUJBQUcsS0FBSyxLQUFBLEVBQ2YsMkJBQTJCLEVBQTNCLG1CQUFtQixtQkFBRyxLQUFLLEtBQUEsRUFDM0IsVUFBYyxFQUFkLEVBQUUsbUJBQUcsU0FBUyxLQUFBLEVBQ2QsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQ1YsZ0JBQWEsRUFBYixRQUFRLG1CQUFHLEVBQUUsS0FBQTtJQVNoQyxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLENBQUMsSUFBQSxFQUFyRCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW9DLENBQUE7SUFDNUQsZUFBZSxDQUFDO1FBQ2QsbUJBQW1CLElBQUksYUFBYSxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFBO0lBQ3BFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUNOLE9BQU8sb0JBQUMsY0FBYyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLFFBQUEsRUFBRSxTQUFTLFdBQUEsRUFBRSxJQUFHLFFBQVEsQ0FBMkIsQ0FBQTtBQUNwRyxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUsZUFBZSxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sV0FBVyxNQUFNLGlCQUFpQixDQUFBO0FBRXpDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxRQUFnQixFQUFFLEtBQWEsRUFBRSxPQUFnQjtJQUM1RSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQ04sT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7U0FDN0IsT0FBTyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7U0FDakMsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUEsQ0FBQyxDQUFBLFVBQVUsQ0FBQSxDQUFDLENBQUEsRUFBRSxDQUFDLENBQUE7QUFDaEQsQ0FBQyxDQUFBO0FBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFnQixFQUFFLEVBQVUsRUFBRSxLQUFhLEVBQUUsUUFBZ0I7SUFDbEYsSUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtJQUN0QixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQTtJQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUE7SUFDekQsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUE7SUFDWixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNsQyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFnQnhCO1FBZjBCLFFBQVEsY0FBQSxFQUNSLGVBQWUsRUFBZixPQUFPLG1CQUFHLEtBQUssS0FBQSxFQUNmLDJCQUEyQixFQUEzQixtQkFBbUIsbUJBQUcsS0FBSyxLQUFBLEVBQzNCLFVBQWMsRUFBZCxFQUFFLG1CQUFHLFNBQVMsS0FBQSxFQUNkLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQSxFQUNWLFlBQThCLEVBQXhCLElBQUksbUJBQUMsV0FBVyxDQUFDLE9BQU8sS0FBQSxFQUM5QixnQkFBYSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBO0lBVWhDLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFVLE9BQU8sQ0FBQyxJQUFBLEVBQXJELE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBb0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBb0IsSUFBSSxDQUFFLElBQUEsRUFBekQsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUE0QyxDQUFBO0lBRWhFLGVBQWUsQ0FBQztRQUNkLG1CQUFtQixJQUFJLGFBQWEsQ0FBQyxPQUFPLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUNwRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFDTixPQUFPLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxRQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBRyxRQUFRLENBQTJCLENBQUE7QUFDbkgsQ0FBQyxDQUFBO0FBRUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxDQUFBIn0=

package/lib/context/providerStyled.js

@@ -1,7 +1,7 @@
 'use client';
 import { __read } from "tslib";
 import * as React from 'react';
-import hashJSON from '../hash.json';
+import versionJSON from '../version.json';
 import { TrilogyContext } from './index';
 /**
  * Trilogy Provider With Style
@@ -10,15 +10,15 @@ import { TrilogyContext } from './index';
  * @param hash (optionnal) hash for html class
  */
 var TrilogyProviderStyled = function (_a) {
-    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.hash, HASH = _c === void 0 ? hashJSON.HASH : _c;
+    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.hash, HASH = _c === void 0 ? versionJSON.VERSION : _c;
     var _d = __read(React.useState(false), 2), styled = _d[0], setStyled = _d[1];
     var _e = __read(React.useState(HASH), 2), hash = _e[0], setHash = _e[1];
     var StyleComponent = React.useMemo(function () {
         switch (true) {
-            case theme === 'mangled' && hash === hashJSON.HASH:
+            case theme === 'mangled' && hash === versionJSON.VERSION:
                 setStyled(true);
                 return React.lazy(function () { return import('../components/styleComponent/mangled/styleComponentMangled'); });
-            case theme === 'mangled' && hash !== hashJSON.HASH:
+            case theme === 'mangled' && hash !== versionJSON.VERSION:
                 setStyled(true);
                 return undefined;
             case theme === 'default':
@@ -31,4 +31,4 @@ var TrilogyProviderStyled = function (_a) {
         React.createElement(StyleComponent, null, children))) : (children)));
 };
 export { TrilogyProviderStyled };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdHlsZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxRQUFRLE1BQU0sY0FBYyxDQUFBO0FBQ25DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFReEM7Ozs7O0dBS0c7QUFDSCxJQUFNLHFCQUFxQixHQUFHLFVBQUMsRUFJRjtRQUgzQixRQUFRLGNBQUEsRUFDUixhQUFpQixFQUFqQixLQUFLLG1CQUFHLFNBQVMsS0FBQSxFQUNqQixZQUEwQixFQUFwQixJQUFJLG1CQUFHLFFBQVEsQ0FBQyxJQUFJLEtBQUE7SUFFcEIsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBbkQsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFrQyxDQUFBO0lBQ3BELElBQUEsS0FBQSxPQUFrQixLQUFLLENBQUMsUUFBUSxDQUFTLElBQUksQ0FBQyxJQUFBLEVBQTdDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBZ0MsQ0FBQTtJQUVwRCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ25DLFFBQVEsSUFBSSxFQUFFO1lBQ1osS0FBSyxLQUFLLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxRQUFRLENBQUMsSUFBSTtnQkFDaEQsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUNmLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFNLE9BQUEsTUFBTSxDQUFDLDJEQUEyRCxDQUFDLEVBQW5FLENBQW1FLENBQUMsQ0FBQTtZQUU5RixLQUFLLEtBQUssS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLFFBQVEsQ0FBQyxJQUFJO2dCQUNoRCxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7Z0JBQ2YsT0FBTyxTQUFTLENBQUE7WUFFbEIsS0FBSyxLQUFLLEtBQUssU0FBUztnQkFDdEIsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQU0sT0FBQSxNQUFNLENBQUMsb0RBQW9ELENBQUMsRUFBNUQsQ0FBNEQsQ0FBQyxDQUFBO1lBRXZGO2dCQUNFLE9BQU8sU0FBUyxDQUFBO1NBQ25CO0lBQ0gsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxRQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFDakUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxLQUFLLENBQUMsUUFBUSxJQUFDLFFBQVEsRUFBRSxJQUFJO1FBQzVCLG9CQUFDLGNBQWMsUUFBRSxRQUFRLENBQWtCLENBQzVCLENBQ2xCLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ3VCLENBQzNCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdHlsZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxXQUFXLE1BQU0saUJBQWlCLENBQUE7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQVF4Qzs7Ozs7R0FLRztBQUNILElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUlGO1FBSDNCLFFBQVEsY0FBQSxFQUNSLGFBQWlCLEVBQWpCLEtBQUssbUJBQUcsU0FBUyxLQUFBLEVBQ2pCLFlBQWdDLEVBQTFCLElBQUksbUJBQUcsV0FBVyxDQUFDLE9BQU8sS0FBQTtJQUUxQixJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUFuRCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQWtDLENBQUE7SUFDcEQsSUFBQSxLQUFBLE9BQWtCLEtBQUssQ0FBQyxRQUFRLENBQW1CLElBQUksQ0FBQyxJQUFBLEVBQXZELElBQUksUUFBQSxFQUFFLE9BQU8sUUFBMEMsQ0FBQTtJQUU5RCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ25DLFFBQVEsSUFBSSxFQUFFO1lBQ1osS0FBSyxLQUFLLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxXQUFXLENBQUMsT0FBTztnQkFDdEQsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUNmLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFNLE9BQUEsTUFBTSxDQUFDLDJEQUEyRCxDQUFDLEVBQW5FLENBQW1FLENBQUMsQ0FBQTtZQUU5RixLQUFLLEtBQUssS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLFdBQVcsQ0FBQyxPQUFPO2dCQUN0RCxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7Z0JBQ2YsT0FBTyxTQUFTLENBQUE7WUFFbEIsS0FBSyxLQUFLLEtBQUssU0FBUztnQkFDdEIsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQU0sT0FBQSxNQUFNLENBQUMsb0RBQW9ELENBQUMsRUFBNUQsQ0FBNEQsQ0FBQyxDQUFBO1lBRXZGO2dCQUNFLE9BQU8sU0FBUyxDQUFBO1NBQ25CO0lBQ0gsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxRQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFDakUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxLQUFLLENBQUMsUUFBUSxJQUFDLFFBQVEsRUFBRSxJQUFJO1FBQzVCLG9CQUFDLGNBQWMsUUFBRSxRQUFRLENBQWtCLENBQzVCLENBQ2xCLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ3VCLENBQzNCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsQ0FBQSJ9

package/lib/events/OnClickEvent.d.ts

@@ -4,5 +4,5 @@ export type OnClickEvent = React.MouseEvent<Element> | unknown;
  * Click Event Interface
  */
 export interface ClickEvent {
-    (e: OnClickEvent): void;
+    (e?: OnClickEvent): void;
 }

package/lib/helpers/clickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;

package/lib/helpers/clickOutside.js

@@ -0,0 +1,16 @@
+import { useCallback, useEffect } from 'react';
+export var useClickOutside = function (ref, callback) {
+    var stableCallback = useCallback(callback, [callback]);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (ref.current && !ref.current.contains(event.target)) {
+                stableCallback();
+            }
+        };
+        document.addEventListener('mouseup', handleClickOutside);
+        return function () {
+            document.removeEventListener('mouseup', handleClickOutside);
+        };
+    }, [ref, stableCallback]);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2tPdXRzaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vaGVscGVycy9jbGlja091dHNpZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFOUMsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsR0FBaUMsRUFBRSxRQUFvQjtJQUNyRixJQUFNLGNBQWMsR0FBRyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV4RCxTQUFTLENBQUM7UUFDUixJQUFNLGtCQUFrQixHQUFHLFVBQUMsS0FBaUI7WUFDM0MsSUFBSSxHQUFHLENBQUMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQWMsQ0FBQyxFQUFFO2dCQUM5RCxjQUFjLEVBQUUsQ0FBQTthQUNqQjtRQUNILENBQUMsQ0FBQTtRQUNELFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsa0JBQWtCLENBQUMsQ0FBQTtRQUN4RCxPQUFPO1lBQ0wsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxDQUFBO1FBQzdELENBQUMsQ0FBQTtJQUNILENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFBO0FBQzNCLENBQUMsQ0FBQSJ9