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

package/lib/components/chips/list/ChipsList.js

@@ -1,20 +1,20 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import * as React from "react";
+import { is } from "../../../services";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * ChipsList Component - Container for Chips
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
  */
-var ChipsList = React.forwardRef(function (_a, ref) {
-    var children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, others = __rest(_a, ["children", "multiple", "scrollable"]);
-    var classes = hashClass(clsx('chips-list', multiple && is('multiple'), scrollable && is('scrollable')));
+var ChipsList = React.forwardRef(function (props, ref) {
+    var children = props.children, multiple = props.multiple, scrollable = props.scrollable, others = __rest(props, ["children", "multiple", "scrollable"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("chips-list", multiple && is("multiple"), scrollable && is("scrollable")));
     return (React.createElement("div", __assign({ ref: ref, role: 'group', className: classes }, others), children));
 });
-ChipsList.displayName = ComponentName.ChipsList;
 export default ChipsList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7O0dBS0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQTZELEVBQUUsR0FBOEI7SUFBM0YsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUEzQyxzQ0FBNkMsQ0FBRjtJQUMxQyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRXpHLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3ZELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7OztHQUtHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQXFCLEVBQUUsR0FBb0M7SUFFM0YsSUFBQSxRQUFRLEdBSU4sS0FBSyxTQUpDLEVBQ1IsUUFBUSxHQUdOLEtBQUssU0FIQyxFQUNSLFVBQVUsR0FFUixLQUFLLFdBRkcsRUFDUCxNQUFNLFVBQ1AsS0FBSyxFQUxILHNDQUtMLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixZQUFZLEVBQ1osUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FDL0IsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDdkQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/chips/list/ChipsList.native.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ScrollView, View } from 'react-native';
-import { ChipsListProps } from '../../../components/chips/list/ChipsListProps';
+import { ChipsListProps } from './ChipsListProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 export declare const ChipsContext: React.Context<{
     isMultiple: boolean;
 }>;
@@ -10,5 +10,8 @@ export declare const ChipsContext: React.Context<{
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
  */
-declare const ChipsList: React.ForwardRefExoticComponent<ChipsListProps & React.RefAttributes<View | ScrollView>>;
+declare const ChipsList: {
+    ({ children, multiple, scrollable, ...others }: ChipsListProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default ChipsList;

package/lib/components/chips/list/ChipsList.native.js

@@ -9,7 +9,7 @@ export var ChipsContext = createContext({ isMultiple: false });
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
  */
-var ChipsList = React.forwardRef(function (_a, ref) {
+var ChipsList = function (_a) {
     var children = _a.children, multiple = _a.multiple, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, others = __rest(_a, ["children", "multiple", "scrollable"]);
     var styles = StyleSheet.create({
         container: {
@@ -17,8 +17,8 @@ var ChipsList = React.forwardRef(function (_a, ref) {
             flexDirection: 'row',
         },
     });
-    return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? (React.createElement(ScrollView, __assign({ ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container }, others), children)) : (React.createElement(View, __assign({ style: styles.container, ref: ref }, others), children))));
-});
+    return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container }, others), children)) : (React.createElement(View, __assign({ style: styles.container }, others), children))));
+};
 ChipsList.displayName = ComponentName.ChipsList;
 export default ChipsList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hpcHMvbGlzdC9DaGlwc0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBQW9FLEVBQ3BFLEdBQWlDO0lBRC9CLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQUssTUFBTSxjQUFsRCxzQ0FBb0QsQ0FBRjtJQUdsRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFFBQVEsRUFBRSxNQUFNO1lBQ2hCLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFFBQVEsSUFBSSxLQUFLLEVBQUUsSUFDNUQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaLG9CQUFDLFVBQVUsYUFDVCxHQUFHLEVBQUUsR0FBNEIsRUFDakMsVUFBVSxRQUNWLDhCQUE4QixFQUFFLEtBQUssRUFDckMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQ25CLE1BQU0sR0FFVCxRQUFRLENBQ0UsQ0FDZCxDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUUsR0FBc0IsSUFBTSxNQUFNLEdBQ25FLFFBQVEsQ0FDSixDQUNSLENBQ3FCLENBQ3pCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hpcHMvbGlzdC9DaGlwc0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQW9FO0lBQWxFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQUssTUFBTSxjQUFsRCxzQ0FBb0QsQ0FBRjtJQUNuRSxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFFBQVEsRUFBRSxNQUFNO1lBQ2hCLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFFBQVEsSUFBSSxLQUFLLEVBQUUsSUFDNUQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaLG9CQUFDLFVBQVUsYUFBQyxVQUFVLFFBQUMsOEJBQThCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sR0FDOUYsUUFBUSxDQUNFLENBQ2QsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUNxQixDQUN6QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/chips/list/index.d.ts

@@ -1,2 +1,2 @@
-import ChipsList from '../../../components/chips/list/ChipsList';
+import ChipsList from "./ChipsList";
 export default ChipsList;

package/lib/components/chips/list/index.js

@@ -1,3 +1,3 @@
-import ChipsList from '../../../components/chips/list/ChipsList';
+import ChipsList from "./ChipsList";
 export default ChipsList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ColumnsProps } from '../../components/columns/ColumnsProps';
+import * as React from "react";
+import { ColumnsProps } from "./ColumnsProps";
 /**
  * Columns Component
  * @param centered {boolean} Center columns

package/lib/components/columns/Columns.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { hashClass } from '../../helpers';
-import { getAlignClassName } from '../../objects/facets/Alignable';
-import { has, is } from '../../services/classify';
+import * as React from "react";
+import clsx from "clsx";
+import { is, has } from "../../services/classify";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+import { getAlignClassName } from "../../objects";
 /**
  * Columns Component
  * @param centered {boolean} Center columns
@@ -17,11 +17,11 @@ import { has, is } from '../../services/classify';
  * @param className {string} Additionnal CSS Classes
  * @param mobile {boolean} Responsive mode
  */
-var Columns = React.forwardRef(function (_a, ref) {
-    var className = _a.className, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, centered = _a.centered, gap = _a.gap, fullBleed = _a.fullBleed, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "multiline", "scrollable", "mobile", "centered", "gap", "fullBleed", "verticalAlign"]);
-    var classes = hashClass(clsx('columns', multiline && is('multiline'), fullBleed && is('fullbleed'), scrollable && is('scrollable'), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), mobile && is('mobile'), centered && is('centered'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
+var Columns = React.forwardRef(function (props, ref) {
+    var className = props.className, multiline = props.multiline, scrollable = props.scrollable, mobile = props.mobile, centered = props.centered, gap = props.gap, fullBleed = props.fullBleed, verticalAlign = props.verticalAlign, others = __rest(props, ["className", "multiline", "scrollable", "mobile", "centered", "gap", "fullBleed", "verticalAlign"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("columns", multiline && is("multiline"), fullBleed && is("fullbleed"), scrollable && is("scrollable"), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is("gapless"), mobile && is("mobile"), centered && is("centered"), verticalAlign && is(getAlignClassName(verticalAlign)), className));
     return React.createElement("div", __assign({ ref: ref, className: classes }, others));
 });
-Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFDRSxFQUE4RyxFQUM5RyxHQUE4QjtJQUQ1QixJQUFBLFNBQVMsZUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUssTUFBTSxjQUE5RixtR0FBZ0csQ0FBRjtJQUc5RixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FDRixTQUFTLEVBQ1QsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQ3hCLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEQsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNyRCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDMUQsQ0FBQyxDQUNGLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sV0FBVyxDQUFDO0FBRTVDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWtCLEVBQUUsR0FBb0M7SUFFdEYsSUFBQSxTQUFTLEdBU1AsS0FBSyxVQVRFLEVBQ1QsU0FBUyxHQVFQLEtBQUssVUFSRSxFQUNULFVBQVUsR0FPUixLQUFLLFdBUEcsRUFDVixNQUFNLEdBTUosS0FBSyxPQU5ELEVBQ04sUUFBUSxHQUtOLEtBQUssU0FMQyxFQUNSLEdBQUcsR0FJRCxLQUFLLElBSkosRUFDSCxTQUFTLEdBR1AsS0FBSyxVQUhFLEVBQ1QsYUFBYSxHQUVYLEtBQUssY0FGTSxFQUNWLE1BQU0sVUFDUCxLQUFLLEVBVkgsbUdBVUwsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFDeEIsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4RCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxDQUFDLEVBQ3JELFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ColumnsProps } from '../../components/columns/ColumnsProps';
+import React from "react";
+import { ColumnsProps } from "./ColumnsProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Columns Native Component
  * @param children {React.ReactNode}
@@ -12,5 +12,8 @@ import { ColumnsProps } from '../../components/columns/ColumnsProps';
 export declare const ColumnsContext: React.Context<{
     scrollable: boolean;
 }>;
-declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<View>>;
+declare const Columns: {
+    ({ children, centered, gap, verticalAlign, fullBleed, scrollable, multiline, ...others }: ColumnsProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Columns;

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

@@ -1,9 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { createContext, useState } from 'react';
-import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
-import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { getAlignStyle } from '../../objects/facets/Alignable';
+import React, { createContext, useState } from "react";
+import { Dimensions, StyleSheet, ScrollView } from "react-native";
+import { View } from "../../components/view";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { ColumnsGapValue } from "../../components/columns/ColumnsTypes";
+import { getAlignStyle } from "../../objects";
 /**
  * Columns Native Component
  * @param children {React.ReactNode}
@@ -13,7 +14,7 @@ import { getAlignStyle } from '../../objects/facets/Alignable';
  * @param gap {GapSize} Gap between columns
  */
 export var ColumnsContext = createContext({ scrollable: false });
-var Columns = React.forwardRef(function (_a, ref) {
+var Columns = function (_a) {
     var children = _a.children, centered = _a.centered, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, others = __rest(_a, ["children", "centered", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline"]);
     var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
     var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
@@ -26,25 +27,25 @@ var Columns = React.forwardRef(function (_a, ref) {
             setWidth(width_1);
         }
     };
-    var realGap = (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap];
+    var realGap = typeof gap === 'undefined' && 16 || ColumnsGapValue[gap];
     var styles = StyleSheet.create({
         columns: {
-            width: width ? width + enlarge * 2 : '100%',
-            marginHorizontal: -enlarge,
+            width: width ? width + (enlarge * 2) : '100%',
+            marginHorizontal: -(enlarge),
             paddingHorizontal: enlarge,
-            flexDirection: 'row',
+            flexDirection: "row",
             gap: realGap,
-            display: 'flex',
+            display: "flex",
             justifyContent: 'space-evenly',
         },
         centered: {
-            alignSelf: 'center',
+            alignSelf: "center",
         },
         verticalAlign: {
-            alignItems: getAlignStyle(verticalAlign),
+            alignItems: getAlignStyle(verticalAlign)
         },
         multiline: {
-            flexWrap: 'wrap',
+            flexWrap: "wrap",
         },
         scrollContainer: {
             width: 'auto',
@@ -53,48 +54,40 @@ var Columns = React.forwardRef(function (_a, ref) {
             gap: realGap,
         },
         mobile: {
-            flexDirection: 'column',
-        },
+            flexDirection: "column"
+        }
     });
     if (!scrollable) {
         return (React.createElement(React.Fragment, null,
-            React.createElement(View, __assign({ ref: ref, style: [
+            React.createElement(View, __assign({ style: [
                     styles.columns,
                     multiline && styles.multiline,
                     centered && styles.centered,
                     verticalAlign && styles.verticalAlign,
-                ] }, others, { onLayout: onLayoutHandler }), 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                ] }, others, { onLayout: onLayoutHandler }), // eslint-disable-next-line @typescript-eslint/no-explicit-any
             React.Children.map(children, function (child) {
-                return child &&
-                    React.cloneElement(child, {
-                        style: [
-                            child.props.style,
-                            { width: (child.props.size && (width * child.props.size) / 12 - realGap) || 'auto' },
-                            child.props.narrow && { flex: 'none', flexShrink: 1 },
-                        ],
-                    });
+                return child && React.cloneElement(child, {
+                    style: [child.props.style,
+                        { width: child.props.size && (width * child.props.size / 12) - realGap || 'auto' },
+                        child.props.narrow && { flex: 'none', flexShrink: 1 },
+                    ]
+                });
             }))));
     }
-    return (React.createElement(View, __assign({ ref: ref, style: {
-            // width: `100% + ${enlarge * 2}px`,
-            marginHorizontal: -enlarge,
+    return React.createElement(View, __assign({ style: {
+            width: "100% + ".concat(enlarge * 2, "px"),
+            marginHorizontal: -(enlarge)
         } }, { onLayout: onLayoutHandler }),
-        React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer }, 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
         React.Children.map(children, function (child) {
             return React.cloneElement(child, {
-                style: [
-                    child.props.style,
-                    {
+                style: [child.props.style, {
                         width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap,
                         flexGrow: 0,
-                    },
-                    child.props.narrow && { flex: 'none', flexShrink: 1 },
-                ],
+                    }, child.props.narrow && { flex: 'none', flexShrink: 1 }],
             });
-        }))));
-});
+        })));
+};
 Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHMUYsT0FBTyxFQUFFLGVBQWUsRUFBVyxNQUFNLG1DQUFtQyxDQUFBO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFMUQ7Ozs7Ozs7R0FPRztBQUVILE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxhQUFhLENBQUMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUVsRSxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUNFLEVBQXFHLEVBQ3JHLEdBQW9CO0lBRGxCLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBSyxNQUFNLGNBQXJGLHdGQUF1RixDQUFGO0lBRy9FLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFDL0IsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUFsQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQWUsQ0FBQTtJQUV6QyxJQUFNLGVBQWUsR0FBRyxVQUFDLEtBQXdCO1FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQVcsTUFBTSxtQ0FBbUMsQ0FBQTtBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXpDOzs7Ozs7O0dBT0c7QUFFSCxNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFbEUsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNlO0lBUmIsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixHQUFHLFNBQUEsRUFDSCxhQUFhLG1CQUFBLEVBQ2IsU0FBUyxlQUFBLEVBQ1QsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FSWCx3RkFTQyxDQURVO0lBR3BCLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFDL0IsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUFsQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQWUsQ0FBQTtJQUV6QyxJQUFNLGVBQWUsR0FBRyxVQUFDLEtBQXdCO1FBQy9DLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDRixJQUFBLE9BQUssR0FBSyxLQUFLLENBQUMsV0FBVyxDQUFDLE1BQU0sTUFBN0IsQ0FBNkI7WUFDMUMsSUFBSSxTQUFTLEVBQUU7Z0JBQ2IsVUFBVSxDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLEdBQUcsT0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7YUFDekQ7WUFDRCxRQUFRLENBQUMsT0FBSyxDQUFDLENBQUE7U0FDaEI7SUFDSCxDQUFDLENBQUE7SUFDRCxJQUFNLE9BQU8sR0FBSSxPQUFPLEdBQUcsS0FBSyxXQUFXLElBQUssRUFBRSxJQUFJLGVBQWUsQ0FBRSxHQUFlLENBQUMsQ0FBQTtJQUV2RixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QyxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQzVCLGlCQUFpQixFQUFFLE9BQU87WUFDMUIsYUFBYSxFQUFFLEtBQUs7WUFDcEIsR0FBRyxFQUFFLE9BQU87WUFDWixPQUFPLEVBQUUsTUFBTTtZQUNmLGNBQWMsRUFBRSxjQUFjO1NBQy9CO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxhQUFhLEVBQUU7WUFDYixVQUFVLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBQztTQUN6QztRQUNELFNBQVMsRUFBRTtZQUNULFFBQVEsRUFBRSxNQUFNO1NBQ2pCO1FBQ0QsZUFBZSxFQUFFO1lBQ2YsS0FBSyxFQUFFLE1BQU07WUFDYixpQkFBaUIsRUFBRSxPQUFPO1lBQzFCLGNBQWMsRUFBRSxjQUFjO1lBQzlCLEdBQUcsRUFBRSxPQUFPO1NBQ2I7UUFDRCxNQUFNLEVBQUU7WUFDTixhQUFhLEVBQUUsUUFBUTtTQUN4QjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQUksQ0FBQyxVQUFVLEVBQUU7UUFDZixPQUFPLENBQ0w7WUFFRSxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFO29CQUNYLE1BQU0sQ0FBQyxPQUFPO29CQUNkLFNBQVMsSUFBSSxNQUFNLENBQUMsU0FBUztvQkFDN0IsUUFBUSxJQUFJLE1BQU0sQ0FBQyxRQUFRO29CQUMzQixhQUFhLElBQUksTUFBTSxDQUFDLGFBQWE7aUJBQ3RDLElBQ1MsTUFBTSxFQUNOLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxHQUVwQyw4REFBOEQ7WUFDN0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBVTtnQkFFcEMsT0FBQSxLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUU7b0JBQ2pDLEtBQUssRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSzt3QkFDdkIsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsT0FBTyxJQUFJLE1BQU0sRUFBRTt3QkFDbEYsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUU7cUJBQ3REO2lCQUNGLENBQUM7WUFMRixDQUtFLENBQ0wsQ0FDRSxDQUNOLENBQ0osQ0FBQTtLQUNGO0lBRUQsT0FBTyxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFO1lBQ2xCLEtBQUssRUFBRSxpQkFBVSxPQUFPLEdBQUcsQ0FBQyxPQUFJO1lBQ2hDLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUM7U0FDN0IsSUFBTSxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUU7UUFDbEMsb0JBQUMsVUFBVSxJQUFDLFVBQVUsUUFBQyxxQkFBcUIsRUFBRSxNQUFNLENBQUMsZUFBZSxJQUNqRSw4REFBOEQ7UUFDN0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBVTtZQUN0QyxPQUFBLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFO2dCQUN4QixLQUFLLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTt3QkFDekIsS0FBSyxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU87d0JBQ3RGLFFBQVEsRUFBRSxDQUFDO3FCQUNaLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsQ0FBQzthQUMxRCxDQUFDO1FBTEYsQ0FLRSxDQUNILENBQ1EsQ0FDUixDQUFBO0FBQ1QsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { GapSize } from '../../components/columns/ColumnsTypes';
-import { Alignable, AlignableValues } from '../../objects/facets/Alignable';
+import { GapSize } from './ColumnsTypes';
+import { Alignable, AlignableValues } from "../../objects";
 /**
  * Columns Interface
  */

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

@@ -1,2 +1,3 @@
-export { default as Columns } from '../../components/columns/Columns';
-export { default as ColumnsItem } from '../../components/columns/item';
+import Columns from './Columns';
+import ColumnsItem from './item';
+export { Columns, ColumnsItem };

package/lib/components/columns/index.js

@@ -1,3 +1,4 @@
-export { default as Columns } from '../../components/columns/Columns';
-export { default as ColumnsItem } from '../../components/columns/item';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBIn0=
+import Columns from './Columns';
+import ColumnsItem from './item';
+export { Columns, ColumnsItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLFFBQVEsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFBIn0=

package/lib/components/columns/item/ColumnsItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ColumnsItemProps } from '../../../components/columns/item/ColumnsItemProps';
+import * as React from "react";
+import { ColumnsItemProps } from "./ColumnsItemProps";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12

package/lib/components/columns/item/ColumnsItem.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../../services/classify";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -28,11 +28,11 @@ import { is } from '../../../services/classify';
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param verticalAlign { Alignable | AlignableValues} vertical align content
  */
-var ColumnsItem = React.forwardRef(function (_a, ref) {
-    var className = _a.className, 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, verticalCentered = _a.verticalCentered, others = __rest(_a, ["className", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalCentered"]);
-    var classes = hashClass(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'), verticalCentered && is('vcentered'), className));
+var ColumnsItem = React.forwardRef(function (props, ref) {
+    var className = props.className, size = props.size, mobileSize = props.mobileSize, tabletSize = props.tabletSize, touchSize = props.touchSize, desktopSize = props.desktopSize, widescreenSize = props.widescreenSize, fullhdSize = props.fullhdSize, offset = props.offset, mobileOffset = props.mobileOffset, tabletOffset = props.tabletOffset, touchOffset = props.touchOffset, desktopOffset = props.desktopOffset, widescreenOffset = props.widescreenOffset, fullhdOffset = props.fullhdOffset, narrow = props.narrow, verticalCentered = props.verticalCentered, others = __rest(props, ["className", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalCentered"]);
+    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"), verticalCentered && is("vcentered"), className));
     return React.createElement("div", __assign({ ref: ref, className: classes }, others));
 });
-ColumnsItem.displayName = ComponentName.ColumnsItem;
 export default ColumnsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9Db2x1bW5zSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbEMsVUFDRSxFQW1CbUIsRUFDbkIsR0FBb0M7SUFuQmxDLElBQUEsU0FBUyxlQUFBLEVBQ1QsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFlBQVksa0JBQUEsRUFDWixNQUFNLFlBQUEsRUFDTixnQkFBZ0Isc0JBQUEsRUFDYixNQUFNLGNBbEJYLHlQQW1CQyxDQURVO0lBSVgsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDbkMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FDRixDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBQ25ELGVBQWUsV0FBVyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9Db2x1bW5zSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQU8sRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQXVCLEVBQUUsR0FBb0M7SUFFL0YsSUFBQSxTQUFTLEdBa0JQLEtBQUssVUFsQkUsRUFDVCxJQUFJLEdBaUJGLEtBQUssS0FqQkgsRUFDSixVQUFVLEdBZ0JSLEtBQUssV0FoQkcsRUFDVixVQUFVLEdBZVIsS0FBSyxXQWZHLEVBQ1YsU0FBUyxHQWNQLEtBQUssVUFkRSxFQUNULFdBQVcsR0FhVCxLQUFLLFlBYkksRUFDWCxjQUFjLEdBWVosS0FBSyxlQVpPLEVBQ2QsVUFBVSxHQVdSLEtBQUssV0FYRyxFQUNWLE1BQU0sR0FVSixLQUFLLE9BVkQsRUFDTixZQUFZLEdBU1YsS0FBSyxhQVRLLEVBQ1osWUFBWSxHQVFWLEtBQUssYUFSSyxFQUNaLFdBQVcsR0FPVCxLQUFLLFlBUEksRUFDWCxhQUFhLEdBTVgsS0FBSyxjQU5NLEVBQ2IsZ0JBQWdCLEdBS2QsS0FBSyxpQkFMUyxFQUNoQixZQUFZLEdBSVYsS0FBSyxhQUpLLEVBQ1osTUFBTSxHQUdKLEtBQUssT0FIRCxFQUNOLGdCQUFnQixHQUVkLEtBQUssaUJBRlMsRUFDYixNQUFNLFVBQ1AsS0FBSyxFQW5CSCx5UEFtQkwsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFFBQVEsRUFDUixJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDckIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFVBQVUsSUFBSSxFQUFFLENBQUMsVUFBRyxVQUFVLFlBQVMsQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFVBQUcsU0FBUyxZQUFTLENBQUMsRUFDdEMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxVQUFHLFdBQVcsYUFBVSxDQUFDLEVBQzNDLGNBQWMsSUFBSSxFQUFFLENBQUMsVUFBRyxjQUFjLGdCQUFhLENBQUMsRUFDcEQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQVUsTUFBTSxDQUFFLENBQUMsRUFDaEMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFdBQVcsSUFBSSxFQUFFLENBQUMsaUJBQVUsV0FBVyxZQUFTLENBQUMsRUFDakQsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxhQUFhLGFBQVUsQ0FBQyxFQUN0RCxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsaUJBQVUsZ0JBQWdCLGdCQUFhLENBQUMsRUFDL0QsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixnQkFBZ0IsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQ25DLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsV0FBVyxDQUFBIn0=

package/lib/components/columns/item/ColumnsItem.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ColumnsItemProps } from '../../../components/columns/item/ColumnsItemProps';
+/// <reference types="react" />
+import { ColumnsItemProps } from './ColumnsItemProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -10,5 +10,8 @@ import { ColumnsItemProps } from '../../../components/columns/item/ColumnsItemPr
  * @param centered {boolean} center Column item
  * @param align { Alignable | AlignableValues} align content
  */
-declare const ColumnsItem: React.ForwardRefExoticComponent<ColumnsItemProps & React.RefAttributes<View>>;
+declare const ColumnsItem: {
+    ({ children, size, mobileSize, verticalCentered, ...others }: ColumnsItemProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default ColumnsItem;

package/lib/components/columns/item/ColumnsItem.native.js

@@ -12,7 +12,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param centered {boolean} center Column item
  * @param align { Alignable | AlignableValues} align content
  */
-var ColumnsItem = React.forwardRef(function (_a, ref) {
+var ColumnsItem = function (_a) {
     var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalCentered = _a.verticalCentered, others = __rest(_a, ["children", "size", "mobileSize", "verticalCentered"]);
     var columnsContextValues = useContext(ColumnsContext);
     var realSize = size || mobileSize;
@@ -23,11 +23,11 @@ var ColumnsItem = React.forwardRef(function (_a, ref) {
             justifyContent: verticalCentered ? 'center' : 'flex-start',
             flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
             flexGrow: 0,
-            maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
+            maxWidth: "".concat((realSize ? realSize : 12) / 12 * 100, "%")
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: styles.columnsItem }, others), children));
-});
+    return (React.createElement(View, __assign({ style: styles.columnsItem }, others), children));
+};
 ColumnsItem.displayName = ComponentName.ColumnsItem;
 export default ColumnsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2l0ZW0vQ29sdW1uc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2xDLFVBQ0UsRUFBNkUsRUFDN0UsR0FBb0I7SUFEbEIsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUssTUFBTSxjQUF6RCxzREFBMkQsQ0FBRjtJQUd6RCxJQUFNLG9CQUFvQixHQUFHLFVBQVUsQ0FBQyxjQUFjLENBQUMsQ0FBQTtJQUV2RCxJQUFNLFFBQVEsR0FBRyxJQUFJLElBQUksVUFBVSxDQUFBO0lBRW5DLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsV0FBVyxFQUFFO1lBQ1gsTUFBTSxFQUFFLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVELElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzlCLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZO1lBQzFELFNBQVMsRUFBRSxVQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLE1BQUc7WUFDdEQsUUFBUSxFQUFFLENBQUM7WUFDWCxRQUFRLEVBQUUsVUFBRyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBRztTQUN4RDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFdBQVcsSUFBTSxNQUFNLEdBQ2xELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2l0ZW0vQ29sdW1uc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBNkU7SUFBM0UsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUssTUFBTSxjQUF6RCxzREFBMkQsQ0FBRjtJQUM1RSxJQUFNLG9CQUFvQixHQUFHLFVBQVUsQ0FBQyxjQUFjLENBQUMsQ0FBQTtJQUV2RCxJQUFNLFFBQVEsR0FBRyxJQUFJLElBQUksVUFBVSxDQUFBO0lBRW5DLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsV0FBVyxFQUFFO1lBQ1gsTUFBTSxFQUFFLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVELElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzlCLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZO1lBQzFELFNBQVMsRUFBRSxVQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBSSxHQUFHLE1BQUc7WUFDdkQsUUFBUSxFQUFFLENBQUM7WUFDWCxRQUFRLEVBQUUsVUFBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLEdBQUcsR0FBRyxNQUFHO1NBQ3REO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFdBQVcsSUFBTSxNQUFNLEdBQ3hDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,2 +1,2 @@
-import ColumnsItem from '../../../components/columns/item/ColumnsItem';
+import ColumnsItem from './ColumnsItem';
 export default ColumnsItem;

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

@@ -1,3 +1,3 @@
-import ColumnsItem from '../../../components/columns/item/ColumnsItem';
+import ColumnsItem from './ColumnsItem';
 export default ColumnsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUUvRCxlQUFlLFdBQVcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ContainerProps } from '../../components/container/ContainerProps';
+/// <reference types="react" />
+import { ContainerProps } from "./ContainerProps";
 /**
  * Container Component
  * @param children {React.ReactNode}
  * @param medium {boolean} Set medium container
  * @param className {string} Additionnal CSS Classes
  */
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Container: ({ className, medium, ...others }: ContainerProps) => JSX.Element;
 export default Container;

package/lib/components/container/Container.js

@@ -1,20 +1,20 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { hashClass } from '../../helpers';
-import { is } from '../../services/classify';
+import * as React from "react";
+import { is } from "../../services/classify";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Container Component
  * @param children {React.ReactNode}
  * @param medium {boolean} Set medium container
  * @param className {string} Additionnal CSS Classes
  */
-var Container = React.forwardRef(function (_a, ref) {
+var Container = function (_a) {
     var className = _a.className, medium = _a.medium, others = __rest(_a, ["className", "medium"]);
-    var classes = hashClass(clsx('container', medium && is('medium'), className));
-    return React.createElement("div", __assign({ className: classes, ref: ref }, others));
-});
-Container.displayName = ComponentName.Container;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("container", medium && is("medium"), className));
+    return React.createElement("div", __assign({ className: classes }, others));
+};
 export default Container;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7O0dBS0c7QUFFSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQWdELEVBQUUsR0FBOEI7SUFBOUUsSUFBQSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTlCLHVCQUFnQyxDQUFGO0lBQzdCLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRSxPQUFPLHNDQUFLLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7R0FLRztBQUVILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFJRjtJQUhmLElBQUEsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQUhRLHVCQUlsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFdBQVcsRUFDWCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2hELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -1,10 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ContainerProps } from '../../components/container/ContainerProps';
+/// <reference types="react" />
+import { ContainerProps } from "./ContainerProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Container Native Component
  * @param autolayout {boolean} Apply auto-layout rules
  * @param children {React.ReactNode
  */
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<View>>;
+declare const Container: {
+    ({ children, ...others }: ContainerProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Container;

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

@@ -1,24 +1,24 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Container Native Component
  * @param autolayout {boolean} Apply auto-layout rules
  * @param children {React.ReactNode
  */
-var Container = React.forwardRef(function (_a, ref) {
+var Container = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         container: {
-            width: '100%',
-            alignItems: 'stretch',
-            justifyContent: 'flex-start',
+            width: "100%",
+            alignItems: "stretch",
+            justifyContent: "flex-start",
             flex: 0,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.container, ref: ref }, others), children));
-});
+    return (React.createElement(View, __assign({ style: styles.container }, others), children));
+};
 Container.displayName = ComponentName.Container;
 export default Container;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFFSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBdUMsRUFBRSxHQUFvQjtJQUEzRCxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN2RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsVUFBVSxFQUFFLFNBQVM7WUFDckIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQ2hELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7R0FJRztBQUVILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFHRjtJQUZmLElBQUEsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUZRLFlBR2xCLENBRFU7SUFHVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsVUFBVSxFQUFFLFNBQVM7WUFDckIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUNILE1BQU0sQ0FBQyxTQUFTLElBRWQsTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 /**
  * Container Interface
  */
-/// <reference types="react" />
 export interface ContainerProps {
     children?: React.ReactNode;
     className?: string;

package/lib/components/container/ContainerProps.js

@@ -1,5 +1,2 @@
-/**
- * Container Interface
- */
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9Db250YWluZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9Db250YWluZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

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

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