@trilogy-ds/react 4.8.2 → 4.9.0-beta-build-1

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

@@ -0,0 +1,75 @@
+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 { Dimensions, ScrollView, StyleSheet, 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
+ */
+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 = React.useCallback(function (event) {
+        if (!width) {
+            var width_1 = event.nativeEvent.layout.width;
+            if (fullBleed) {
+                setEnlarge((Dimensions.get('screen').width - width_1) / 2);
+            }
+            setWidth(width_1);
+        }
+    }, [fullBleed, width]);
+    var realGap = React.useMemo(function () { return (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap]; }, [gap]);
+    var styles = StyleSheet.create({
+        columns: {
+            width: fullBleed && width ? width + enlarge * 2 : '100%',
+            marginHorizontal: -enlarge,
+            paddingHorizontal: enlarge,
+            flexDirection: 'row',
+            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: width,
+            realGap: realGap,
+            scrollable: scrollable || false,
+            childrensLength: React.Children.count(children),
+        } },
+        !scrollable && (React.createElement(View, __assign({ ref: ref, onLayout: onLayoutHandler, style: [
+                styles.columns,
+                multiline && styles.multiline,
+                align === Alignable.ALIGNED_CENTER && styles.centered,
+                verticalAlign && styles.verticalAlign,
+            ] }, others), children)),
+        scrollable && (React.createElement(View, { onLayout: onLayoutHandler, style: {
+                marginHorizontal: -enlarge,
+            } },
+            React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer, showsHorizontalScrollIndicator: false }, children)))));
+});
+Columns.displayName = ComponentName.Columns;
+export default Columns;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3JFLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTFGOzs7Ozs7O0dBT0c7QUFFSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQWdHLEVBQUUsR0FBRztJQUFuRyxJQUFBLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBOUYsbUdBQWdHLENBQUY7SUFDdkYsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWUsQ0FBQTtJQUMvQixJQUFBLEtBQUEsT0FBd0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQWxDLE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBZSxDQUFBO0lBRXpDLElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ3ZDLFVBQUMsS0FBd0I7UUFDdkIsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNGLElBQUEsT0FBSyxHQUFLLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxNQUE3QixDQUE2QjtZQUMxQyxJQUFJLFNBQVMsRUFBRTtnQkFDYixVQUFVLENBQUMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssR0FBRyxPQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTthQUN6RDtZQUNELFFBQVEsQ0FBQyxPQUFLLENBQUMsQ0FBQTtTQUNoQjtJQUNILENBQUMsRUFDRCxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FDbkIsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLENBQUMsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEVBQUUsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxHQUFjLENBQUMsRUFBckUsQ0FBcUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFFakgsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsU0FBUyxJQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDeEQsZ0JBQWdCLEVBQUUsQ0FBQyxPQUFPO1lBQzFCLGlCQUFpQixFQUFFLE9BQU87WUFDMUIsYUFBYSxFQUFFLEtBQUs7WUFDcEIsR0FBRyxFQUFFLE9BQU87WUFDWixNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07U0FDckM7UUFDRCxRQUFRLEVBQUU7WUFDUixjQUFjLEVBQUUsUUFBUTtTQUN6QjtRQUNELGFBQWEsRUFBRTtZQUNiLFVBQVUsRUFBRSxhQUFhLENBQUMsYUFBYSxDQUFDO1NBQ3pDO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsUUFBUSxFQUFFLE1BQU07U0FDakI7UUFDRCxlQUFlLEVBQUU7WUFDZixpQkFBaUIsRUFBRSxPQUFPO1lBQzFCLEdBQUcsRUFBRSxPQUFPO1NBQ2I7UUFDRCxNQUFNLEVBQUU7WUFDTixhQUFhLEVBQUUsUUFBUTtTQUN4QjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLENBQUMsUUFBUSxJQUN0QixLQUFLLEVBQUU7WUFDTCxLQUFLLE9BQUE7WUFDTCxPQUFPLFNBQUE7WUFDUCxVQUFVLEVBQUUsVUFBVSxJQUFJLEtBQUs7WUFDL0IsZUFBZSxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQztTQUNoRDtRQUVBLENBQUMsVUFBVSxJQUFJLENBQ2Qsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsUUFBUSxFQUFFLGVBQWUsRUFDekIsS0FBSyxFQUFFO2dCQUNMLE1BQU0sQ0FBQyxPQUFPO2dCQUNkLFNBQVMsSUFBSSxNQUFNLENBQUMsU0FBUztnQkFDN0IsS0FBSyxLQUFLLFNBQVMsQ0FBQyxjQUFjLElBQUksTUFBTSxDQUFDLFFBQVE7Z0JBQ3JELGFBQWEsSUFBSSxNQUFNLENBQUMsYUFBYTthQUN0QyxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUjtRQUVBLFVBQVUsSUFBSSxDQUNiLG9CQUFDLElBQUksSUFDSCxRQUFRLEVBQUUsZUFBZSxFQUN6QixLQUFLLEVBQUU7Z0JBQ0wsZ0JBQWdCLEVBQUUsQ0FBQyxPQUFPO2FBQzNCO1lBRUQsb0JBQUMsVUFBVSxJQUNULFVBQVUsUUFDVixxQkFBcUIsRUFBRSxNQUFNLENBQUMsZUFBZSxFQUM3Qyw4QkFBOEIsRUFBRSxLQUFLLElBRXBDLFFBQVEsQ0FDRSxDQUNSLENBQ1IsQ0FDdUIsQ0FDM0IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { GapSize } from '../../components/columns/ColumnsTypes';
+import { AlignableProps } from '../../objects/facets/Alignable';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Columns Interface
+ */
+export interface ColumnsProps extends AlignableProps, CommonProps {
+    children?: React.ReactNode;
+    multiline?: boolean;
+    scrollable?: boolean;
+    gap?: GapSize;
+    fullBleed?: boolean;
+    mobile?: boolean;
+    marginless?: boolean;
+    fullheight?: boolean;
+}
+export type ColumnsRef = HTMLDivElement;
+export type ColumnsNativeRef = View;

package/lib/components/columns/ColumnsProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnNQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/columns/ColumnsProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnNQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/columns/ColumnsTypes.d.mts

@@ -0,0 +1,15 @@
+export type ColumnsSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare enum GapSize {
+    ZERO = 0,
+    ONE = 1,
+    TWO = 2,
+    THREE = 3,
+    FOUR = 4,
+    FIVE = 5,
+    SIX = 6,
+    SEVEN = 7,
+    EIGHT = 8,
+    NINE = 9,
+    TEN = 10
+}
+export declare const ColumnsGapValue: number[];

package/lib/components/columns/ColumnsTypes.js

@@ -1,4 +1,7 @@
-export var GapSize;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnsGapValue = exports.GapSize = void 0;
+var GapSize;
 (function (GapSize) {
     GapSize[GapSize["ZERO"] = 0] = "ZERO";
     GapSize[GapSize["ONE"] = 1] = "ONE";
@@ -11,6 +14,6 @@ export var GapSize;
     GapSize[GapSize["EIGHT"] = 8] = "EIGHT";
     GapSize[GapSize["NINE"] = 9] = "NINE";
     GapSize[GapSize["TEN"] = 10] = "TEN";
-})(GapSize || (GapSize = {}));
-export var ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc1R5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnNUeXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxPQVlYO0FBWkQsV0FBWSxPQUFPO0lBQ2pCLHFDQUFRLENBQUE7SUFDUixtQ0FBTyxDQUFBO0lBQ1AsbUNBQU8sQ0FBQTtJQUNQLHVDQUFTLENBQUE7SUFDVCxxQ0FBUSxDQUFBO0lBQ1IscUNBQVEsQ0FBQTtJQUNSLG1DQUFPLENBQUE7SUFDUCx1Q0FBUyxDQUFBO0lBQ1QsdUNBQVMsQ0FBQTtJQUNULHFDQUFRLENBQUE7SUFDUixvQ0FBUSxDQUFBO0FBQ1YsQ0FBQyxFQVpXLE9BQU8sS0FBUCxPQUFPLFFBWWxCO0FBRUQsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFBIn0=
+})(GapSize = exports.GapSize || (exports.GapSize = {}));
+exports.ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc1R5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL0NvbHVtbnNUeXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFQSxJQUFZLE9BWVg7QUFaRCxXQUFZLE9BQU87SUFDakIscUNBQVEsQ0FBQTtJQUNSLG1DQUFPLENBQUE7SUFDUCxtQ0FBTyxDQUFBO0lBQ1AsdUNBQVMsQ0FBQTtJQUNULHFDQUFRLENBQUE7SUFDUixxQ0FBUSxDQUFBO0lBQ1IsbUNBQU8sQ0FBQTtJQUNQLHVDQUFTLENBQUE7SUFDVCx1Q0FBUyxDQUFBO0lBQ1QscUNBQVEsQ0FBQTtJQUNSLG9DQUFRLENBQUE7QUFDVixDQUFDLEVBWlcsT0FBTyxHQUFQLGVBQU8sS0FBUCxlQUFPLFFBWWxCO0FBRVksUUFBQSxlQUFlLEdBQUksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUEifQ==

package/lib/components/columns/ColumnsTypes.mjs

@@ -0,0 +1,16 @@
+export var GapSize;
+(function (GapSize) {
+    GapSize[GapSize["ZERO"] = 0] = "ZERO";
+    GapSize[GapSize["ONE"] = 1] = "ONE";
+    GapSize[GapSize["TWO"] = 2] = "TWO";
+    GapSize[GapSize["THREE"] = 3] = "THREE";
+    GapSize[GapSize["FOUR"] = 4] = "FOUR";
+    GapSize[GapSize["FIVE"] = 5] = "FIVE";
+    GapSize[GapSize["SIX"] = 6] = "SIX";
+    GapSize[GapSize["SEVEN"] = 7] = "SEVEN";
+    GapSize[GapSize["EIGHT"] = 8] = "EIGHT";
+    GapSize[GapSize["NINE"] = 9] = "NINE";
+    GapSize[GapSize["TEN"] = 10] = "TEN";
+})(GapSize || (GapSize = {}));
+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.d.mts

@@ -0,0 +1,28 @@
+import { ColumnProps } from '../../../components/columns/column/ColumnProps';
+import React from 'react';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param verticalCentered {boolean} Vertical center Column item
+ * @param centered {boolean} center Column item
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param narrow {boolean} Narrow column item
+ * @param className {string} Additional CSS Classes
+ * @param mobileSize {ColumnsSize} Apply => is-size-mobile
+ * @param tabletSize {ColumnsSize} Apply => is-size-tablet
+ * @param touchSize {ColumnsSize} Apply => is-size-touch
+ * @param desktopSize {ColumnsSize} Apply => is-size-desktop
+ * @param widescreenSize {ColumnsSize} Apply => is-size-widescreen
+ * @param fullhdSize {ColumnsSize} Apply => is-size-fullhd
+ * @param offset {ColumnSize} Apply => is-offset
+ * @param mobileOffset {ColumnsSize} Apply => is-offset-mobile
+ * @param tabletOffset {ColumnsSize} Apply => is-offset-tablet
+ * @param touchOffset {ColumnsSize} Apply => is-offset-touch
+ * @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
+ * @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
+ * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
+ * @param align { Alignable | AlignableValues} align content
+ */
+declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
+export default Column;

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

@@ -1,11 +1,13 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getAlignClassName } from '../../../objects/facets/Alignable';
-import { is } from '../../../services/classify';
-import clsx from 'clsx';
-import React from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var context_1 = require("../../../context");
+var hashClassesHelpers_1 = require("../../../helpers/hashClassesHelpers");
+var Alignable_1 = require("../../../objects/facets/Alignable");
+var classify_1 = require("../../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importDefault(require("react"));
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -30,12 +32,12 @@ import React from 'react';
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-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));
+var Column = react_1.default.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 = tslib_1.__rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('column', size && (0, classify_1.is)("".concat(size)), mobileSize && (0, classify_1.is)("".concat(mobileSize, "-mobile")), tabletSize && (0, classify_1.is)("".concat(tabletSize, "-tablet")), touchSize && (0, classify_1.is)("".concat(touchSize, "-tablet")), desktopSize && (0, classify_1.is)("".concat(desktopSize, "-desktop")), widescreenSize && (0, classify_1.is)("".concat(widescreenSize, "-widescreen")), fullhdSize && (0, classify_1.is)("".concat(fullhdSize, "-fullhd")), offset && (0, classify_1.is)("offset-".concat(offset)), mobileOffset && (0, classify_1.is)("offset-".concat(mobileOffset, "-mobile")), tabletOffset && (0, classify_1.is)("offset-".concat(tabletOffset, "-tablet")), touchOffset && (0, classify_1.is)("offset-".concat(touchOffset, "-tablet")), desktopOffset && (0, classify_1.is)("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && (0, classify_1.is)("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && (0, classify_1.is)("offset-".concat(fullhdOffset, "-fullhd")), narrow && (0, classify_1.is)('narrow'), verticalAlign && (0, classify_1.is)((0, Alignable_1.getAlignClassName)(verticalAlign)), className));
+    return react_1.default.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: classes }, others));
 });
-Column.displayName = ComponentName.Column;
-export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FuQlgsNFBBb0JDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==
+Column.displayName = enumsComponentsName_1.ComponentName.Column;
+exports.default = Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHdFQUFnRTtBQUNoRSxxQ0FBNkM7QUFDN0MsbUVBQXdEO0FBQ3hELHdEQUE4RDtBQUM5RCxnREFBd0M7QUFDeEMsc0RBQXVCO0FBQ3ZCLHdEQUF5QjtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxlQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNWLE1BQU0sc0JBbkJYLDRQQW9CQyxDQURVO0lBSUgsSUFBQSxNQUFNLEdBQUssSUFBQSwyQkFBaUIsR0FBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxJQUFBLDhCQUFTLEVBQ3ZCLE1BQU0sRUFDTixJQUFBLGNBQUksRUFDRixRQUFRLEVBQ1IsSUFBSSxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDckIsVUFBVSxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsU0FBUyxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQUcsU0FBUyxZQUFTLENBQUMsRUFDdEMsV0FBVyxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQUcsY0FBYyxnQkFBYSxDQUFDLEVBQ3BELFVBQVUsSUFBSSxJQUFBLGFBQUUsRUFBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLE1BQU0sSUFBSSxJQUFBLGFBQUUsRUFBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksSUFBQSxhQUFFLEVBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsWUFBWSxJQUFJLElBQUEsYUFBRSxFQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFdBQVcsSUFBSSxJQUFBLGFBQUUsRUFBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksSUFBQSxhQUFFLEVBQUMsaUJBQVUsYUFBYSxhQUFVLENBQUMsRUFDdEQsZ0JBQWdCLElBQUksSUFBQSxhQUFFLEVBQUMsaUJBQVUsZ0JBQWdCLGdCQUFhLENBQUMsRUFDL0QsWUFBWSxJQUFJLElBQUEsYUFBRSxFQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxJQUFBLGFBQUUsRUFBQyxRQUFRLENBQUMsRUFDdEIsYUFBYSxJQUFJLElBQUEsYUFBRSxFQUFDLElBQUEsNkJBQWlCLEVBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sd0RBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxNQUFNLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsTUFBTSxDQUFBO0FBQ3pDLGtCQUFlLE1BQU0sQ0FBQSJ9

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

@@ -0,0 +1,41 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param verticalCentered {boolean} Vertical center Column item
+ * @param centered {boolean} center Column item
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param narrow {boolean} Narrow column item
+ * @param className {string} Additional CSS Classes
+ * @param mobileSize {ColumnsSize} Apply => is-size-mobile
+ * @param tabletSize {ColumnsSize} Apply => is-size-tablet
+ * @param touchSize {ColumnsSize} Apply => is-size-touch
+ * @param desktopSize {ColumnsSize} Apply => is-size-desktop
+ * @param widescreenSize {ColumnsSize} Apply => is-size-widescreen
+ * @param fullhdSize {ColumnsSize} Apply => is-size-fullhd
+ * @param offset {ColumnSize} Apply => is-offset
+ * @param mobileOffset {ColumnsSize} Apply => is-offset-mobile
+ * @param tabletOffset {ColumnsSize} Apply => is-offset-tablet
+ * @param touchOffset {ColumnsSize} Apply => is-offset-touch
+ * @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
+ * @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
+ * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
+ * @param align { Alignable | AlignableValues} align content
+ */
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FuQlgsNFBBb0JDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUNGLENBQUE7QUFDRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==

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

@@ -0,0 +1,9 @@
+import { ColumnProps } from '../../../components/columns/column/ColumnProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Columns Item Component - Columns Child
+ * @param children {React.ReactNode}
+ */
+declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<View>>;
+export default Column;

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

@@ -1,35 +1,37 @@
-import { __assign, __rest } from "tslib";
-import { ColumnsContext } from '../../../components/columns/context';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { getAlignStyle } from '../../../objects';
-import React from 'react';
-import { View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var context_1 = require("../../../components/columns/context");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var objects_1 = require("../../../objects");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
 /**
  * Columns Item Component - Columns Child
  * @param children {React.ReactNode}
  */
-var Column = 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 scrollableStyle = React.useMemo(function () { return ({
+var Column = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = tslib_1.__rest(_a, ["children", "narrow", "size", "verticalAlign"]);
+    var _b = react_1.default.useContext(context_1.ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
+    var scrollableStyle = react_1.default.useMemo(function () { return ({
         width: size
             ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength)
             : narrow
                 ? 'auto'
                 : width - 2 * realGap,
     }); }, [size, narrow, width, realGap, childrensLength]);
-    var noScrollableStyle = React.useMemo(function () { return ({
+    var noScrollableStyle = react_1.default.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, __assign({ ref: ref, style: [
+    return (react_1.default.createElement(react_native_1.View, tslib_1.__assign({ ref: ref, style: [
             scrollable && scrollableStyle,
             !scrollable && noScrollableStyle,
-            { justifyContent: getAlignStyle(verticalAlign) },
+            { justifyContent: (0, objects_1.getAlignStyle)(verticalAlign) },
         ] }, others), children));
 });
-Column.displayName = ComponentName.Column;
-export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7O0dBR0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNDLElBQUEsS0FBa0QsS0FBSyxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsRUFBaEYsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGVBQWUscUJBQXFDLENBQUE7SUFFeEYsSUFBTSxlQUFlLEdBQWMsS0FBSyxDQUFDLE9BQU8sQ0FDOUMsY0FBTSxPQUFBLENBQUM7UUFDTCxLQUFLLEVBQUUsSUFBSTtZQUNULENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDO1lBQzNFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQyxFQU5JLENBTUosRUFDRixDQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FDaEQsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQWMsS0FBSyxDQUFDLE9BQU8sQ0FDaEQsY0FBTSxPQUFBLENBQUM7UUFDTCxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEIsUUFBUSxFQUFFLElBQUksSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoQyxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUIsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQ3JHLENBQUMsRUFMSSxDQUtKLEVBQ0YsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ2hELENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUNqRCxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
+Column.displayName = enumsComponentsName_1.ComponentName.Column;
+exports.default = Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esd0RBQTZEO0FBQzdELHdFQUFnRTtBQUNoRSxxQ0FBeUM7QUFDekMsd0RBQXlCO0FBQ3pCLDZDQUE4QztBQUU5Qzs7O0dBR0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxlQUFLLENBQUMsVUFBVSxDQUM3QixVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLHNCQUFsRCwrQ0FBb0QsQ0FBRjtJQUMzQyxJQUFBLEtBQWtELGVBQUssQ0FBQyxVQUFVLENBQUMsd0JBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBYyxlQUFLLENBQUMsT0FBTyxDQUM5QyxjQUFNLE9BQUEsQ0FBQztRQUNMLEtBQUssRUFBRSxJQUFJO1lBQ1QsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUM7WUFDM0UsQ0FBQyxDQUFDLE1BQU07Z0JBQ1IsQ0FBQyxDQUFDLE1BQU07Z0JBQ1IsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsT0FBTztLQUN4QixDQUFDLEVBTkksQ0FNSixFQUNGLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUNoRCxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxlQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsSUFBSSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU07S0FDckcsQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FDaEQsQ0FBQTtJQUVELE9BQU8sQ0FDTCw4QkFBQyxtQkFBSSxxQkFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxFQUFFLGNBQWMsRUFBRSxJQUFBLHVCQUFhLEVBQUMsYUFBYSxDQUFDLEVBQUU7U0FDakQsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLE1BQU0sQ0FBQTtBQUV6QyxrQkFBZSxNQUFNLENBQUEifQ==

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

@@ -0,0 +1,35 @@
+import { __assign, __rest } from "tslib";
+import { ColumnsContext } from '../../../components/columns/context';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getAlignStyle } from '../../../objects';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Columns Item Component - Columns Child
+ * @param children {React.ReactNode}
+ */
+var Column = 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 scrollableStyle = React.useMemo(function () { return ({
+        width: size
+            ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength)
+            : narrow
+                ? 'auto'
+                : width - 2 * realGap,
+    }); }, [size, narrow, width, realGap, childrensLength]);
+    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, __assign({ ref: ref, style: [
+            scrollable && scrollableStyle,
+            !scrollable && noScrollableStyle,
+            { justifyContent: getAlignStyle(verticalAlign) },
+        ] }, others), children));
+});
+Column.displayName = ComponentName.Column;
+export default Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7O0dBR0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNDLElBQUEsS0FBa0QsS0FBSyxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsRUFBaEYsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGVBQWUscUJBQXFDLENBQUE7SUFFeEYsSUFBTSxlQUFlLEdBQWMsS0FBSyxDQUFDLE9BQU8sQ0FDOUMsY0FBTSxPQUFBLENBQUM7UUFDTCxLQUFLLEVBQUUsSUFBSTtZQUNULENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDO1lBQzNFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQyxFQU5JLENBTUosRUFDRixDQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FDaEQsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQWMsS0FBSyxDQUFDLE9BQU8sQ0FDaEQsY0FBTSxPQUFBLENBQUM7UUFDTCxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEIsUUFBUSxFQUFFLElBQUksSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoQyxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUIsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQ3JHLENBQUMsRUFMSSxDQUtKLEVBQ0YsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ2hELENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUNqRCxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ColumnsSize } from '../../../components/columns/ColumnsTypes';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Columns Item Interface
+ */
+export interface ColumnProps extends AlignableProps, CommonProps {
+    children?: React.ReactNode;
+    size?: ColumnsSize;
+    mobileSize?: ColumnsSize;
+    tabletSize?: ColumnsSize;
+    touchSize?: ColumnsSize;
+    desktopSize?: ColumnsSize;
+    widescreenSize?: ColumnsSize;
+    fullhdSize?: ColumnsSize;
+    offset?: ColumnsSize;
+    mobileOffset?: ColumnsSize;
+    tabletOffset?: ColumnsSize;
+    touchOffset?: ColumnsSize;
+    desktopOffset?: ColumnsSize;
+    widescreenOffset?: ColumnsSize;
+    fullhdOffset?: ColumnsSize;
+    narrow?: boolean;
+}
+export type ColumnRef = HTMLDivElement;
+export type ColumnNativeRef = View;

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

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL0NvbHVtblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/columns/column/ColumnProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL0NvbHVtblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/columns/column/index.d.mts

@@ -0,0 +1,2 @@
+import Column from '../../../components/columns/column/Column';
+export default Column;

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

@@ -1,3 +1,6 @@
-import Column from '../../../components/columns/column/Column';
-export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG9DQUFvQyxDQUFBO0FBRXZELGVBQWUsTUFBTSxDQUFBIn0=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var Column_1 = tslib_1.__importDefault(require("../../../components/columns/column/Column"));
+exports.default = Column_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHNGQUF1RDtBQUV2RCxrQkFBZSxnQkFBTSxDQUFBIn0=

package/lib/components/columns/column/index.mjs

@@ -0,0 +1,3 @@
+import Column from '../../../components/columns/column/Column';
+export default Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG9DQUFvQyxDQUFBO0FBRXZELGVBQWUsTUFBTSxDQUFBIn0=

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

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

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

@@ -1,8 +1,12 @@
-import React from 'react';
-export var ColumnsContext = React.createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnsContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.ColumnsContext = react_1.default.createContext({
     scrollable: false,
     width: 0,
     realGap: 16,
     childrensLength: 1,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDO0lBQ2hELFVBQVUsRUFBRSxLQUFLO0lBQ2pCLEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsQ0FBQztDQUNuQixDQUFDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHdEQUF5QjtBQUVaLFFBQUEsY0FBYyxHQUFHLGVBQUssQ0FBQyxhQUFhLENBQUM7SUFDaEQsVUFBVSxFQUFFLEtBQUs7SUFDakIsS0FBSyxFQUFFLENBQUM7SUFDUixPQUFPLEVBQUUsRUFBRTtJQUNYLGVBQWUsRUFBRSxDQUFDO0NBQ25CLENBQUMsQ0FBQSJ9

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

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

package/lib/components/columns/index.d.mts

@@ -0,0 +1,4 @@
+import Columns from './Columns';
+import Column from './column';
+export * from './ColumnsTypes';
+export { Columns, Column };

package/lib/components/columns/index.js

@@ -1,5 +1,10 @@
-import Columns from './Columns';
-import Column from './column';
-export * from './ColumnsTypes';
-export { Columns, Column };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = exports.Columns = void 0;
+var tslib_1 = require("tslib");
+var Columns_1 = tslib_1.__importDefault(require("./Columns"));
+exports.Columns = Columns_1.default;
+var column_1 = tslib_1.__importDefault(require("./column"));
+exports.Column = column_1.default;
+tslib_1.__exportStar(require("./ColumnsTypes"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLDhEQUErQjtBQUl0QixrQkFKRixpQkFBTyxDQUlFO0FBSGhCLDREQUE2QjtBQUdYLGlCQUhYLGdCQUFNLENBR1c7QUFEeEIseURBQThCIn0=

package/lib/components/columns/index.mjs

@@ -0,0 +1,5 @@
+import Columns from './Columns';
+import Column from './column';
+export * from './ColumnsTypes';
+export { Columns, Column };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUEifQ==

package/lib/components/container/Container.d.mts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ContainerProps } from '../../components/container/ContainerProps';
+/**
+ * Container Component
+ * @param children {React.ReactNode}
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param medium {boolean} Set medium container
+ * @param id {string} Set id attribute
+ */
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default Container;