@trilogy-ds/react 0.0.6-esm-cjs → 0.0.7-alpha-prompt

package/lib/components/columns/Columns.native.d.ts

@@ -0,0 +1,13 @@
+import { ColumnsProps } from '../../components/columns/ColumnsProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Columns Native Component
+ * @param children {React.ReactNode}
+ * @param centered {boolean} Center columns
+ * @param verticalCentered {boolean} Vertical centered columns
+ * @param scrollable {boolean} Makes columns vertically scrollable.
+ * @param gap {GapSize} Gap between columns
+ */
+declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<View>>;
+export default Columns;

package/lib/components/columns/Columns.native.js

@@ -1,9 +1,21 @@
+import { __assign, __read, __rest } from "tslib";
 import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
 import { ColumnsContext } from '../../components/columns/context';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { Alignable, getAlignStyle } from '../../objects/facets/Alignable';
-import React, { useState } from 'react';
+import React, { useState, useMemo, useCallback } from 'react';
 import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
+var staticStyles = StyleSheet.create({
+    centered: {
+        justifyContent: 'center',
+    },
+    multiline: {
+        flexWrap: 'wrap',
+    },
+    mobile: {
+        flexDirection: 'column',
+    },
+});
 /**
  * Columns Native Component
  * @param children {React.ReactNode}
@@ -12,20 +24,21 @@ import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
  * @param scrollable {boolean} Makes columns vertically scrollable.
  * @param gap {GapSize} Gap between columns
  */
-const Columns = React.forwardRef(({ children, align, gap, verticalAlign, fullBleed, scrollable, multiline, fullheight, ...others }, ref) => {
-    const [width, setWidth] = useState(0);
-    const [enlarge, setEnlarge] = useState(0);
-    const onLayoutHandler = React.useCallback((event) => {
+var Columns = React.forwardRef(function (_a, ref) {
+    var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, fullheight = _a.fullheight, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline", "fullheight"]);
+    var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
+    var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
+    var onLayoutHandler = useCallback(function (event) {
         if (!width) {
-            const { width } = event.nativeEvent.layout;
+            var width_1 = event.nativeEvent.layout.width;
             if (fullBleed) {
-                setEnlarge((Dimensions.get('screen').width - width) / 2);
+                setEnlarge((Dimensions.get('screen').width - width_1) / 2);
             }
-            setWidth(width);
+            setWidth(width_1);
         }
     }, [fullBleed, width]);
-    const realGap = React.useMemo(() => (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap], [gap]);
-    const styles = StyleSheet.create({
+    var realGap = useMemo(function () { return (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap]; }, [gap]);
+    var dynamicStyles = useMemo(function () { return ({
         columns: {
             width: fullBleed && width ? width + enlarge * 2 : '100%',
             marginHorizontal: -enlarge,
@@ -34,40 +47,32 @@ const Columns = React.forwardRef(({ children, align, gap, verticalAlign, fullBle
             gap: realGap,
             height: fullheight ? '100%' : 'auto'
         },
-        centered: {
-            justifyContent: 'center',
-        },
         verticalAlign: {
             alignItems: getAlignStyle(verticalAlign),
         },
-        multiline: {
-            flexWrap: 'wrap',
-        },
         scrollContainer: {
             paddingHorizontal: enlarge,
             gap: realGap,
         },
-        mobile: {
-            flexDirection: 'column',
-        },
-    });
-    return (React.createElement(ColumnsContext.Provider, { value: {
-            width,
-            realGap,
-            scrollable: scrollable || false,
-            childrensLength: React.Children.count(children),
-        } },
-        !scrollable && (React.createElement(View, { ref: ref, onLayout: onLayoutHandler, style: [
-                styles.columns,
-                multiline && styles.multiline,
-                align === Alignable.ALIGNED_CENTER && styles.centered,
-                verticalAlign && styles.verticalAlign,
-            ], ...others }, children)),
+    }); }, [fullBleed, width, enlarge, realGap, fullheight, verticalAlign]);
+    var contextValue = useMemo(function () { return ({
+        width: width,
+        realGap: realGap,
+        scrollable: scrollable || false,
+        childrensLength: React.Children.count(children),
+    }); }, [width, realGap, scrollable, children]);
+    return (React.createElement(ColumnsContext.Provider, { value: contextValue },
+        !scrollable && (React.createElement(View, __assign({ ref: ref, onLayout: onLayoutHandler, style: [
+                dynamicStyles.columns,
+                multiline && staticStyles.multiline,
+                align === Alignable.ALIGNED_CENTER && staticStyles.centered,
+                verticalAlign && dynamicStyles.verticalAlign,
+            ] }, others), children)),
         scrollable && (React.createElement(View, { onLayout: onLayoutHandler, style: {
                 marginHorizontal: -enlarge,
             } },
-            React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer, showsHorizontalScrollIndicator: false }, children)))));
+            React.createElement(ScrollView, { horizontal: true, contentContainerStyle: dynamicStyles.scrollContainer, showsHorizontalScrollIndicator: false }, children)))));
 });
 Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxlQUFlLEVBQVcsTUFBTSxtQ0FBbUMsQ0FBQTtBQUM1RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDckUsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFMUY7Ozs7Ozs7R0FPRztBQUVILE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDckgsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDckMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFekMsTUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDdkMsQ0FBQyxLQUF3QixFQUFFLEVBQUU7UUFDM0IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1gsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEtBQUssQ0FBQyxXQUFXLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNyRSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTFGLElBQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDckMsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFLFFBQVE7S0FDekI7SUFDRCxTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsTUFBTTtLQUNqQjtJQUNELE1BQU0sRUFBRTtRQUNOLGFBQWEsRUFBRSxRQUFRO0tBQ3hCO0NBQ0YsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7R0FPRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBZ0csRUFBRSxHQUFHO0lBQW5HLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUE5RixtR0FBZ0csQ0FBRjtJQUN2RixJQUFBLEtBQUEsT0FB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

package/lib/components/columns/ColumnsProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GapSize } from '../../components/columns/ColumnsTypes';
 import { AlignableProps } from '../../objects/facets/Alignable';
 import { CommonProps } from '../../objects/facets/CommonProps';

package/lib/components/columns/ColumnsPropsDefaults.js

@@ -89,7 +89,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -103,7 +111,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "id": {

package/lib/components/columns/ColumnsTypes.js

@@ -12,5 +12,5 @@ export var GapSize;
     GapSize[GapSize["NINE"] = 9] = "NINE";
     GapSize[GapSize["TEN"] = 10] = "TEN";
 })(GapSize || (GapSize = {}));
-export const ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc1R5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnNUeXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxPQVlYO0FBWkQsV0FBWSxPQUFPO0lBQ2pCLHFDQUFRLENBQUE7SUFDUixtQ0FBTyxDQUFBO0lBQ1AsbUNBQU8sQ0FBQTtJQUNQLHVDQUFTLENBQUE7SUFDVCxxQ0FBUSxDQUFBO0lBQ1IscUNBQVEsQ0FBQTtJQUNSLG1DQUFPLENBQUE7SUFDUCx1Q0FBUyxDQUFBO0lBQ1QsdUNBQVMsQ0FBQTtJQUNULHFDQUFRLENBQUE7SUFDUixvQ0FBUSxDQUFBO0FBQ1YsQ0FBQyxFQVpXLE9BQU8sS0FBUCxPQUFPLFFBWWxCO0FBRUQsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFBIn0=
+export var ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc1R5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnNUeXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxPQVlYO0FBWkQsV0FBWSxPQUFPO0lBQ2pCLHFDQUFRLENBQUE7SUFDUixtQ0FBTyxDQUFBO0lBQ1AsbUNBQU8sQ0FBQTtJQUNQLHVDQUFTLENBQUE7SUFDVCxxQ0FBUSxDQUFBO0lBQ1IscUNBQVEsQ0FBQTtJQUNSLG1DQUFPLENBQUE7SUFDUCx1Q0FBUyxDQUFBO0lBQ1QsdUNBQVMsQ0FBQTtJQUNULHFDQUFRLENBQUE7SUFDUixvQ0FBUSxDQUFBO0FBQ1YsQ0FBQyxFQVpXLE9BQU8sS0FBUCxPQUFPLFFBWWxCO0FBRUQsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFBIn0=

package/lib/components/columns/column/Column.js

@@ -1,5 +1,6 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context/index';
+import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { getAlignClassName } from '../../../objects/facets/Alignable';
 import { is } from '../../../services/classify';
@@ -29,11 +30,12 @@ import React from 'react';
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-const Column = React.forwardRef(({ className, id, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalAlign, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('column', size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
-    return React.createElement("div", { ref: ref, id: id, className: classes, ...others });
+var Column = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
 });
 Column.displayName = ComponentName.Column;
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBRUgsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsQ0FDRSxFQUNFLFNBQVMsRUFDVCxFQUFFLEVBQ0YsSUFBSSxFQUNKLFVBQVUsRUFDVixVQUFVLEVBQ1YsU0FBUyxFQUNULFdBQVcsRUFDWCxjQUFjLEVBQ2QsVUFBVSxFQUNWLE1BQU0sRUFDTixZQUFZLEVBQ1osWUFBWSxFQUNaLFdBQVcsRUFDWCxhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLFlBQVksRUFDWixNQUFNLEVBQ04sYUFBYSxFQUNiLEdBQUcsTUFBTSxFQUNWLEVBQ0QsR0FBRyxFQUNILEVBQUU7SUFDRixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUV0QyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLEdBQUcsVUFBVSxTQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxHQUFHLFVBQVUsU0FBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsR0FBRyxTQUFTLFNBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLEdBQUcsV0FBVyxVQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxHQUFHLGNBQWMsYUFBYSxDQUFDLEVBQ3BELFVBQVUsSUFBSSxFQUFFLENBQUMsR0FBRyxVQUFVLFNBQVMsQ0FBQyxFQUN4QyxNQUFNLElBQUksRUFBRSxDQUFDLFVBQVUsTUFBTSxFQUFFLENBQUMsRUFDaEMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxVQUFVLFlBQVksU0FBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsVUFBVSxZQUFZLFNBQVMsQ0FBQyxFQUNuRCxXQUFXLElBQUksRUFBRSxDQUFDLFVBQVUsV0FBVyxTQUFTLENBQUMsRUFDakQsYUFBYSxJQUFJLEVBQUUsQ0FBQyxVQUFVLGFBQWEsVUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxVQUFVLGdCQUFnQixhQUFhLENBQUMsRUFDL0QsWUFBWSxJQUFJLEVBQUUsQ0FBQyxVQUFVLFlBQVksU0FBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEtBQU0sTUFBTSxHQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FuQlgsNFBBb0JDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/columns/column/Column.native.d.ts

@@ -0,0 +1,12 @@
+import { ColumnProps } from '../../../components/columns/column/ColumnProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Column Component - Columns Child
+ * @param children {React.ReactNode}
+ * @param narrow {boolean} Makes the column only as wide as its content.
+ * @param size {number} Size of the column based on a 12-column grid system.
+ * @param verticalAlign { 'top' | 'bottom' | 'center' } Vertical alignment of the column content.
+ */
+declare const Column: React.MemoExoticComponent<React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<View>>>;
+export default Column;

package/lib/components/columns/column/Column.native.js

@@ -1,33 +1,38 @@
+import { __assign, __rest } from "tslib";
 import { ColumnsContext } from '../../../components/columns/context';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { getAlignStyle } from '../../../objects/index.native';
+import { getAlignStyle } from '../../../objects';
 import React from 'react';
 import { View } from 'react-native';
 /**
- * Columns Item Component - Columns Child
+ * Column Component - Columns Child
  * @param children {React.ReactNode}
+ * @param narrow {boolean} Makes the column only as wide as its content.
+ * @param size {number} Size of the column based on a 12-column grid system.
+ * @param verticalAlign { 'top' | 'bottom' | 'center' } Vertical alignment of the column content.
  */
-const Column = React.forwardRef(({ children, narrow, size, verticalAlign, ...others }, ref) => {
-    const { width, realGap, scrollable, childrensLength } = React.useContext(ColumnsContext);
-    const scrollableStyle = React.useMemo(() => ({
-        width: size
-            ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength)
-            : narrow
-                ? 'auto'
-                : width - 2 * realGap,
-    }), [size, narrow, width, realGap, childrensLength]);
-    const noScrollableStyle = React.useMemo(() => ({
+var Column = React.memo(React.forwardRef(function (_a, ref) {
+    var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "narrow", "size", "verticalAlign"]);
+    var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
+    var calculatedWidth = React.useMemo(function () {
+        return (size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null);
+    }, [size, width, realGap, childrensLength]);
+    var scrollableStyle = React.useMemo(function () { return ({
+        width: calculatedWidth || (narrow ? 'auto' : width - 2 * realGap),
+    }); }, [calculatedWidth, narrow, width, realGap]);
+    var noScrollableStyle = React.useMemo(function () { return ({
         flex: narrow ? 0 : 1,
         flexGrow: size || narrow ? 0 : 1,
         flexShrink: narrow ? 1 : 0,
-        flexBasis: size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : 'auto',
-    }), [size, narrow, width, realGap, childrensLength]);
-    return (React.createElement(View, { ref: ref, style: [
+        flexBasis: calculatedWidth || 'auto',
+    }); }, [narrow, size, calculatedWidth]);
+    var justifyContentStyle = React.useMemo(function () { return ({ justifyContent: getAlignStyle(verticalAlign) }); }, [verticalAlign]);
+    return (React.createElement(View, __assign({ ref: ref, style: [
             scrollable && scrollableStyle,
             !scrollable && noScrollableStyle,
-            { justifyContent: getAlignStyle(verticalAlign) },
-        ], ...others }, children));
-});
+            justifyContentStyle,
+        ] }, others), children));
+}));
 Column.displayName = ComponentName.Column;
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFFOUM7OztHQUdHO0FBRUgsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQ3pFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBRXhGLE1BQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDTCxLQUFLLEVBQUUsSUFBSTtZQUNULENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDO1lBQzNFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQyxFQUNGLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUNoRCxDQUFBO0lBRUQsTUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUNyRyxDQUFDLEVBQ0YsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ2hELENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUNqRCxLQUNHLE1BQU0sSUFFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQXpGLENBQXlGLEVBQ3pGLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ3hDLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUM5QyxjQUFNLE9BQUEsQ0FBQztRQUNMLEtBQUssRUFBRSxlQUFlLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUM7S0FDbEUsQ0FBQyxFQUZJLENBRUosRUFDRixDQUFDLGVBQWUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUMxQyxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsSUFBSSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsZUFBZSxJQUFJLE1BQU07S0FDckMsQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQ2hDLENBQUE7SUFFRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ3ZDLGNBQU0sT0FBQSxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQTZGLEVBQUUsQ0FBQyxFQUE5SSxDQUE4SSxFQUNwSixDQUFDLGFBQWEsQ0FBQyxDQUNoQixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxtQkFBbUI7U0FDcEIsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/columns/column/ColumnProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColumnsSize } from '../../../components/columns/ColumnsTypes';
 import { AlignableProps } from '../../../objects/facets/Alignable';
 import { CommonProps } from '../../../objects/facets/CommonProps';

package/lib/components/columns/column/ColumnPropsDefaults.js

@@ -17,8 +17,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -35,8 +35,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -53,8 +53,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -71,8 +71,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -89,8 +89,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -107,8 +107,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -125,8 +125,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -143,8 +143,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -161,8 +161,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -179,8 +179,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -197,8 +197,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -215,8 +215,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -233,8 +233,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -251,8 +251,8 @@ export default {
     "type": "string",
     "values": [
       "undefined",
-      "1",
       "2",
+      "1",
       "3",
       "4",
       "5",
@@ -284,7 +284,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -298,7 +306,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "id": {

package/lib/components/columns/context/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-export declare const ColumnsContext: React.Context<{
+export interface ColumnsContextType {
     scrollable: boolean;
     width: number;
     realGap: number;
     childrensLength: number;
-}>;
+}
+export declare const ColumnsContext: React.Context<ColumnsContextType>;

package/lib/components/columns/context/index.js

@@ -1,8 +1,9 @@
 import React from 'react';
-export const ColumnsContext = React.createContext({
+var defaultContextValue = {
     scrollable: false,
     width: 0,
     realGap: 16,
     childrensLength: 1,
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDO0lBQ2hELFVBQVUsRUFBRSxLQUFLO0lBQ2pCLEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsQ0FBQztDQUNuQixDQUFDLENBQUEifQ==
+};
+export var ColumnsContext = React.createContext(defaultContextValue);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLElBQU0sbUJBQW1CLEdBQXVCO0lBQzlDLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsQ0FBQztDQUNuQixDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXFCLG1CQUFtQixDQUFDLENBQUEifQ==

package/lib/components/container/Container.js

@@ -1,7 +1,8 @@
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
 import React from 'react';
 import { ComponentName } from '../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../context/index';
+import { useTrilogyContext } from '../../context';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { is } from '../../services/classify';
 /**
@@ -12,11 +13,12 @@ import { is } from '../../services/classify';
  * @param medium {boolean} Set medium container
  * @param id {string} Set id attribute
  */
-const Container = React.forwardRef(({ className, id, medium, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('container', medium && is('medium'), className));
-    return React.createElement("div", { ref: ref, id: id, className: classes, ...others });
+var Container = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, medium = _a.medium, others = __rest(_a, ["className", "id", "medium"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
 });
 Container.displayName = ComponentName.Container;
 export default Container;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7O0dBT0c7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUN6RCxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sNkJBQUssR0FBRyxFQUFFLEdBQXNDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxLQUFNLE1BQU0sR0FBSSxDQUFBO0FBQ3JHLENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBb0MsRUFBRSxHQUFHO0lBQXZDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsQyw2QkFBb0MsQ0FBRjtJQUN6QixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQXNDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3JHLENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/container/Container.native.d.ts

@@ -0,0 +1,9 @@
+import { ContainerProps } from '../../components/container/ContainerProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Container Component
+ * @param children {React.ReactNode}
+ */
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<View>>;
+export default Container;

package/lib/components/container/Container.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { SpacerSize } from '../../components/spacer/SpacerEnum';
 import React from 'react';
@@ -6,12 +7,13 @@ import { StyleSheet, View } from 'react-native';
  * Container Component
  * @param children {React.ReactNode}
  */
-const Container = React.forwardRef(({ children, ...others }, ref) => {
-    return (React.createElement(View, { ref: ref, style: styles.container, ...others }, children));
+var Container = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    return (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children));
 });
 Container.displayName = ComponentName.Container;
 export default Container;
-const styles = StyleSheet.create({
+var styles = StyleSheet.create({
     container: {
         width: '100%',
         alignItems: 'stretch',
@@ -20,4 +22,4 @@ const styles = StyleSheet.create({
         padding: SpacerSize.FIVE,
     },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDM0QsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DOzs7R0FHRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUNuSCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEtBQU0sTUFBTSxJQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUE7QUFFeEIsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsTUFBTTtRQUNiLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLGNBQWMsRUFBRSxZQUFZO1FBQzVCLElBQUksRUFBRSxDQUFDO1FBQ1AsT0FBTyxFQUFFLFVBQVUsQ0FBQyxJQUFJO0tBQ3pCO0NBQ0YsQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQzNELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMzRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUE7QUFFeEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsTUFBTTtRQUNiLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLGNBQWMsRUFBRSxZQUFZO1FBQzVCLElBQUksRUFBRSxDQUFDO1FBQ1AsT0FBTyxFQUFFLFVBQVUsQ0FBQyxJQUFJO0tBQ3pCO0NBQ0YsQ0FBQyxDQUFBIn0=

package/lib/components/container/ContainerProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonProps } from '../../objects/facets/CommonProps';
 import { View } from 'react-native';
 export interface ContainerProps extends CommonProps {

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

@@ -1,2 +1 @@
 export { default as Container } from '../../components/container/Container';
-export * from './ContainerProps';

package/lib/components/container/index.js

@@ -1,3 +1,2 @@
 export { default as Container } from '../../components/container/Container';
-export * from './ContainerProps';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3ZFLGNBQWMsa0JBQWtCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFBIn0=