@trilogy-ds/react 0.0.1-beta-103 → 0.0.1-beta-105

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

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

package/lib/components/columns/ColumnsPropsDefaults.js

@@ -0,0 +1,89 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "multiline": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "inlined": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "centered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "gapless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "marginSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "verticalCentered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "mobile": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

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

package/lib/components/columns/index.js

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

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

@@ -1 +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;AAChC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}
+{"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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ColumnsItemProps } from "./ColumnsItemProps";
 /**
  * Columns Item Component - Columns Child
@@ -24,5 +24,5 @@ import { ColumnsItemProps } from "./ColumnsItemProps";
  * @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;
+declare const ColumnsItem: React.ForwardRefExoticComponent<ColumnsItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ColumnsItem;

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

@@ -28,10 +28,11 @@ import { getAlignClassName } from "../../../objects";
  * @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 ColumnsItem = React.forwardRef((props, ref) => {
+    const { className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others } = props;
     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 });
-};
+    return React.createElement("div", { ref: ref, className: classes, ...others });
+});
 export default ColumnsItem;
 //# sourceMappingURL=ColumnsItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAoC,EAAE,EAAE;IACrG,MAAM,EACJ,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,EACV,GAAG,KAAK,CAAA;IAET,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,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

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

@@ -23,6 +23,9 @@ const ColumnsItem = ({ children, size, verticalCenter, centered, align, ...other
             flex: columnsContextValues.inlined ? undefined : !size ? 12 : size,
             justifyContent: verticalCenter ? 'center' : 'flex-start',
             alignItems: centered ? 'center' : align ? getAlignStyle(align) : 'baseline',
+            flexBasis: `${(size ? size : 1) / 12 * 100}%`,
+            flexGrow: 0,
+            maxWidth: `${(size ? size : 1) / 12 * 100}%`
         },
     });
     return (React.createElement(View, { style: styles.columnsItem, ...others }, children));

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

@@ -1 +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,qCAAqC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;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"}
+{"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,qCAAqC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;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;YAC3E,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;YAC7C,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;SAC7C;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/ColumnsItemPropsDefaults.js

@@ -0,0 +1,323 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "size": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "mobileSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "tabletSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "touchSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "desktopSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "widescreenSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "fullhdSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "offset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "mobileOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "tabletOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "touchOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "desktopOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "widescreenOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "fullhdOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "narrow": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "verticalCenter": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "centered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  }
+};

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

@@ -8,7 +8,7 @@ import { ContainerProps } from "./ContainerProps";
  * @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 backgroundColor {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
@@ -16,5 +16,5 @@ import { ContainerProps } from "./ContainerProps";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, background, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
+declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
 export default Container;

package/lib/components/container/Container.js

@@ -12,7 +12,7 @@ import { getBackgroundClassName, StickyPosition } from "../../objects";
  * @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 backgroundColor {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
@@ -20,7 +20,7 @@ import { getBackgroundClassName, StickyPosition } from "../../objects";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, background, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
+const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
     const { styled } = useTrilogyContext();
     const stickyClassName = () => {
         switch (sticky) {
@@ -32,7 +32,7 @@ const Container = ({ className, fluid, centered, verticalCentered, medium, fullw
                 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 && stickyClassName(), background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), className));
+    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 && stickyClassName(), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), className));
     const styles = {
         top: stickyOffSetTop,
         bottom: stickyOffSetBottom,

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

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;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,aAAa,EACb,QAAQ,EACR,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,eAAe,EAAE,EAC3B,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,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"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;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,eAAe,EACf,aAAa,EACb,QAAQ,EACR,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,eAAe,EAAE,EAC3B,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,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

@@ -10,12 +10,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @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 backgroundColor {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;
+    ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Container;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
-import { getBackgroundStyle, getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
+import { getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
 import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Container Native Component
@@ -11,11 +11,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @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 backgroundColor {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 Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
     const styles = StyleSheet.create({
         container: {
             width: "100%",
@@ -29,12 +29,12 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
                 "stretch",
             justifyContent: verticalCentered ? "center" : "flex-start",
             flex: verticalCentered ? 1 : 0,
-            backgroundColor: background && getBackgroundStyle(background),
+            backgroundColor: backgroundColor && getColorStyle(backgroundColor),
         },
         stickyTop: {
             position: "absolute",
-            backgroundColor: background
-                ? getBackgroundStyle(background)
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
                 : getColorStyle(TrilogyColor.BACKGROUND),
             left: 0,
             right: 0,
@@ -43,8 +43,8 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
             zIndex: 999,
         },
         stickyBottom: {
-            backgroundColor: background
-                ? getBackgroundStyle(background)
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
                 : getColorStyle(TrilogyColor.BACKGROUND),
             width: "100%",
             position: "absolute",

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

@@ -1 +1 @@
-{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;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;IAEhC,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,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,SAAS;YACX,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,eAAe,EAAE,UAAU,IAAI,kBAAkB,CAAC,UAAU,CAAC;SAC9D;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,UAAU;gBACzB,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,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;gBACzB,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,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"}
+{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;GAYG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,eAAe,EACf,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,GAAG,MAAM,EACM,EAAe,EAAE;IAEhC,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,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,SAAS;YACX,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,eAAe,EAAE,eAAe,IAAI,aAAa,CAAC,eAAe,CAAC;SACnE;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,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,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,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"}