@trilogy-ds/react 4.20.1 → 4.20.3

package/lib/components/flex-box/FlexBox.native.js

@@ -1,16 +1,17 @@
 import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { getAlignStyle } from '../../objects/facets/Alignable';
 import { getJustifyStyle } from '../../objects/facets/Justifiable';
-import React, { useState } from 'react';
+import { useState, Children, forwardRef, useCallback, useMemo } from 'react';
 import { Dimensions, ScrollView, View } from 'react-native';
 import { memoStyles } from '../../helpers/memoStyles';
-import { ColumnsGapValue } from '../columns';
-import { FlexBoxContext } from './context';
+import { ColumnsGapValue } from '../../components/columns';
+import { FlexBoxContext } from '../../components/flex-box/context';
 /**
  * @beta
  * FlexBox Component - Flexible box layout container
- * @param children {React.ReactNode} FlexBox child elements
+ * @param children {ReactNode} FlexBox child elements
  * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children (supports responsive values)
  * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: ...; tablet?: ...; desktop?: ... } } Flex direction (supports responsive values)
  * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' | { mobile?: ...; tablet?: ...; desktop?: ... } } Align items (supports responsive values)
@@ -21,14 +22,14 @@ import { FlexBoxContext } from './context';
  * @param id {string} Custom id attribute
  * @param fullBleed {boolean} Extend to full screen width (ignores container padding)
  */
-var FlexBox = React.forwardRef(function (_a, ref) {
+var FlexBox = forwardRef(function (_a, ref) {
     var id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, align = _a.align, justify = _a.justify, scrollable = _a.scrollable, fullBleed = _a.fullBleed, children = _a.children, fullheight = _a.fullheight, testId = _a.testId, others = __rest(_a, ["id", "gap", "direction", "align", "justify", "scrollable", "fullBleed", "children", "fullheight", "testId"]);
     var _c = __read(useState(0), 2), width = _c[0], setWidth = _c[1];
     var _d = __read(useState(0), 2), enlarge = _d[0], setEnlarge = _d[1];
     var isValueDirection = typeof direction === 'string';
     var isValueAlign = typeof align === 'string';
     var isValueJustify = typeof justify === 'string';
-    var onLayoutHandler = React.useCallback(function (event) {
+    var onLayoutHandler = useCallback(function (event) {
         if (!width) {
             var width_1 = event.nativeEvent.layout.width;
             if (fullBleed)
@@ -37,7 +38,7 @@ var FlexBox = React.forwardRef(function (_a, ref) {
         }
     }, [fullBleed, width]);
     var gapIndex = (gap && typeof gap === 'number' && gap) || (gap && (gap === null || gap === void 0 ? void 0 : gap.mobile)) || 0;
-    var realGap = React.useMemo(function () { return (typeof gap === 'undefined' ? 8 : ColumnsGapValue[gapIndex]); }, [gap]);
+    var realGap = useMemo(function () { return (typeof gap === 'undefined' ? 8 : ColumnsGapValue[gapIndex]); }, [gap]);
     var styles = memoStyles({
         columns: {
             flexDirection: !isValueDirection ? direction === null || direction === void 0 ? void 0 : direction.mobile : direction,
@@ -56,18 +57,15 @@ var FlexBox = React.forwardRef(function (_a, ref) {
             justifyContent: !isValueJustify ? getJustifyStyle(justify === null || justify === void 0 ? void 0 : justify.mobile) : getJustifyStyle(justify),
         },
     });
-    return (React.createElement(FlexBoxContext.Provider, { value: {
+    return (_jsxs(FlexBoxContext.Provider, __assign({ value: {
             width: width,
             realGap: realGap,
             scrollable: scrollable || false,
-            childrenLength: React.Children.count(children),
-        } },
-        !scrollable && (React.createElement(View, __assign({ testID: testId, id: id, ref: ref, onLayout: onLayoutHandler, style: [styles.columns] }, others), children)),
-        scrollable && (React.createElement(View, { testID: testId, id: id, onLayout: onLayoutHandler, style: {
-                marginHorizontal: -enlarge,
-            } },
-            React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.columnsScrollable, showsHorizontalScrollIndicator: false }, children)))));
+            childrenLength: Children.count(children),
+        } }, { children: [!scrollable && (_jsx(View, __assign({ testID: testId, id: id, ref: ref, onLayout: onLayoutHandler, style: [styles.columns] }, others, { children: children }))), scrollable && (_jsx(View, __assign({ testID: testId, id: id, onLayout: onLayoutHandler, style: {
+                    marginHorizontal: -enlarge,
+                } }, { children: _jsx(ScrollView, __assign({ horizontal: true, contentContainerStyle: styles.columnsScrollable, showsHorizontalScrollIndicator: false }, { children: children })) })))] })));
 });
 FlexBox.displayName = ComponentName.FlexBox;
 export default FlexBox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L0ZsZXhCb3gubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUM5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUU1QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTFDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQThHLEVBQUUsR0FBRztJQUFqSCxJQUFBLEVBQUUsUUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLGlCQUFpQixFQUFqQixTQUFTLG1CQUFHLEtBQUssS0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE1Ryw2R0FBOEcsQ0FBRjtJQUNyRyxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L0ZsZXhCb3gubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQzlELE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDOUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUV0RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFFOUQ7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQVUsQ0FDeEIsVUFBQyxFQUE4RyxFQUFFLEdBQUc7SUFBakgsSUFBQSxFQUFFLFFBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxpQkFBaUIsRUFBakIsU0FBUyxtQkFBRyxLQUFLLEtBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUcsNkdBQThHLENBQUY7SUFDckcsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFR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

package/lib/components/flex-box/FlexBoxProps.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import { Align } from '../../objects/facets/Alignable';
 import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
 import { Justify } from '../../objects/facets/Justifiable';
 import { View } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
-import { GapSize } from '../columns';
+import { GapSize } from '../../components/columns';
 import { Dev } from '../../objects/facets/Dev';
+import { ReactNode } from 'react';
 interface ResponsiveValue<T> {
     mobile?: T;
     tablet?: T;
@@ -19,7 +19,7 @@ export type AlignProps = ResponsiveValue<Align>;
 export type JustifyProps = ResponsiveValue<Justify>;
 export type WrapProps = ResponsiveValue<boolean>;
 export interface FlexBoxProps extends CommonProps, Dev {
-    children?: React.ReactNode;
+    children?: ReactNode;
     gap?: FlexBoxSize | GapSize;
     direction?: Direction | DirectionEnum | DirectionEnumValues;
     align?: AlignProps | Align;

package/lib/components/flex-box/context/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const FlexBoxContext: React.Context<{
+/// <reference types="react" />
+export declare const FlexBoxContext: import("react").Context<{
     scrollable: boolean;
     width: number;
     realGap: number;

package/lib/components/flex-box/context/index.js

@@ -1,8 +1,8 @@
-import React from 'react';
-export var FlexBoxContext = React.createContext({
+import { createContext } from 'react';
+export var FlexBoxContext = createContext({
     scrollable: false,
     width: 0,
     realGap: 16,
     childrenLength: 1,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2NvbnRleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQztJQUNoRCxVQUFVLEVBQUUsS0FBSztJQUNqQixLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsY0FBYyxFQUFFLENBQUM7Q0FDbEIsQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2NvbnRleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFckMsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQztJQUMxQyxVQUFVLEVBQUUsS0FBSztJQUNqQixLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsY0FBYyxFQUFFLENBQUM7Q0FDbEIsQ0FBQyxDQUFBIn0=

package/lib/components/flex-box/flex-item/FlexItem.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { FlexItemProps } from '../../../components/flex-box/flex-item/FlexItemProps';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  * @param testId {string} Test Id for Test Integration
  * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
@@ -11,5 +11,5 @@ import { FlexItemProps } from '../../../components/flex-box/flex-item/FlexItemPr
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  */
-declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const FlexItem: import("react").ForwardRefExoticComponent<FlexItemProps & import("react").RefAttributes<HTMLDivElement>>;
 export default FlexItem;

package/lib/components/flex-box/flex-item/FlexItem.js

@@ -1,15 +1,16 @@
 import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context';
+import { useTrilogyContext } from '../../../context/TrilogyContext';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { getAlignClassName } from '../../../objects/facets/Alignable';
 import { is } from '../../../services/classify';
 import clsx from 'clsx';
-import React from 'react';
+import { forwardRef } from 'react';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  * @param testId {string} Test Id for Test Integration
  * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
@@ -17,13 +18,13 @@ import React from 'react';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  */
-var FlexItem = React.forwardRef(function (_a, ref) {
+var FlexItem = forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, testId = _a.testId, others = __rest(_a, ["className", "id", "size", "narrow", "verticalAlign", "testId"]);
     var styled = useTrilogyContext().styled;
     var isNumber = typeof size === 'number';
     var classes = hashClass(styled, clsx('flex-item', size && isNumber && is("".concat(size)), size && !isNumber && (size === null || size === void 0 ? void 0 : size.desktop) && is("".concat(size.desktop, "-desktop")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.mobile) && is("".concat(size.mobile, "-mobile")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.tablet) && is("".concat(size.tablet, "-tablet")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.touch) && is("".concat(size.touch, "-touch")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.widescreen) && is("".concat(size.widescreen, "-widescreen")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.fullhd) && is("".concat(size.fullhd, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
-    return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+    return _jsx("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
 });
 FlexItem.displayName = ComponentName.FlexItem;
 export default FlexItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2ZsZXgtaXRlbS9GbGV4SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUFDLEVBQWlFLEVBQUUsR0FBRztJQUFwRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQS9ELGdFQUFpRSxDQUFGO0lBQ3RELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sUUFBUSxHQUFHLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQTtJQUN6QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsV0FBVyxFQUNYLElBQUksSUFBSSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDakMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxPQUFPLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsT0FBTyxhQUFVLENBQUMsRUFDbkUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxLQUFLLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsS0FBSyxXQUFRLENBQUMsRUFDN0QsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxVQUFVLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsVUFBVSxnQkFBYSxDQUFDLEVBQzVFLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFBLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFDLE1BQU0sWUFBUyxDQUFDLEVBQ2hFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2ZsZXgtaXRlbS9GbGV4SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUdsQzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUN6QixVQUFDLEVBQWlFLEVBQUUsR0FBRztJQUFwRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQS9ELGdFQUFpRSxDQUFGO0lBQ3RELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sUUFBUSxHQUFHLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQTtJQUN6QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsV0FBVyxFQUNYLElBQUksSUFBSSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDakMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxPQUFPLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsT0FBTyxhQUFVLENBQUMsRUFDbkUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxLQUFLLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsS0FBSyxXQUFRLENBQUMsRUFDN0QsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxVQUFVLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsVUFBVSxnQkFBYSxDQUFDLEVBQzVFLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFBLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFDLE1BQU0sWUFBUyxDQUFDLEVBQ2hFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sdUJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/flex-box/flex-item/FlexItem.native.d.ts

@@ -1,14 +1,14 @@
+/// <reference types="react" />
 import { FlexItemProps } from '../../../components/flex-box/flex-item/FlexItemProps';
-import React from 'react';
 import { View } from 'react-native';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  * @param testId {string} Test Id for Test Integration
  * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
  * @param verticalAlign { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Vertical alignment of the item
  */
-declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<View>>;
+declare const FlexItem: import("react").ForwardRefExoticComponent<FlexItemProps & import("react").RefAttributes<View>>;
 export default FlexItem;

package/lib/components/flex-box/flex-item/FlexItem.native.js

@@ -1,41 +1,42 @@
 import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { getAlignStyle } from '../../../objects/facets/Alignable';
-import React from 'react';
+import { forwardRef, useContext, useMemo } from 'react';
 import { View } from 'react-native';
-import { FlexBoxContext } from '../context';
+import { FlexBoxContext } from '../../../components/flex-box/context';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  * @param testId {string} Test Id for Test Integration
  * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
  * @param verticalAlign { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Vertical alignment of the item
  */
-var FlexItem = React.forwardRef(function (_a, ref) {
+var FlexItem = forwardRef(function (_a, ref) {
     var id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, children = _a.children, testId = _a.testId, others = __rest(_a, ["id", "size", "narrow", "verticalAlign", "children", "testId"]);
-    var _b = React.useContext(FlexBoxContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrenLength = _b.childrenLength;
+    var _b = useContext(FlexBoxContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrenLength = _b.childrenLength;
     var realSize = (size && typeof size === 'number' && size) || (size && (size === null || size === void 0 ? void 0 : size.mobile)) || 0;
-    var scrollableStyle = React.useMemo(function () { return ({
+    var scrollableStyle = useMemo(function () { return ({
         width: realSize
             ? (realSize / 12) * width - realGap * ((childrenLength - 1) / childrenLength)
             : narrow
                 ? 'auto'
                 : width - 2 * realGap,
     }); }, [realSize, narrow, width, realGap, childrenLength, realSize]);
-    var noScrollableStyle = React.useMemo(function () { return ({
+    var noScrollableStyle = useMemo(function () { return ({
         flex: narrow ? 0 : 1,
         flexGrow: realSize || narrow ? 0 : 1,
         flexShrink: narrow ? 1 : 0,
         flexBasis: realSize ? (realSize / 12) * width - realGap * ((childrenLength - 1) / childrenLength) : 'auto',
     }); }, [realSize, narrow, width, realGap, childrenLength, realSize]);
-    return (React.createElement(View, __assign({ testID: testId, id: id, ref: ref, style: [
+    return (_jsx(View, __assign({ testID: testId, id: id, ref: ref, style: [
             scrollable && scrollableStyle,
             !scrollable && noScrollableStyle,
             { justifyContent: getAlignStyle(verticalAlign) },
-        ] }, others), children));
+        ] }, others, { children: children })));
 });
 FlexItem.displayName = ComponentName.FlexItem;
 export default FlexItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9mbGV4LWJveC9mbGV4LWl0ZW0vRmxleEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRTNDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFBQyxFQUFnRSxFQUFFLEdBQUc7SUFBbkUsSUFBQSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE5RCwrREFBZ0UsQ0FBRjtJQUN2RCxJQUFBLEtBQWlELEtBQUssQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLEVBQS9FLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxjQUFjLG9CQUFxQyxDQUFBO0lBQ3ZGLElBQU0sUUFBUSxHQUFHLENBQUMsSUFBSSxJQUFJLE9BQU8sSUFBSSxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFBLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFMUYsSUFBTSxlQUFlLEdBQWMsS0FBSyxDQUFDLE9BQU8sQ0FDOUMsY0FBTSxPQUFBLENBQUM7UUFDTCxLQUFLLEVBQUUsUUFBUTtZQUNiLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsY0FBYyxDQUFDO1lBQzdFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQyxFQU5JLENBTUosRUFDRixDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxDQUFDLENBQzdELENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLEtBQUssQ0FBQyxPQUFPLENBQ2hELGNBQU0sT0FBQSxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxRQUFRLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUMsR0FBRyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUMzRyxDQUFDLEVBTEksQ0FLSixFQUNGLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLENBQUMsQ0FDN0QsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsTUFBTSxFQUFFLE1BQU0sRUFDZCxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUNqRCxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFDRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9mbGV4LWJveC9mbGV4LWl0ZW0vRmxleEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxJQUFJLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBRTlEOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUN6QixVQUFDLEVBQWdFLEVBQUUsR0FBRztJQUFuRSxJQUFBLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTlELCtEQUFnRSxDQUFGO0lBQ3ZELElBQUEsS0FBaUQsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUF6RSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsY0FBYyxvQkFBK0IsQ0FBQTtJQUNqRixJQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRTFGLElBQU0sZUFBZSxHQUFjLE9BQU8sQ0FDeEMsY0FBTSxPQUFBLENBQUM7UUFDTCxLQUFLLEVBQUUsUUFBUTtZQUNiLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsY0FBYyxDQUFDO1lBQzdFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQyxFQU5JLENBTUosRUFDRixDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxDQUFDLENBQzdELENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLE9BQU8sQ0FDMUMsY0FBTSxPQUFBLENBQUM7UUFDTCxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEIsUUFBUSxFQUFFLFFBQVEsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQyxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUIsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxHQUFHLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQzNHLENBQUMsRUFMSSxDQUtKLEVBQ0YsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsQ0FBQyxDQUM3RCxDQUFBO0lBRUQsT0FBTyxDQUNMLEtBQUMsSUFBSSxhQUNILE1BQU0sRUFBRSxNQUFNLEVBQ2QsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxFQUFFLGNBQWMsRUFBRSxhQUFhLENBQUMsYUFBYSxDQUFDLEVBQUU7U0FDakQsSUFDRyxNQUFNLGNBRVQsUUFBUSxJQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/flex-box/flex-item/FlexItemProps.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { Dev } from '../../../objects/facets/Dev';
 import { AlignableProps } from '../../../objects/facets/Alignable';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { View } from 'react-native';
+import { ReactNode } from 'react';
 export interface FlexSize {
     mobile?: FlexItemSize;
     tablet?: FlexItemSize;
@@ -15,7 +15,7 @@ export interface FlexSize {
  * FlexItem Interface
  */
 export interface FlexItemProps extends AlignableProps, CommonProps, Dev {
-    children?: React.ReactNode;
+    children?: ReactNode;
     size?: FlexSize | FlexItemSize;
     narrow?: boolean;
 }

package/lib/components/flex-box/index.d.ts

@@ -1,3 +1,3 @@
-import FlexBox from './FlexBox';
-import FlexItem from './flex-item/FlexItem';
+import FlexBox from '../../components/flex-box/FlexBox';
+import FlexItem from '../../components/flex-box/flex-item/FlexItem';
 export { FlexBox, FlexItem };

package/lib/components/flex-box/index.js

@@ -1,4 +1,4 @@
-import FlexBox from './FlexBox';
-import FlexItem from './flex-item/FlexItem';
+import FlexBox from '../../components/flex-box/FlexBox';
+import FlexItem from '../../components/flex-box/flex-item/FlexItem';
 export { FlexBox, FlexItem };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUMvQixPQUFPLFFBQVEsTUFBTSxzQkFBc0IsQ0FBQTtBQUUzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBQ25ELE9BQU8sUUFBUSxNQUFNLDBDQUEwQyxDQUFBO0FBRS9ELE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

package/lib/components/hero/Hero.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { HeroProps } from '../../components/hero/HeroProps';
 /**
  * Hero Component
- * @param children {React.ReactNode} Hero Children
+ * @param children {ReactNode} Hero Children
  * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
  * @param onClick {Function} onClick Event
@@ -14,5 +14,5 @@ import { HeroProps } from '../../components/hero/HeroProps';
  * @param backgroundHeight {number} Custom height for the background image (overrides default height)
  * @param id {string} Custom id attribute
  */
-declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>>;
+declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & import("react").RefAttributes<HTMLElement>>;
 export default Hero;

package/lib/components/hero/Hero.js

@@ -1,14 +1,15 @@
 import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
-import React from 'react';
+import { forwardRef } from 'react';
 import { ComponentName } from '../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../context';
+import { useTrilogyContext } from '../../context/TrilogyContext';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { getBackgroundClassName } from '../../objects/atoms/Background';
 import { has, is } from '../../services/classify';
 /**
  * Hero Component
- * @param children {React.ReactNode} Hero Children
+ * @param children {ReactNode} Hero Children
  * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
  * @param onClick {Function} onClick Event
@@ -20,15 +21,14 @@ import { has, is } from '../../services/classify';
  * @param backgroundHeight {number} Custom height for the background image (overrides default height)
  * @param id {string} Custom id attribute
  */
-var Hero = React.forwardRef(function (_a, ref) {
+var Hero = forwardRef(function (_a, ref) {
     var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className, id = _a.id, onClick = _a.onClick, overlap = _a.overlap, testId = _a.testId, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "inverted", "className", "id", "onClick", "overlap", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('hero', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), (inverted && is('inverted')) || is('base'), overlap && is('overlapped'), className));
-    return (React.createElement("section", __assign({ "data-testid": testId, ref: ref, id: id, onClick: onClick && onClick, className: classes }, (backgroundSrc && {
+    return (_jsx("section", __assign({ "data-testid": testId, ref: ref, id: id, onClick: onClick && onClick, className: classes }, (backgroundSrc && {
         style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
-    }), others),
-        React.createElement("div", { className: hashClass(styled, clsx('hero-body')) }, children)));
+    }), others, { children: _jsx("div", __assign({ className: hashClass(styled, clsx('hero-body')) }, { children: children })) })));
 });
 Hero.displayName = ComponentName.Hero;
 export default Hero;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQTBHLEVBQzFHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4RywrR0FBMEcsQ0FBRjtJQUdoRyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMxQyxPQUFPLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUMzQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLHlEQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxJQUNkLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRyxFQUFFO0tBQ3BELENBQUMsRUFDRSxNQUFNO1FBRVYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzlELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBVSxDQUNyQixVQUNFLEVBQTBHLEVBQzFHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4RywrR0FBMEcsQ0FBRjtJQUdoRyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMxQyxPQUFPLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUMzQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxJQUNkLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRyxFQUFFO0tBQ3BELENBQUMsRUFDRSxNQUFNLGNBRVYsdUJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGdCQUFHLFFBQVEsSUFBTyxJQUM5RCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/hero/Hero.native.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { View } from 'react-native';
 import { HeroProps } from '../../components/hero/HeroProps';
 /**
  * Hero Component
- * @param children {React.ReactNode} Hero Children
+ * @param children {ReactNode} Hero Children
  * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
  * @param onClick {Function} onClick Event
@@ -11,5 +11,5 @@ import { HeroProps } from '../../components/hero/HeroProps';
  * @param overlap {ReactNode[]|boolean} Hero overlap components (need to add key for each element)
  * @param testId {string} Test Id for Test Integration
  */
-declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<View>>;
+declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & import("react").RefAttributes<View>>;
 export default Hero;

package/lib/components/hero/Hero.native.js

@@ -1,5 +1,6 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, forwardRef } from 'react';
 import { ImageBackground, TouchableOpacity, View } from 'react-native';
 import { memoStyles } from '../../helpers/memoStyles';
 import { Box } from '../../components/box';
@@ -8,7 +9,7 @@ import { StatesContext } from '../../context/providerStates';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Hero Component
- * @param children {React.ReactNode} Hero Children
+ * @param children {ReactNode} Hero Children
  * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
  * @param onClick {Function} onClick Event
@@ -16,7 +17,7 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
  * @param overlap {ReactNode[]|boolean} Hero overlap components (need to add key for each element)
  * @param testId {string} Test Id for Test Integration
  */
-var Hero = React.forwardRef(function (_a, ref) {
+var Hero = forwardRef(function (_a, ref) {
     var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, backgroundHeight = _a.backgroundHeight, testId = _a.testId, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor", "backgroundHeight", "testId"]);
     var _b = __read(useState(0), 2), overlapHeight = _b[0], setOverlapHeight = _b[1];
     var _c = __read(useState(0), 2), secondOverlapHeight = _c[0], setSecondOverlapHeight = _c[1];
@@ -55,41 +56,29 @@ var Hero = React.forwardRef(function (_a, ref) {
     });
     var heroView;
     if (backgroundColor) {
-        heroView = (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: false, flat: false } },
-            React.createElement(View, { style: [styles.background, styles.hero], testID: 'background-id' },
-                React.createElement(View, { style: styles.content }, children))));
+        heroView = (_jsx(StatesContext.Provider, __assign({ value: { inverted: !!inverted, active: false, flat: false } }, { children: _jsx(View, __assign({ style: [styles.background, styles.hero], testID: 'background-id' }, { children: _jsx(View, __assign({ style: styles.content }, { children: children })) })) })));
     }
     else {
-        heroView = (React.createElement(ImageBackground, __assign({ source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: styles.hero }, others),
-            React.createElement(View, { style: styles.content, testID: 'no-background-id' }, children)));
+        heroView = (_jsx(ImageBackground, __assign({ source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: styles.hero }, others, { children: _jsx(View, __assign({ style: styles.content, testID: 'no-background-id' }, { children: children })) })));
     }
     var overlapView;
     if (isSecondOverlap) {
-        overlapView = (React.createElement(View, { style: styles.subOverlap },
-            React.createElement(View, { style: styles.overlap, onLayout: function (event) {
-                    var height = event.nativeEvent.layout.height;
-                    setOverlapHeight(height);
-                } },
-                React.createElement(Box, { backgroundColor: TrilogyColor.NEUTRAL_FADE },
-                    React.createElement(View, { style: { marginBottom: secondOverlapHeight / 2 } }),
-                    overlap && typeof overlap !== 'boolean' ? overlap[0] : null)),
-            React.createElement(View, { style: styles.secondOverlap, onLayout: function (event) {
-                    var height = event.nativeEvent.layout.height;
-                    setSecondOverlapHeight(height);
-                } }, overlap && typeof overlap !== 'boolean' ? overlap[1] : null)));
+        overlapView = (_jsxs(View, __assign({ style: styles.subOverlap }, { children: [_jsx(View, __assign({ style: styles.overlap, onLayout: function (event) {
+                        var height = event.nativeEvent.layout.height;
+                        setOverlapHeight(height);
+                    } }, { children: _jsxs(Box, __assign({ backgroundColor: TrilogyColor.NEUTRAL_FADE }, { children: [_jsx(View, { style: { marginBottom: secondOverlapHeight / 2 } }), overlap && typeof overlap !== 'boolean' ? overlap[0] : null] })) })), _jsx(View, __assign({ style: styles.secondOverlap, onLayout: function (event) {
+                        var height = event.nativeEvent.layout.height;
+                        setSecondOverlapHeight(height);
+                    } }, { children: overlap && typeof overlap !== 'boolean' ? overlap[1] : null }))] })));
     }
     else {
-        overlapView = (React.createElement(View, { style: styles.subOverlap },
-            React.createElement(View, { style: styles.overlap, onLayout: function (event) {
+        overlapView = (_jsx(View, __assign({ style: styles.subOverlap }, { children: _jsx(View, __assign({ style: styles.overlap, onLayout: function (event) {
                     var height = event.nativeEvent.layout.height;
                     setOverlapHeight(height);
-                } }, overlap && typeof overlap !== 'boolean' ? overlap[0] : null)));
+                } }, { children: overlap && typeof overlap !== 'boolean' ? overlap[0] : null })) })));
     }
-    return onClick ? (React.createElement(View, { testID: testId, ref: ref },
-        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { testID: testId, ref: ref, style: { width: '100%' } },
-        heroView,
-        overlapView));
+    return onClick ? (_jsx(View, __assign({ testID: testId, ref: ref }, { children: _jsx(TouchableOpacity, __assign({ onPress: onClick, activeOpacity: 0.85 }, { children: heroView })) }))) : (_jsxs(View, __assign({ testID: testId, ref: ref, style: { width: '100%' } }, { children: [heroView, overlapView] })));
 });
 Hero.displayName = ComponentName.Hero;
 export default Hero;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN0RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQTZHLEVBQzdHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUEzRyxnSEFBNkcsQ0FBRjtJQUdyRyxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF1QixDQUFBO0lBQ3ZELElBQUEsS0FBQSxPQUFnRCxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEUsbUJBQW1CLFFBQUEsRUFBRSxzQkFBc0IsUUFBdUIsQ0FBQTtJQUV6RSxJQUFNLGVBQWUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBVSxDQUNyQixVQUNFLEVBQTZHLEVBQzdHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUEzRyxnSEFBNkcsQ0FBRjtJQUdyRyxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF1QixDQUFBO0lBQ3ZELElBQUEsS0FBQSxPQUFnRCxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEUsbUJBQW1CLFFBQUEsRUFBRSxzQkFBc0IsUUFBdUIsQ0FBQTtJQUV6RSxJQUFNLGVBQWUsR0FBRyxPQUFP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

package/lib/components/hero/HeroProps.d.ts

@@ -1,15 +1,16 @@
-/// <reference types="react" />
 import { BackgroundProps } from '../../objects/atoms/Background';
-import { Clickable, Dev } from '../../objects/facets';
+import { Clickable } from '../../objects/facets/Clickable';
+import { Dev } from '../../objects/facets/Dev';
 import { CommonProps } from '../../objects/facets/CommonProps';
-import { BackgroundHeight } from './heroEnum';
+import { BackgroundHeight } from '../../components/hero/heroEnum';
 import { View } from 'react-native';
+import { ReactNode } from 'react';
 /**
  * Hero Interface
  */
 export interface HeroProps extends Clickable, BackgroundProps, CommonProps, Dev {
-    children?: React.ReactNode;
-    overlap?: React.ReactNode[] | boolean;
+    children?: ReactNode;
+    overlap?: ReactNode[] | boolean;
     backgroundHeight?: BackgroundHeight;
 }
 export type HeroRef = HTMLElement;

package/lib/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { IconProps } from './IconProps';
+/// <reference types="react" />
+import { IconProps } from '../../components/icon/IconProps';
 /**
  * Icon Component
  * @param name {IconName} Icon name
@@ -17,5 +17,5 @@ import { IconProps } from './IconProps';
  * @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  */
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
 export default Icon;