@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

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

@@ -0,0 +1,22 @@
+import React, { createContext } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+export const ChipsContext = createContext({ isMultiple: false });
+/**
+ * ChipsList Component - Container for Chips
+ * @param children {React.ReactNode}
+ * @param multiple {boolean} Selection Multiple With checked icon
+ */
+const ChipsList = ({ children, multiple, ...others }) => {
+    const styles = StyleSheet.create({
+        container: {
+            flexWrap: 'wrap',
+            flexDirection: 'row',
+        },
+    });
+    return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } },
+        React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container, ...others }, children)));
+};
+ChipsList.displayName = ComponentName.ChipsList;
+export default ChipsList;
+//# sourceMappingURL=ChipsList.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsList.native.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACnF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,EAAE;QAC7D,oBAAC,UAAU,IAAC,UAAU,QAAC,8BAA8B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,KAAM,MAAM,IAC9F,QAAQ,CACE,CACS,CACzB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,8 @@
+/**
+ * ChipsList Interface
+ */
+/// <reference types="react" />
+export interface ChipsListProps {
+    children?: React.ReactNode | React.ReactElement;
+    multiple?: boolean;
+}

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

@@ -0,0 +1,5 @@
+/**
+ * ChipsList Interface
+ */
+export {};
+//# sourceMappingURL=ChipsListProps.js.map

package/lib/components/chips/list/ChipsListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsListProps.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsListProps.ts"],"names":[],"mappings":"AAAA;;GAEG"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ColumnsProps } from './ColumnsProps';
+/**
+ * Columns Component
+ * @param centered {boolean} Center columns
+ * @param verticalCentered {boolean} Vertical centered columns
+ * @param gapless {boolean} Delete margins between columns
+ * @param marginSize {ColumnsSize} Delete margins between columns with Size (apply is-variable)
+ * @param inlined {boolean} Make colomns scrollable to vertical
+ * @param children {React.ReactNode}
+ * @param marginless {boolean}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param multiline {boolean} Multiline Columns
+ * @param className {string} Additionnal CSS Classes
+ * @param mobile {boolean} Responsive mode
+ * @param flex {boolean} Flex direction
+ */
+declare const Columns: ({ className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, flex, marginless, ...others }: ColumnsProps) => JSX.Element;
+export default Columns;

package/lib/components/columns/Columns.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../services/classify';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Columns Component
+ * @param centered {boolean} Center columns
+ * @param verticalCentered {boolean} Vertical centered columns
+ * @param gapless {boolean} Delete margins between columns
+ * @param marginSize {ColumnsSize} Delete margins between columns with Size (apply is-variable)
+ * @param inlined {boolean} Make colomns scrollable to vertical
+ * @param children {React.ReactNode}
+ * @param marginless {boolean}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param multiline {boolean} Multiline Columns
+ * @param className {string} Additionnal CSS Classes
+ * @param mobile {boolean} Responsive mode
+ * @param flex {boolean} Flex direction
+ */
+const Columns = ({ className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, flex, marginless, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('columns', multiline && is('multiline'), inlined && is('inlined'), mobile && is('mobile'), centered && is('centered'), verticalCentered && is('vcentered'), !marginSize && gapless && is('gapless'), !gapless && marginSize && [is('variable'), is(`${marginSize}`)], flex && is('flex'), marginless && is('marginless'), className));
+    return React.createElement("div", { className: classes, ...others });
+};
+export default Columns;
+//# sourceMappingURL=Columns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,IAAI,EACJ,UAAU,EACV,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,CAAC,UAAU,IAAI,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACvC,CAAC,OAAO,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC,EAC/D,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ColumnsProps } from './ColumnsProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Columns Native Component
+ * @param children {React.ReactNode}
+ * @param centered {boolean} Center columns
+ * @param verticalCentered {boolean} Vertical centered columns
+ * @param gapless {boolean} Delete margins between columns
+ * @param marginSize {ColumnsSize} Delete margins between columns with Size (apply is-variable)
+ * @param inlined {boolean} Make colomns scrollable to vertical. Don't work with props 'marginSize'
+ */
+export declare const ColumnsContext: React.Context<{
+    inlined: boolean;
+}>;
+declare const Columns: {
+    ({ children, centered, gapless, marginSize, verticalCentered, inlined, ...others }: ColumnsProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Columns;

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

@@ -0,0 +1,66 @@
+import React, { createContext } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { View } from '../view';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Columns Native Component
+ * @param children {React.ReactNode}
+ * @param centered {boolean} Center columns
+ * @param verticalCentered {boolean} Vertical centered columns
+ * @param gapless {boolean} Delete margins between columns
+ * @param marginSize {ColumnsSize} Delete margins between columns with Size (apply is-variable)
+ * @param inlined {boolean} Make colomns scrollable to vertical. Don't work with props 'marginSize'
+ */
+export const ColumnsContext = createContext({ inlined: false });
+const Columns = ({ children, centered, gapless, marginSize, verticalCentered, inlined, ...others }) => {
+    const styles = StyleSheet.create({
+        columns: {
+            flexDirection: 'row',
+            minWidth: '100%',
+        },
+        centered: {
+            alignSelf: 'center',
+        },
+        verticalAlign: {
+            justifyContent: 'center',
+            flex: 1,
+        },
+        gapless: {
+            margin: 0,
+            padding: 0,
+        },
+        variable: {
+            padding: marginSize || 0,
+        },
+    });
+    if (marginSize && !inlined) {
+        return (React.createElement(View, { style: [styles.columns, centered, verticalCentered && styles.verticalAlign], ...others }, children && marginSize
+            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                React.Children.map(children, (child) => React.cloneElement(child, {
+                    style: [child.props.style, styles.variable],
+                }))
+            : children));
+    }
+    if (gapless) {
+        return (React.createElement(View, { style: [styles.columns, centered, verticalCentered && styles.verticalAlign], ...others }, children && gapless
+            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                React.Children.map(children, (child) => React.cloneElement(child, {
+                    style: [child.props.style, styles.gapless],
+                }))
+            : children));
+    }
+    return inlined ? (React.createElement(ColumnsContext.Provider, { value: {
+            inlined: inlined,
+        } },
+        React.createElement(ScrollView, { style: { marginLeft: 16 }, showsHorizontalScrollIndicator: false, horizontal: true, contentContainerStyle: {
+                flexGrow: 1,
+            } }, children))) : (React.createElement(View, { style: [
+            styles.columns,
+            centered && styles.centered,
+            gapless && styles.gapless,
+            verticalCentered && styles.verticalAlign,
+        ], ...others }, children));
+};
+Columns.displayName = ComponentName.Columns;
+export default Columns;
+//# sourceMappingURL=Columns.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.native.js","sourceRoot":"","sources":["../../../components/columns/Columns.native.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ColumnsSize } from './ColumnsTypes';
+import { Marginless } from "../../objects";
+/**
+ * Columns Interface
+ */
+export interface ColumnsProps extends Marginless {
+    children?: React.ReactNode;
+    multiline?: boolean;
+    inlined?: boolean;
+    centered?: boolean;
+    gapless?: boolean;
+    marginSize?: ColumnsSize;
+    verticalCentered?: boolean;
+    className?: string;
+    mobile?: boolean;
+    flex?: boolean | number;
+}

package/lib/components/columns/ColumnsProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnsProps.js.map

package/lib/components/columns/ColumnsProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsProps.js","sourceRoot":"","sources":["../../../components/columns/ColumnsProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export type ColumnsSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/lib/components/columns/ColumnsTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnsTypes.js.map

package/lib/components/columns/ColumnsTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsTypes.js","sourceRoot":"","sources":["../../../components/columns/ColumnsTypes.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import Columns from './Columns';
+import ColumnsItem from './item';
+export { Columns, ColumnsItem };

package/lib/components/columns/index.js

@@ -0,0 +1,4 @@
+import Columns from './Columns';
+import ColumnsItem from './item';
+export { Columns, ColumnsItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/columns/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ColumnsItemProps } from './ColumnsItemProps';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param verticalCenter {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} Additionnal 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 ColumnsItem: ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }: ColumnsItemProps) => JSX.Element;
+export default ColumnsItem;

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import clsx from 'clsx';
+import { has, is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { getAlignClassName } from '../../../objects';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param verticalCenter {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} Additionnal 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
+ */
+const ColumnsItem = ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('column', size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is('narrow'), verticalCenter && is('vcentered'), centered && has('text-centered'), align && is(getAlignClassName(align)), className));
+    return React.createElement("div", { className: classes, ...others });
+};
+export default ColumnsItem;
+//# sourceMappingURL=ColumnsItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,cAAc,IAAI,EAAE,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ColumnsItemProps } from './ColumnsItemProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param children {React.ReactNode}
+ * @param verticalCenter {boolean} Vertical center Column item
+ * @param centered {boolean} center Column item
+ */
+declare const ColumnsItem: {
+    ({ children, size, verticalCenter, centered, align, ...others }: ColumnsItemProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ColumnsItem;

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

@@ -0,0 +1,32 @@
+import React, { useContext } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { ColumnsContext } from '../Columns.native';
+import { getAlignStyle } from '../../../objects';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param children {React.ReactNode}
+ * @param verticalCenter {boolean} Vertical center Column item
+ * @param centered {boolean} center Column item
+ */
+const ColumnsItem = ({ children, size, verticalCenter, centered, align, ...others }) => {
+    const columnsContextValues = useContext(ColumnsContext);
+    const styles = StyleSheet.create({
+        columnsItem: {
+            width: columnsContextValues.inlined
+                ? (Dimensions.get('window').width - 80) / (12 / (size ? size : 1))
+                : undefined,
+            marginRight: columnsContextValues.inlined ? 16 : 0,
+            height: columnsContextValues.inlined ? '100%' : undefined,
+            flexDirection: 'column',
+            flex: columnsContextValues.inlined ? undefined : !size ? 12 : size,
+            justifyContent: verticalCenter ? 'center' : 'flex-start',
+            alignItems: centered ? 'center' : align ? getAlignStyle(align) : 'baseline',
+        },
+    });
+    return (React.createElement(View, { style: styles.columnsItem, ...others }, children));
+};
+ColumnsItem.displayName = ComponentName.ColumnsItem;
+export default ColumnsItem;
+//# sourceMappingURL=ColumnsItem.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsItem.native.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IACpH,MAAM,oBAAoB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,WAAW,EAAE;YACX,KAAK,EAAE,oBAAoB,CAAC,OAAO;gBACjC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClE,CAAC,CAAC,SAAS;YACb,WAAW,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAClD,MAAM,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACzD,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAClE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YACxD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU;SAC5E;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,KAAM,MAAM,IACxC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { AlignableProps } from '../../../objects';
+import { ColumnsSize } from '../ColumnsTypes';
+/**
+ * Columns Item Interface
+ */
+export interface ColumnsItemProps extends AlignableProps {
+    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;
+    className?: string;
+    verticalCenter?: boolean;
+    centered?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnsItemProps.js.map

package/lib/components/columns/item/ColumnsItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsItemProps.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItemProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import ColumnsItem from './ColumnsItem';
+export default ColumnsItem;

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

@@ -0,0 +1,3 @@
+import ColumnsItem from './ColumnsItem';
+export default ColumnsItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/columns/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ContainerProps } from './ContainerProps';
+/**
+ * Container Component
+ * @param centered {boolean} Centered horizontaly
+ * @param verticalCentered {boolean} Centered verticaly
+ * @param children {React.ReactNode}
+ * @param sticky {StickyPosition} Container sticky top / bottom
+ * @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
+ * @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
+ * @param background {TrilogyColor} Container STICKY Background Color
+ * @param pulledRight {Boolean} Container pulled to right
+ * @param pulledLeft {Boolean} Container pulled to left
+ * @param fluid {boolean} Make the container usable across the width of your section
+ * @param medium {boolean} Set medium container
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, background, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
+export default Container;

package/lib/components/container/Container.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { getBackgroundClassName, StickyPosition } from '../../objects';
+/**
+ * Container Component
+ * @param centered {boolean} Centered horizontaly
+ * @param verticalCentered {boolean} Centered verticaly
+ * @param children {React.ReactNode}
+ * @param sticky {StickyPosition} Container sticky top / bottom
+ * @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
+ * @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
+ * @param background {TrilogyColor} Container STICKY Background Color
+ * @param pulledRight {Boolean} Container pulled to right
+ * @param pulledLeft {Boolean} Container pulled to left
+ * @param fluid {boolean} Make the container usable across the width of your section
+ * @param medium {boolean} Set medium container
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, background, pulledRight, pulledLeft, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const stickyClassName = () => {
+        switch (sticky) {
+            case StickyPosition.TOP:
+                return is('sticky-top');
+            case StickyPosition.BOTTOM:
+                return is('sticky-bottom');
+            default:
+                return '';
+        }
+    };
+    const classes = hashClass(styled, clsx('container', fluid && is('fluid'), medium && is('medium'), centered && is('centered'), fullwidth && is('fullwidth'), verticalCentered && is('vcentered'), pulledRight && is('pulled-right'), pulledLeft && is('pulled-left'), sticky && background && has(getBackgroundClassName(background)), sticky && stickyClassName(), className));
+    const styles = {
+        top: stickyOffSetTop,
+        bottom: stickyOffSetBottom,
+    };
+    return React.createElement("div", { className: classes, ...others, style: styles });
+};
+export default Container;
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEtE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,UAAU,EACV,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,cAAc,CAAC,GAAG;gBACrB,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,cAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,CAAC,eAAe,CAAC,CAAA;YAC5B;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,WAAW,EACX,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,WAAW,IAAI,EAAE,CAAC,cAAc,CAAC,EACjC,UAAU,IAAI,EAAE,CAAC,aAAa,CAAC,EAC/B,MAAM,IAAI,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EAC/D,MAAM,IAAI,eAAe,EAAE,EAC3B,SAAS,CACV,CACF,CAAA;IAED,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,kBAAkB;KAC3B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,EAAE,KAAK,EAAE,MAAM,GAAI,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ContainerProps } from './ContainerProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Container Native Component
+ * @param autolayout {boolean} Apply auto-layout rules
+ * @param centered {boolean} Center all childrens of container
+ * @param verticalCentered {boolean} Align center vertically all content
+ * @param children {React.ReactNode}
+ * @param sticky {StickyPosition} Container sticky top / bottom
+ * @param stickyOffSetTop {Number | string} Set top of sticky container
+ * @param stickyOffSetBottom {Number | string} Set bottom of sticky container
+ * @param background {TrilogyColor} Container sticky Background Color
+ * @param pulledRight {Boolean} Container pulled to right
+ * @param pulledLeft {Boolean} Container pulled to left
+ */
+declare const Container: {
+    ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Container;

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { getBackgroundStyle, getColorStyle, TrilogyColor, StickyPosition } from '../../objects';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Container Native Component
+ * @param autolayout {boolean} Apply auto-layout rules
+ * @param centered {boolean} Center all childrens of container
+ * @param verticalCentered {boolean} Align center vertically all content
+ * @param children {React.ReactNode}
+ * @param sticky {StickyPosition} Container sticky top / bottom
+ * @param stickyOffSetTop {Number | string} Set top of sticky container
+ * @param stickyOffSetBottom {Number | string} Set bottom of sticky container
+ * @param background {TrilogyColor} Container sticky Background Color
+ * @param pulledRight {Boolean} Container pulled to right
+ * @param pulledLeft {Boolean} Container pulled to left
+ */
+const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
+    const styles = StyleSheet.create({
+        container: {
+            width: '100%',
+            paddingTop: paddingless || verticalPaddingless ? 0 : 24,
+            paddingBottom: paddingless || verticalPaddingless ? 0 : 24,
+            paddingRight: paddingless ? 0 : 24,
+            paddingLeft: paddingless ? 0 : 24,
+            alignItems: (centered && 'center') || (pulledLeft && 'flex-start') || (pulledRight && 'flex-end') || 'stretch',
+            justifyContent: verticalCentered ? 'center' : 'flex-start',
+            flex: verticalCentered ? 1 : 0,
+        },
+        stickyTop: {
+            position: 'absolute',
+            backgroundColor: background ? getBackgroundStyle(background) : getColorStyle(TrilogyColor.WHITE),
+            left: 0,
+            right: 0,
+            top: stickyOffSetTop ? stickyOffSetTop : 0,
+            marginTop: 0,
+            zIndex: 999,
+        },
+        stickyBottom: {
+            backgroundColor: background ? getBackgroundStyle(background) : getColorStyle(TrilogyColor.WHITE),
+            width: '100%',
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: stickyOffSetBottom ? stickyOffSetBottom : 0,
+            zIndex: 999,
+        },
+    });
+    return (React.createElement(View, { style: (sticky === StickyPosition.TOP && styles.stickyTop) ||
+            (sticky === StickyPosition.BOTTOM && styles.stickyBottom) ||
+            styles.container, ...others }, children));
+};
+Container.displayName = ComponentName.Container;
+export default Container;
+//# sourceMappingURL=Container.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;;;;;GAYG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,UAAU,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,IAAI,SAAS;YAC9G,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/B;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YAChG,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,GAAG;SACZ;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YAChG,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,EAAE,GAAG;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,MAAM,KAAK,cAAc,CAAC,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;YACnD,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC;YACzD,MAAM,CAAC,SAAS,KAEd,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { Fullwidth, Layout, Paddingless, Position, VerticalPaddingless, BackgroundProps, StickyPositionValues, StickyPosition } from '../../objects';
+/**
+ * Container Interface
+ */
+export interface ContainerProps extends Layout, Fullwidth, Paddingless, VerticalPaddingless, Position, BackgroundProps {
+    children?: React.ReactNode;
+    fluid?: boolean;
+    className?: string;
+    centered?: boolean;
+    verticalCentered?: boolean;
+    medium?: boolean;
+    fullwidth?: boolean;
+    sticky?: StickyPosition | StickyPositionValues;
+    stickyOffSetTop?: number;
+    stickyOffSetBottom?: number;
+}

package/lib/components/container/ContainerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ContainerProps.js.map

package/lib/components/container/ContainerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerProps.js","sourceRoot":"","sources":["../../../components/container/ContainerProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import Container from './Container';
+export { Container };

package/lib/components/container/index.js

@@ -0,0 +1,3 @@
+import Container from './Container';
+export { Container };
+//# sourceMappingURL=index.js.map

package/lib/components/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA"}