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

package/lib/components/title/Title.js

@@ -1,10 +1,10 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { TitleLevels, TitleMarkup } from '../../components/title/TitleEnum';
+import { is } from '../../services';
+import { TitleLevels, TitleMarkup } from './TitleEnum';
 import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import { useTrilogyContext } from '../../context/index';
 var getTitleLevel = function (level) {
     if (level) {
         switch (level) {
@@ -54,11 +54,16 @@ var isCorrectMarkup = function (stringMarkup) {
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param style {object} Additional styles
  */
-var Title = React.forwardRef(function (_a, ref) {
-    var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, typo = _a.typo, inverted = _a.inverted, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, htmlContent = _a.htmlContent, skeleton = _a.skeleton, others = __rest(_a, ["level", "markup", "children", "className", "typo", "inverted", "onClick", "testId", "accessibilityLabel", "subtitle", "overline", "marginless", "htmlContent", "skeleton"]);
-    var classes = hashClass(clsx('title', level && getTitleLevel(level), typo, inverted && is('inverted'), marginless && is('marginless'), skeleton ? is('loading') : is('loaded'), className));
-    var subtitleClasses = hashClass(clsx('subtitle', typo, className));
-    var overlineClasses = hashClass(clsx('overline', typo, className));
+var Title = function (_a) {
+    var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, htmlContent = _a.htmlContent, others = __rest(_a, ["level", "markup", "children", "className", "typo", "skeleton", "inverted", "onClick", "testId", "accessibilityLabel", "subtitle", "overline", "marginless", "htmlContent"]);
+    var _c = __read(useState(skeleton || false), 2), isLoading = _c[0], setIsLoading = _c[1];
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, isLoading ? is('loading') : is('loaded'), inverted && is('inverted'), marginless && is('marginless'), className));
+    var subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
+    var overlineClasses = hashClass(styled, clsx('overline', typo, className));
+    useEffect(function () {
+        setIsLoading(skeleton || false);
+    }, [skeleton]);
     var Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
     var getClassname = function () {
         if (subtitle)
@@ -67,8 +72,7 @@ var Title = React.forwardRef(function (_a, ref) {
             return overlineClasses;
         return classes;
     };
-    return (React.createElement(Tag, __assign({ ref: ref, "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, (htmlContent && { dangerouslySetInnerHTML: { __html: htmlContent } }), others), children));
-});
-Title.displayName = ComponentName.Title;
+    return (React.createElement(Tag, __assign({ "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, (htmlContent && { dangerouslySetInnerHTML: { __html: htmlContent } }), others), children));
+};
 export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBb0IsV0FBVyxFQUFxQixNQUFNLDhCQUE4QixDQUFBO0FBRTVHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEMsSUFBTSxhQUFhLEdBQUcsVUFBQyxLQUFxQztJQUMxRCxJQUFJLEtBQUssRUFBRTtRQUNULFFBQVEsS0FBSyxFQUFFO1lBQ2IsS0FBSyxXQUFXLENBQUMsR0FBRztnQkFDbEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyxXQUFXLENBQUMsR0FBRztnQkFDbEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyxXQUFXLENBQUMsS0FBSztnQkFDcEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyxXQUFXLENBQUMsSUFBSTtnQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyxXQUFXLENBQUMsSUFBSTtnQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyxXQUFXLENBQUMsR0FBRztnQkFDbEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEI7Z0JBQ0UsT0FBTyxFQUFFLENBQUMsZ0JBQVMsS0FBSyxDQUFFLENBQUMsQ0FBQTtTQUM5QjtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7O0dBS0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTZDO0lBQ3BFLE9BQU8sWUFBWSxJQUFJLFdBQVcsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEyQixDQUFDLENBQUE7QUFDeEcsQ0FBQyxDQUFBO0FBRUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQkc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBZ0JhLEVBQ2IsR0FBa0M7SUFoQmhDLElBQUEsYUFBdUIsRUFBdkIsS0FBSyxtQkFBRyxXQUFXLENBQUMsR0FBRyxLQUFBLEVBQ3ZCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FmWCw0S0FnQkMsQ0FEVTtJQUlYLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE9BQU8sRUFDUCxLQUFLLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUM3QixJQUFJLEVBQ0osUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdkMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRTlELElBQU0sWUFBWSxHQUFHO1FBQ25CLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLE9BQU8sT0FBTyxDQUFBO0lBQ2hCLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsR0FBRyxFQUFFLEdBQUcsaUJBQ0ssTUFBTSxnQkFDUCxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsU0FBUyxFQUFFLFlBQVksRUFBRSxJQUNyQixDQUFDLFdBQVcsSUFBSSxFQUFFLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFDckUsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBcUM7SUFDMUQsSUFBSSxLQUFLLEVBQUU7UUFDVCxRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCO2dCQUNFLE9BQU8sRUFBRSxDQUFDLGdCQUFTLEtBQUssQ0FBRSxDQUFDLENBQUE7U0FD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

package/lib/components/title/Title.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Text as TextNative, TouchableOpacity } from 'react-native';
-import { TitleProps } from '../../components/title/TitleProps';
+/// <reference types="react" />
+import { TitleProps } from "./TitleProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -15,5 +15,8 @@ import { TitleProps } from '../../components/title/TitleProps';
  * @param subtitle {boolean} Subtitle below title
  * @param overline {boolean} Overline above title
  */
-declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<TouchableOpacity | TextNative>>;
+declare const Title: {
+    ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, subtitle, overline, ...others }: TitleProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Title;

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TitleLevels, TitleLevelValues, TitleMarkup, TitleMarkupValues } from '../../components/title/TitleEnum';
 import { Accessibility, Clickable, Dev, Invertable, Marginless, TypographyAlign, TypographyAlignValues, TypographyBold, TypographyBoldValues, TypographyColor, TypographyColorValues, TypographyTransform, TypographyTransformValues } from '../../objects';
+import { TitleLevels, TitleLevelValues, TitleMarkup, TitleMarkupValues } from './TitleEnum';
 type Styles = {
     [key: string]: unknown;
 };

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

@@ -1,2 +1,3 @@
-export { default as Title } from '../../components/title/Title';
-export * from '../../components/title/TitleEnum';
+import Title from './Title';
+export * from './TitleEnum';
+export { Title };

package/lib/components/title/index.js

@@ -1,3 +1,4 @@
-export { default as Title } from '../../components/title/Title';
-export * from '../../components/title/TitleEnum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksS0FBSyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDM0QsY0FBYyw4QkFBOEIsQ0FBQSJ9
+import Title from './Title';
+export * from './TitleEnum';
+export { Title };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ViewProps } from '../../components/view/ViewProps';
+/// <reference types="react" />
+import { ViewProps } from "./ViewProps";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -20,5 +20,5 @@ import { ViewProps } from '../../components/view/ViewProps';
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
+declare const View: ({ children, style, className, loading, onClick, backgroundColor, backgroundSrc, inverted, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
 export default View;

package/lib/components/view/View.js

@@ -1,14 +1,11 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { ViewMarkup } from '../../components/view/ViewProps';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { getBackgroundClassName } from '../../objects/atoms/Background';
-import { getAlignClassName } from '../../objects/facets/Alignable';
-import { getJustifyClassName } from '../../objects/facets/Justifiable';
-import { getLoadingClassName } from '../../objects/facets/Loadable';
-import { has, is } from '../../services/classify';
+import * as React from "react";
+import { ViewMarkup } from "./ViewProps";
+import clsx from "clsx";
+import { has, is } from "../../services";
+import { getLoadingClassName, getJustifyClassName, getAlignClassName, getBackgroundClassName, } from "../../objects";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -29,22 +26,23 @@ import { has, is } from '../../services/classify';
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-var View = React.forwardRef(function (_a, ref) {
+var View = function (_a) {
     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) {
-        if (stringMarkup in ViewMarkup || Object.values(ViewMarkup).includes(stringMarkup))
+        if (stringMarkup in ViewMarkup ||
+            Object.values(ViewMarkup).includes(stringMarkup))
             return true;
     };
-    var Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
-    var classes = hashClass(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({ ref: ref, onClick: onClick, style: style, className: classes }, (backgroundSrc && {
+    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 && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
-            backgroundSize: 'cover',
-            backgroundPosition: '50%',
+            backgroundSize: "cover",
+            backgroundPosition: "50%",
         },
     }), others), children));
-});
-View.displayName = ComponentName.View;
+};
 export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBK0IsTUFBTSw2QkFBNkIsQ0FBQTtBQUNyRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDL0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFlWSxFQUNaLEdBQW1CO0lBZmpCLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQWRYLCtKQWVDLENBRFU7SUFJWCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQUksWUFBWSxJQUFJLFVBQVUsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEwQixDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7SUFDL0csQ0FBQyxDQUFBO0lBRUQsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDdEIsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pELFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEdBQUcsRUFBRSxHQUFHLEVBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsS0FBSyxFQUFFLEtBQUssRUFDWixTQUFTLEVBQUUsT0FBTyxJQUNkLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRTtZQUNMLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRztZQUN4QyxjQUFjLEVBQUUsT0FBTztZQUN2QixrQkFBa0IsRUFBRSxLQUFLO1NBQzFCO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBK0IsTUFBTSxhQUFhLENBQUE7QUFDckUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFlRjtJQWRWLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQWRHLCtKQWViLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQ0UsWUFBWSxJQUFJLFVBQVU7WUFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMEIsQ0FBQztZQUU5RCxPQUFPLElBQUksQ0FBQTtJQUNmLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRTlELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQzNELGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3RCLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDL0QsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6RCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

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

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

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

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { ImageBackground, StyleSheet, TouchableOpacity, View as ViewNative } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { getAlignStyle } from '../../objects/facets/Alignable';
-import { getColorStyle } from '../../objects/facets/Color';
-import { getJustifyStyle } from '../../objects/facets/Justifiable';
+import * as React from "react";
+import { ImageBackground, StyleSheet, TouchableOpacity, View as ViewNative, } from "react-native";
+import { getAlignStyle, getJustifyStyle } from "../../objects";
+import { getColorStyle } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -19,20 +18,20 @@ import { getJustifyStyle } from '../../objects/facets/Justifiable';
  * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
  * @param bottom {boolean} Bottom position
  */
-var View = React.forwardRef(function (_a, ref) {
+var View = function (_a) {
     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 viewColor = (backgroundColor && getColorStyle(backgroundColor)) || "transparent";
     var styles = StyleSheet.create({
-        view: __assign(__assign({ flex: flexable ? 1 : 0, backgroundColor: viewColor, width: fullwidth ? '100%' : 'auto' }, (justify && { justifyContent: getJustifyStyle(justify) })), (align && { alignItems: getAlignStyle(align) })),
+        view: __assign(__assign({ flex: flexable ? 1 : 0, backgroundColor: viewColor, width: fullwidth ? "100%" : "auto" }, (justify && { justifyContent: getJustifyStyle(justify) })), (align && { alignItems: getAlignStyle(align) })),
         bottom: {
-            position: 'absolute',
+            position: "absolute",
             bottom: 0,
-            width: fullwidth ? '100%' : 'auto',
+            width: fullwidth ? "100%" : "auto",
         },
         sectionImage: {
             flex: flexable ? 1 : 0,
-            width: '100%',
-            height: 'auto',
+            width: "100%",
+            height: "auto",
         },
     });
     var returnView = (React.createElement(ViewNative, __assign({ testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style] }, others), children));
@@ -43,8 +42,10 @@ var View = React.forwardRef(function (_a, ref) {
         returnView = (React.createElement(ViewNative, __assign({ 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);
-});
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvVmlldy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVoRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQWdCLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRTlEOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBYVksRUFDWixHQUEwQjtJQWJ4QixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FaWCxpSUFhQyxDQURVO0lBSVgsSUFBTSxTQUFTLEdBQUcsQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDLGVBQStCLENBQUMsQ0FBQyxJQUFJLGFBQWEsQ0FBQTtJQUV0RyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksc0JBQ0YsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ3RCLGVBQWUsRUFBRSxTQUFTLEVBQzFCLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUMvQixDQUFDLE9BQU8sSUFBSSxFQUFFLGNBQWMsRUFBRSxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxHQUN6RCxDQUFDLEtBQUssSUFBSSxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUNuRDtRQUNELE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1NBQ25DO1FBQ0QsWUFBWSxFQUFFO1lBQ1osSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3RCLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQUksVUFBVSxHQUFHLENBQ2Ysb0JBQUMsVUFBVSxhQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUFNLE1BQU0sR0FDbkcsUUFBUSxDQUNFLENBQ2QsQ0FBQTtJQUNELElBQUksQ0FBQyxRQUFRLEVBQUU7UUFDYixVQUFVLEdBQUcsQ0FDWCxvQkFBQyxVQUFVLGFBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLElBQU0sTUFBTSxFQUFJLENBQzNHLENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsVUFBVSxHQUFHLENBQ1gsb0JBQUMsVUFBVSxhQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUFNLE1BQU07WUFDcEcsb0JBQUMsZ0JBQWdCLElBQUMsYUFBYSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUNqRCxRQUFRLENBQ1EsQ0FDUixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUNyQixvQkFBQyxlQUFlLElBQ2QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZLEVBQzFCLE1BQU0sRUFBRSxPQUFPLGFBQWEsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsYUFBYSxFQUFFLElBRWpGLFVBQVUsQ0FDSyxDQUNuQixDQUFDLENBQUMsQ0FBQyxDQUNGLFVBQVUsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvVmlldy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLElBQUksVUFBVSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBQ2pHLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFnQixNQUFNLFdBQVcsQ0FBQTtBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBYUY7SUFaVixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FaRyxpSUFhYixDQURVO0lBRVQsSUFBTSxTQUFTLEdBQ2IsQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDLGVBQStCLENBQUMsQ0FBQyxJQUFJLGFBQWEsQ0FBQTtJQUV0RixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksc0JBQ0YsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ3RCLGVBQWUsRUFBRSxTQUFTLEVBQzFCLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUMvQixDQUFDLE9BQU8sSUFBSSxFQUFFLGNBQWMsRUFBRSxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxHQUN6RCxDQUFDLEtBQUssSUFBSSxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUNuRDtRQUNELE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1NBQ25DO1FBQ0QsWUFBWSxFQUFFO1lBQ1osSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3RCLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQUksVUFBVSxHQUFHLENBQ2Ysb0JBQUMsVUFBVSxhQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUNoRCxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtJQUNELElBQUksQ0FBQyxRQUFRLEVBQUU7UUFDYixVQUFVLEdBQUcsQ0FDWCxvQkFBQyxVQUFVLGFBQ1QsTUFBTSxFQUFFLEVBQUUsRUFDVixRQUFRLEVBQUUsRUFBRSxFQUNaLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLElBQ2hELE1BQU0sRUFDVixDQUNILENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsVUFBVSxHQUFHLENBQ1gsb0JBQUMsVUFBVSxhQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsUUFBUSxFQUFFLEVBQUUsRUFDWixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUNoRCxNQUFNO1lBRVYsb0JBQUMsZ0JBQWdCLElBQUMsYUFBYSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUNqRCxRQUFRLENBQ1EsQ0FDUixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUNyQixvQkFBQyxlQUFlLElBQ2QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZLEVBQzFCLE1BQU0sRUFDSixPQUFPLGFBQWEsS0FBSyxRQUFRO1lBQy9CLENBQUMsQ0FBQyxhQUFhO1lBQ2YsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxJQUczQixVQUFVLENBQ0ssQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixVQUFVLENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9

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

@@ -1,11 +1,5 @@
 /// <reference types="react" />
-import { BackgroundProps } from '../../objects/atoms/Background';
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { AlignableProps } from '../../objects/facets/Alignable';
-import { Clickable } from '../../objects/facets/Clickable';
-import { Fullwidth } from '../../objects/facets/Fullwidth';
-import { JustifiableProps } from '../../objects/facets/Justifiable';
-import { Loadable } from '../../objects/facets/Loadable';
+import { Loadable, Clickable, Fullwidth, JustifiableProps, AlignableProps, BackgroundProps, Accessibility } from "../../objects";
 type Styles = {
     [key: string]: any;
 };

package/lib/components/view/ViewProps.js

@@ -11,4 +11,4 @@ export var ViewMarkup;
     ViewMarkup["LABEL"] = "label";
     ViewMarkup["MAIN"] = "main";
 })(ViewMarkup || (ViewMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlld1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy92aWV3L1ZpZXdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxNQUFNLENBQU4sSUFBWSxVQVdYO0FBWEQsV0FBWSxVQUFVO0lBQ3BCLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZixxQkFBTyxDQUFBO0lBQ1AsMkJBQWEsQ0FBQTtJQUNiLHlCQUFXLENBQUE7SUFDWCxxQkFBTyxDQUFBO0lBQ1AsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtBQUNmLENBQUMsRUFYVyxVQUFVLEtBQVYsVUFBVSxRQVdyQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlld1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy92aWV3L1ZpZXdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLENBQU4sSUFBWSxVQVdYO0FBWEQsV0FBWSxVQUFVO0lBQ3BCLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZixxQkFBTyxDQUFBO0lBQ1AsMkJBQWEsQ0FBQTtJQUNiLHlCQUFXLENBQUE7SUFDWCxxQkFBTyxDQUFBO0lBQ1AsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtBQUNmLENBQUMsRUFYVyxVQUFVLEtBQVYsVUFBVSxRQVdyQiJ9

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

@@ -1,2 +1,3 @@
-export { default as View } from '../../components/view/View';
-export * from '../../components/view/ViewEnum';
+import View from './View';
+export * from './ViewEnum';
+export { View };

package/lib/components/view/index.js

@@ -1,3 +1,4 @@
-export { default as View } from '../../components/view/View';
-export * from '../../components/view/ViewEnum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxjQUFjLDRCQUE0QixDQUFBIn0=
+import View from './View';
+export * from './ViewEnum';
+export { View };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsWUFBWSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/context/index.js

@@ -1,4 +1,3 @@
-'use client';
 import * as React from 'react';
 var TrilogyContext = React.createContext({
     styled: false,
@@ -12,4 +11,4 @@ var useTrilogyContext = function () {
     return context;
 };
 export { TrilogyContext, useTrilogyContext };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7QUFFWixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVM5QixJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFrQjtJQUMxRCxNQUFNLEVBQUUsS0FBSztJQUNiLFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUYsSUFBTSxpQkFBaUIsR0FBRztJQUN4QixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQ2hELElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRTtRQUN6QixNQUFNLElBQUksS0FBSyxDQUFDLHlEQUF5RCxDQUFDLENBQUE7S0FDM0U7SUFDRCxPQUFPLE9BQU8sQ0FBQTtBQUNoQixDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVM5QixJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFrQjtJQUMxRCxNQUFNLEVBQUUsS0FBSztJQUNiLFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUYsSUFBTSxpQkFBaUIsR0FBRztJQUN4QixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQ2hELElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRTtRQUN6QixNQUFNLElBQUksS0FBSyxDQUFDLHlEQUF5RCxDQUFDLENBQUE7S0FDM0U7SUFDRCxPQUFPLE9BQU8sQ0FBQTtBQUNoQixDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLENBQUEifQ==

package/lib/context/provider.d.ts

@@ -8,7 +8,7 @@ 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, assetUrl }: {
     children: React.ReactNode;
     mangled?: boolean | undefined;
     injectTrilogyAssets?: boolean | undefined;

package/lib/context/provider.js

@@ -1,18 +1,18 @@
-'use client';
+"use client";
 import { __read } from "tslib";
 import React, { useLayoutEffect } from 'react';
-import { TrilogyContext } from '../context/index';
+import { TrilogyContext } from './index';
 import { version } from '../version';
 var getHrefFromAssetUri = function (assetUrl, theme, mangled) {
-    return assetUrl
+    return (assetUrl)
         .replace('%VERSION%', version)
         .replace('%THEME%', theme)
         .replace('%MANGLED%', mangled ? '-mangled' : '');
 };
 var injectTrilogy = function (mangled, id, theme, assetUrl) {
-    var link = document.createElement('link');
-    link.type = 'text/css';
-    link.rel = 'stylesheet';
+    var link = document.createElement("link");
+    link.type = "text/css";
+    link.rel = "stylesheet";
     link.href = getHrefFromAssetUri(assetUrl, theme, mangled);
     link.id = id;
     document === null || document === void 0 ? void 0 : document.head.appendChild(link);
@@ -35,4 +35,4 @@ var TrilogyProvider = function (_a) {
     return React.createElement(TrilogyContext.Provider, { value: { styled: styled, setStyled: setStyled } }, children);
 };
 export { TrilogyProvider };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBQ1osT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFbkMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLFFBQWdCLEVBQUUsS0FBYSxFQUFFLE9BQWdCO0lBQzVFLE9BQU8sUUFBUTtTQUNaLE9BQU8sQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDO1NBQzdCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO1NBQ3pCLE9BQU8sQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFBO0FBQ3BELENBQUMsQ0FBQTtBQUVELElBQU0sYUFBYSxHQUFHLFVBQUMsT0FBZ0IsRUFBRSxFQUFVLEVBQUUsS0FBYSxFQUFFLFFBQWdCO0lBQ2xGLElBQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDM0MsSUFBSSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUE7SUFDdEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxZQUFZLENBQUE7SUFDdkIsSUFBSSxDQUFDLElBQUksR0FBRyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFBO0lBQ3pELElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFBO0lBQ1osUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7QUFDbEMsQ0FBQyxDQUFBO0FBRUQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBY3hCO1FBYkMsUUFBUSxjQUFBLEVBQ1IsZUFBZSxFQUFmLE9BQU8sbUJBQUcsS0FBSyxLQUFBLEVBQ2YsMkJBQTJCLEVBQTNCLG1CQUFtQixtQkFBRyxLQUFLLEtBQUEsRUFDM0IsVUFBYyxFQUFkLEVBQUUsbUJBQUcsU0FBUyxLQUFBLEVBQ2QsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQ1YsZ0JBQWEsRUFBYixRQUFRLG1CQUFHLEVBQUUsS0FBQTtJQVNQLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFVLE9BQU8sQ0FBQyxJQUFBLEVBQXJELE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBb0MsQ0FBQTtJQUM1RCxlQUFlLENBQUM7UUFDZCxtQkFBbUIsSUFBSSxhQUFhLENBQUMsT0FBTyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUE7SUFDcEUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO0lBQ04sT0FBTyxvQkFBQyxjQUFjLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLE1BQU0sUUFBQSxFQUFFLFNBQVMsV0FBQSxFQUFFLElBQUcsUUFBUSxDQUEyQixDQUFBO0FBQ3BHLENBQUMsQ0FBQTtBQUVELE9BQU8sRUFBRSxlQUFlLEVBQUUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxRQUFnQixFQUFFLEtBQWEsRUFBRSxPQUFnQjtJQUM1RSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQ04sT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7U0FDN0IsT0FBTyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7U0FDakMsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUEsQ0FBQyxDQUFBLFVBQVUsQ0FBQSxDQUFDLENBQUEsRUFBRSxDQUFDLENBQUE7QUFDaEQsQ0FBQyxDQUFBO0FBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFnQixFQUFFLEVBQVUsRUFBRSxLQUFhLEVBQUUsUUFBZ0I7SUFDbEYsSUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtJQUN0QixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQTtJQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUE7SUFDekQsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUE7SUFDWixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNsQyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFjeEI7UUFiMEIsUUFBUSxjQUFBLEVBQ1IsZUFBZSxFQUFmLE9BQU8sbUJBQUcsS0FBSyxLQUFBLEVBQ2YsMkJBQTJCLEVBQTNCLG1CQUFtQixtQkFBRyxLQUFLLEtBQUEsRUFDM0IsVUFBYyxFQUFkLEVBQUUsbUJBQUcsU0FBUyxLQUFBLEVBQ2QsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQ1YsZ0JBQWEsRUFBYixRQUFRLG1CQUFHLEVBQUUsS0FBQTtJQVNoQyxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLENBQUMsSUFBQSxFQUFyRCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW9DLENBQUE7SUFDNUQsZUFBZSxDQUFDO1FBQ2QsbUJBQW1CLElBQUksYUFBYSxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFBO0lBQ3BFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUNOLE9BQU8sb0JBQUMsY0FBYyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLFFBQUEsRUFBRSxTQUFTLFdBQUEsRUFBRSxJQUFHLFFBQVEsQ0FBMkIsQ0FBQTtBQUNwRyxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUsZUFBZSxFQUFFLENBQUEifQ==

package/lib/context/providerStates.js

@@ -1,8 +1,7 @@
-'use client';
-import { createContext } from 'react';
+import { createContext } from "react";
 export var StatesContext = createContext({
     inverted: false,
     active: false,
     flat: false,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdGF0ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3RhdGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7QUFFWixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRXJDLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxhQUFhLENBQUM7SUFDekMsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztJQUNiLElBQUksRUFBRSxLQUFLO0NBQ1osQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdGF0ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3RhdGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRXJDLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxhQUFhLENBQUM7SUFDekMsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztJQUNiLElBQUksRUFBRSxLQUFLO0NBQ1osQ0FBQyxDQUFBIn0=

package/lib/context/providerStyled.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import * as React from 'react';
 interface TrilogyProviderStyledProps {
+    children: React.ReactNode;
     theme?: 'default' | 'mangled' | 'none';
     hash?: string;
-    useClient?: boolean;
 }
 /**
  * Trilogy Provider With Style
@@ -10,5 +10,5 @@ interface TrilogyProviderStyledProps {
  * @param theme (optionnal) 'default'| 'mangled' |'none' style
  * @param hash (optionnal) hash for html class
  */
-declare const TrilogyProviderStyled: ({ children, theme, hash: HASH, }: React.PropsWithChildren<TrilogyProviderStyledProps>) => JSX.Element;
+declare const TrilogyProviderStyled: ({ children, theme, hash: HASH, }: TrilogyProviderStyledProps) => JSX.Element;
 export { TrilogyProviderStyled };

package/lib/context/providerStyled.js

@@ -1,8 +1,8 @@
 'use client';
 import { __read } from "tslib";
-import React from 'react';
-import { TrilogyContext } from '../context/index';
+import * as React from 'react';
 import hashJSON from '../hash.json';
+import { TrilogyContext } from './index';
 /**
  * Trilogy Provider With Style
  * @param children App
@@ -31,4 +31,4 @@ var TrilogyProviderStyled = function (_a) {
         React.createElement(StyleComponent, null, children))) : (children)));
 };
 export { TrilogyProviderStyled };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdHlsZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNoRCxPQUFPLFFBQVEsTUFBTSxhQUFhLENBQUE7QUFRbEM7Ozs7O0dBS0c7QUFDSCxJQUFNLHFCQUFxQixHQUFHLFVBQUMsRUFJdUI7UUFIcEQsUUFBUSxjQUFBLEVBQ1IsYUFBaUIsRUFBakIsS0FBSyxtQkFBRyxTQUFTLEtBQUEsRUFDakIsWUFBMEIsRUFBcEIsSUFBSSxtQkFBRyxRQUFRLENBQUMsSUFBSSxLQUFBO0lBRXBCLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQW5ELE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBa0MsQ0FBQTtJQUNwRCxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxJQUFJLENBQUMsSUFBQSxFQUE3QyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQWdDLENBQUE7SUFFcEQsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUNuQyxRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLEtBQUssUUFBUSxDQUFDLElBQUk7Z0JBQ2hELFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQTtnQkFDZixPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsY0FBTSxPQUFBLE1BQU0sQ0FBQywyREFBMkQsQ0FBQyxFQUFuRSxDQUFtRSxDQUFDLENBQUE7WUFFOUYsS0FBSyxLQUFLLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxRQUFRLENBQUMsSUFBSTtnQkFDaEQsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUNmLE9BQU8sU0FBUyxDQUFBO1lBRWxCLEtBQUssS0FBSyxLQUFLLFNBQVM7Z0JBQ3RCLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFNLE9BQUEsTUFBTSxDQUFDLG9EQUFvRCxDQUFDLEVBQTVELENBQTRELENBQUMsQ0FBQTtZQUV2RjtnQkFDRSxPQUFPLFNBQVMsQ0FBQTtTQUNuQjtJQUNILENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFBO0lBRWpCLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLE1BQU0sUUFBQSxFQUFFLFNBQVMsV0FBQSxFQUFFLElBQUksTUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLElBQ2pFLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FDaEIsb0JBQUMsS0FBSyxDQUFDLFFBQVEsSUFBQyxRQUFRLEVBQUUsSUFBSTtRQUM1QixvQkFBQyxjQUFjLFFBQUUsUUFBUSxDQUFrQixDQUM1QixDQUNsQixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUN1QixDQUMzQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdHlsZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxRQUFRLE1BQU0sY0FBYyxDQUFBO0FBQ25DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFReEM7Ozs7O0dBS0c7QUFDSCxJQUFNLHFCQUFxQixHQUFHLFVBQUMsRUFJRjtRQUgzQixRQUFRLGNBQUEsRUFDUixhQUFpQixFQUFqQixLQUFLLG1CQUFHLFNBQVMsS0FBQSxFQUNqQixZQUEwQixFQUFwQixJQUFJLG1CQUFHLFFBQVEsQ0FBQyxJQUFJLEtBQUE7SUFFcEIsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBbkQsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFrQyxDQUFBO0lBQ3BELElBQUEsS0FBQSxPQUFrQixLQUFLLENBQUMsUUFBUSxDQUFTLElBQUksQ0FBQyxJQUFBLEVBQTdDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBZ0MsQ0FBQTtJQUVwRCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ25DLFFBQVEsSUFBSSxFQUFFO1lBQ1osS0FBSyxLQUFLLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxRQUFRLENBQUMsSUFBSTtnQkFDaEQsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUNmLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFNLE9BQUEsTUFBTSxDQUFDLDJEQUEyRCxDQUFDLEVBQW5FLENBQW1FLENBQUMsQ0FBQTtZQUU5RixLQUFLLEtBQUssS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLFFBQVEsQ0FBQyxJQUFJO2dCQUNoRCxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7Z0JBQ2YsT0FBTyxTQUFTLENBQUE7WUFFbEIsS0FBSyxLQUFLLEtBQUssU0FBUztnQkFDdEIsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQU0sT0FBQSxNQUFNLENBQUMsb0RBQW9ELENBQUMsRUFBNUQsQ0FBNEQsQ0FBQyxDQUFBO1lBRXZGO2dCQUNFLE9BQU8sU0FBUyxDQUFBO1NBQ25CO0lBQ0gsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxRQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFDakUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxLQUFLLENBQUMsUUFBUSxJQUFDLFFBQVEsRUFBRSxJQUFJO1FBQzVCLG9CQUFDLGNBQWMsUUFBRSxRQUFRLENBQWtCLENBQzVCLENBQ2xCLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ3VCLENBQzNCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsQ0FBQSJ9

package/lib/context/providerTheme.d.ts

@@ -1,5 +1,5 @@
 import React, { Dispatch, ReactNode, SetStateAction } from 'react';
-import { ITrilogyTheme } from '../context/interfaces';
+import { ITrilogyTheme } from './interfaces';
 export declare const defaultTheme: ITrilogyTheme;
 interface ITrilogyThemeContext {
     theme: ITrilogyTheme;