@social-mail/social-mail-client 1.2.16 → 1.2.18

package/dist/site-editor/styler/properties/{layout/layout.js → layouts/blocks/layoutFloatingNavBar.js}

@@ -1,86 +1,29 @@
-System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
   "use strict";
 
-  var styled, StylerProperty, stylerVars, svg, svgCross, stylerLayout;
+  var styled, stylerVars, svg, svgCross, layoutFloatingNavBar;
   return {
     setters: [function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_Styler) {
-      StylerProperty = _Styler.StylerProperty;
       stylerVars = _Styler.stylerVars;
     }],
     execute: function () {
       svg = `<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`;
       svgCross = `<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path class="fa-secondary" opacity=".4" d="M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6z"/><path class="fa-primary" d=""/></svg>`;
-      _export("stylerLayout", stylerLayout = StylerProperty.create("styler-layout", {
-        "wrap-list": styled.css`
-        display: flex;
-        flex-direction: column;
-        flex-wrap: wrap;
-        gap: ${stylerVars.sizeDefault};
-        padding: ${stylerVars.sizeDefault};
-        margin: ${stylerVars.sizeDefault};
-        &:empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            height: 100%;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "Container";
-        }
-    `,
-        "column": styled.css`
-        display: flex;
-        flex-direction: column;
-        flex-wrap: nowrap;
-        gap: ${stylerVars.sizeDefault};
-        padding: ${stylerVars.sizeDefault};
-        margin: ${stylerVars.sizeDefault};
-    `,
-        "row": styled.css`
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        gap: ${stylerVars.sizeDefault};
-        padding: ${stylerVars.sizeDefault};
-        margin: ${stylerVars.sizeDefault};
-    `,
-        "block": styled.css`
-        display: block;
-        padding: ${stylerVars.sizeDefault};
-        margin: ${stylerVars.sizeDefault};
-    `,
-        "nav-bar": styled.css`
-        display: flex;
-        padding: ${stylerVars.sizeSmall};
-        margin: ${stylerVars.sizeDefault};
-        border-radius: ${stylerVars.sizeLarge};
-        align-items: center;
-        justify-content: space-between;
-        & > h1, & > h2, & > h3, & > h5, & > h6 {
-            margin-block-start: 0;
-            margin-block-end: 0;
-        }
-    `,
+      _export("layoutFloatingNavBar", layoutFloatingNavBar = {
         "floating-nav-bar": styled.css`
         display: flex;
         padding: ${stylerVars.sizeSmall};
+        padding-left: ${stylerVars.sizeLarge};
+        padding-right: ${stylerVars.sizeLarge};
         margin: ${stylerVars.sizeDefault};
         position: sticky;
         top: ${stylerVars.sizeDefault};
         border-radius: ${stylerVars.sizeLarge};
         align-items: center;
         justify-content: space-between;
+        z-index: 20;
         & > h1, & > h2, & > h3, & > h5, & > h6 {
             margin-block-start: 0;
             margin-block-end: 0;
@@ -136,8 +79,8 @@ System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function
             
         }
     `
-      }));
+      });
     }
   };
 });
-//# sourceMappingURL=layout.js.map
+//# sourceMappingURL=layoutFloatingNavBar.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutFloatingNavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","svg","svgCross","_export","layoutFloatingNavBar","css","sizeSmall","sizeLarge","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutFloatingNavBar.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEbC,GAAG,GAAG,uhBAAuhB;MAE7hBC,QAAQ,GAAG,umBAAumB;MAAAC,OAAA,yBAG3mBC,oBAAoB,GAAQ;QAErC,kBAAkB,EAAET,MAAM,CAACU,GAAI;;mBAEhBN,UAAU,CAACO,SAAS;wBACfP,UAAU,CAACQ,SAAS;yBACnBR,UAAU,CAACQ,SAAS;kBAC3BR,UAAU,CAACS,WAAW;;eAEzBT,UAAU,CAACS,WAAW;yBACZT,UAAU,CAACQ,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;gEA2BmBN,GAAG;;;;;;;;;;oEAUCC,QAAQ;;;;;;;;;;;;;;;;;;;;;;OAsB3E;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBlock.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutImageBlock: any;
+//# sourceMappingURL=layoutImageBlock.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutImageBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBlock.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,EAAE,GAwC9B,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBlock.js

@@ -0,0 +1,56 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutImageBlock;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutImageBlock", layoutImageBlock = {
+        "image-block": styled.css`
+        display: flex;
+        flex-direction: row;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+        contain: content;
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+        }
+
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutImageBlock.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutImageBlock","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBlock.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,qBAENC,gBAAgB,GAAQ;QACjC,aAAa,EAAEP,MAAM,CAACQ,GAAI;;;eAGfJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;uBAUxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;OAuB5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutImageBox: any;
+//# sourceMappingURL=layoutImageBox.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutImageBox.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,GA+C5B,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.js

@@ -0,0 +1,63 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutImageBox;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutImageBox", layoutImageBox = {
+        "image-box": styled.css`
+        display: flex;
+        flex-direction: column;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+        contain: content;
+
+        @media (min-width: 600px) { 
+            & {
+                flex-direction: row;
+            }
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+            max-width: 50%;
+        }
+
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutImageBox.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutImageBox","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,mBAENC,cAAc,GAAQ;QAC/B,WAAW,EAAEP,MAAM,CAACQ,GAAI;;;eAGbJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;uBAgBxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;OAwB5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageCard.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutImageCard: any;
+//# sourceMappingURL=layoutImageCard.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutImageCard.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageCard.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,EAAE,GAmG7B,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageCard.js

@@ -0,0 +1,115 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutImageCard;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutImageCard", layoutImageCard = {
+        "image-card": styled.css`
+        display: grid;
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        grid-template-columns: 1fr;
+        grid-template-rows: auto 1fr 1fr;
+        justify-items: stretch;
+        align-items: stretch;
+        contain: content;
+
+        & > h4 {
+            max-width: 100%;
+            padding: ${stylerVars.sizeDefault};
+            grid-column: 1;
+            grid-row: 1;
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        & > img {
+            padding: ${stylerVars.sizeDefault};
+            margin: ${stylerVars.sizeDefault};
+            align-self: center;
+            max-width: 100%;
+            grid-column: 1;
+            grid-row: 2;
+        }
+        & > section {
+            max-width: 100%;
+            margin: ${stylerVars.sizeDefault};
+            padding: ${stylerVars.sizeDefault};
+            border-radius: ${stylerVars.sizeDefault};
+            grid-column: 1;
+            grid-row: 3;
+        }
+
+        @media (min-width: 600px) { 
+            & {
+                grid-template-columns: 1fr 1fr;
+                grid-template-rows: auto 1fr;
+            }
+
+            & > h4 {
+                max-width: 100%;
+                grid-column: 1 / span 2;
+                grid-row: 1;
+            }
+
+            & > img {
+                padding: ${stylerVars.sizeDefault};
+                max-width: 100%;
+                grid-column: 1;
+                grid-row: 2;
+            }
+            & > section {
+                max-width: 100%;
+                grid-column: 2;
+                grid-row: 2;
+            }
+        }
+
+        & > section:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+        & > h4:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Title";
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutImageCard.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutImageCard","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageCard.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,oBAENC,eAAe,GAAQ;QAChC,YAAY,EAAEP,MAAM,CAACQ,GAAI;;kBAEXJ,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;uBASxBL,UAAU,CAACK,WAAW;;;;;;;;uBAQtBL,UAAU,CAACK,WAAW;sBACvBL,UAAU,CAACK,WAAW;;;;;;;;sBAQtBL,UAAU,CAACK,WAAW;uBACrBL,UAAU,CAACK,WAAW;6BAChBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;2BAkBxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiDhD;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutNavBar.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutNavBar: any;
+//# sourceMappingURL=layoutNavBar.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutNavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutNavBar.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutNavBar.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,EAAE,GAgB1B,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutNavBar.js

@@ -0,0 +1,32 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutNavBar;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutNavBar", layoutNavBar = {
+        "nav-bar": styled.css`
+        display: flex;
+        padding: ${stylerVars.sizeSmall};
+        padding-left: ${stylerVars.sizeLarge};
+        padding-right: ${stylerVars.sizeLarge};
+        border-radius: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeLarge};
+        align-items: center;
+        justify-content: space-between;
+        & > h1, & > h2, & > h3, & > h5, & > h6 {
+            margin-block-start: 0;
+            margin-block-end: 0;
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutNavBar.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutNavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutNavBar","css","sizeSmall","sizeLarge","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutNavBar.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,iBAENC,YAAY,GAAQ;QAC7B,SAAS,EAAEP,MAAM,CAACQ,GAAI;;mBAEPJ,UAAU,CAACK,SAAS;wBACfL,UAAU,CAACM,SAAS;yBACnBN,UAAU,CAACM,SAAS;yBACpBN,UAAU,CAACO,WAAW;kBAC7BP,UAAU,CAACO,WAAW;yBACfP,UAAU,CAACM,SAAS;;;;;;;;OAQ5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutRightImageBox: any;
+//# sourceMappingURL=layoutRightImageBox.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutRightImageBox.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,EAAE,GA+CjC,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.js

@@ -0,0 +1,63 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutRightImageBox;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutRightImageBox", layoutRightImageBox = {
+        "right-image-box": styled.css`
+        display: flex;
+        flex-direction: column;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+        contain: content;
+
+        @media (min-width: 600px) { 
+            & {
+                flex-direction: row-reverse;
+            }
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+            max-width: 50%;
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutRightImageBox.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutRightImageBox","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,wBAENC,mBAAmB,GAAQ;QACpC,iBAAiB,EAAEP,MAAM,CAACQ,GAAI;;;eAGnBJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;;;uBAYxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4B5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutRow.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutRow: any;
+//# sourceMappingURL=layoutRow.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutRow.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutRow.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,GA2CvB,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutRow.js

@@ -0,0 +1,59 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutRow;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutRow", layoutRow = {
+        "row": styled.css`
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: center;
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+        }
+
+
+        @media (min-width: 600px) { 
+            & {
+                flex-direction: row;
+                flex-wrap: nowrap;
+            }
+        }
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+      `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutRow.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutRow","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutRow.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,cAENC,SAAS,GAAQ;QAC1B,KAAK,EAAEP,MAAM,CAACQ,GAAI;;;;eAIPJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;uBAKxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8B5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutTextBox.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutTextBox: any;
+//# sourceMappingURL=layoutTextBox.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutTextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutTextBox.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutTextBox.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,EAAE,GA+B3B,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutTextBox.js

@@ -0,0 +1,47 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, layoutTextBox;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("layoutTextBox", layoutTextBox = {
+        "text-box": styled.css`
+        display: flex;
+        flex-direction: row;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+
+        & > p:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=layoutTextBox.js.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutTextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutTextBox","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutTextBox.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,kBAENC,aAAa,GAAQ;QAC9B,UAAU,EAAEP,MAAM,CAACQ,GAAI;;;eAGZJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;OAwB9C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutWrapList.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutWrapList: any;
+//# sourceMappingURL=layoutWrapList.d.ts.map

package/dist/site-editor/styler/properties/layouts/blocks/layoutWrapList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutWrapList.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutWrapList.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,GA4B5B,CAAC"}