@builder.io/sdk-react 2.0.0 → 2.0.2

package/lib/edge/{columns-a51238cc.js → columns-f8916a18.js}

@@ -1,45 +1,45 @@
 import { jsxs as y, Fragment as B, jsx as o } from "react/jsx-runtime";
 import { useState as r } from "react";
-import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-6d6258ba.js";
+import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-f55c7d3e.js";
 import { DynamicRenderer as N } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as D } from "./get-class-prop-name-1bbed5bf.js";
+import { getClassPropName as D } from "./get-class-prop-name-a677d7a5.js";
 import "./blocks-exports.mjs";
-import "./server-entry-75aa714e.js";
-const F = (e) => `builder-columns ${e}-breakpoints`;
-function J(e) {
+import "./server-entry-d2020acf.js";
+const F = (t) => `builder-columns ${t}-breakpoints`;
+function J(t) {
   var f, k;
   const [c, T] = r(
-    () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [s, j] = r(() => e.columns || []), [m, I] = r(
-    () => e.stackColumnsAt || "tablet"
+    () => typeof t.space == "number" ? t.space || 0 : 20
+  ), [s, j] = r(() => t.columns || []), [m, I] = r(
+    () => t.stackColumnsAt || "tablet"
   );
-  function S(t) {
-    return t.link ? e.builderLinkComponent || "a" : "div";
+  function S(e) {
+    return e.link ? t.builderLinkComponent || "a" : "div";
   }
-  function x(t) {
+  function x(e) {
     var n;
-    return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
+    return ((n = s[e]) == null ? void 0 : n.width) || 100 / s.length;
   }
-  function C(t) {
-    const n = x(t), i = c * (s.length - 1) * (n / 100);
+  function C(e) {
+    const n = x(e), i = c * (s.length - 1) * (n / 100);
     return `calc(${n}% - ${i}px)`;
   }
   function a({
-    stackedStyle: t,
+    stackedStyle: e,
     desktopStyle: n
   }) {
-    return m === "tablet" ? t : n;
+    return m === "tablet" ? e : n;
   }
   function u({
-    stackedStyle: t,
+    stackedStyle: e,
     desktopStyle: n
   }) {
-    return m === "never" ? n : t;
+    return m === "never" ? n : e;
   }
   const [d, P] = r(
-    () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
+    () => t.stackColumnsAt === "never" ? "row" : t.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function p() {
+  function v() {
     return {
       "--flex-dir": d,
       "--flex-dir-tablet": a({
@@ -48,8 +48,8 @@ function J(e) {
       })
     };
   }
-  function v(t) {
-    const n = t === 0 ? 0 : c, i = C(t), l = `${n}px`, g = "100%", h = 0;
+  function w(e) {
+    const n = e === 0 ? 0 : c, i = C(e), l = `${n}px`, g = "100%", h = 0;
     return {
       ...{
         display: "flex",
@@ -76,74 +76,81 @@ function J(e) {
       })
     };
   }
-  function b(t) {
+  function b(e) {
     var i, l;
     return W(
-      ((l = (i = e.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
-    )[t].max;
+      ((l = (i = t.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
+    )[e].max;
   }
-  function w() {
+  function p() {
     return `
         @media (max-width: ${b("medium")}px) {
-          .${e.builderBlock.id}-breakpoints {
+          .${t.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          .${t.builderBlock.id}-breakpoints > .builder-column {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
         }
 
         @media (max-width: ${b("small")}px) {
-          .${e.builderBlock.id}-breakpoints {
+          .${t.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          .${t.builderBlock.id}-breakpoints > .builder-column {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
       `;
   }
-  function $(t, n) {
+  function $(e, n) {
     return {
-      ...t.link ? {
-        href: t.link
+      ...e.link ? {
+        href: e.link
       } : {},
       [D()]: "builder-column",
-      style: L(v(n))
+      style: L(w(n))
     };
   }
   return /* @__PURE__ */ y(B, { children: [
     /* @__PURE__ */ y(
       "div",
       {
-        className: F((f = e.builderBlock) == null ? void 0 : f.id) + " div-b622c1bc",
-        style: p(),
+        className: F((f = t.builderBlock) == null ? void 0 : f.id) + " div-fe220f58",
+        style: v(),
         children: [
-          /* @__PURE__ */ o(z, { id: "builderio-columns", styles: w() }),
-          (k = e.columns) == null ? void 0 : k.map((t, n) => /* @__PURE__ */ o(
+          /* @__PURE__ */ o(
+            z,
+            {
+              id: "builderio-columns",
+              styles: p(),
+              nonce: t.builderContext.nonce
+            }
+          ),
+          (k = t.columns) == null ? void 0 : k.map((e, n) => /* @__PURE__ */ o(
             N,
             {
-              TagName: S(t),
+              TagName: S(e),
               actionAttributes: {},
-              attributes: $(t, n),
+              attributes: $(e, n),
               children: /* @__PURE__ */ o(
                 A,
                 {
                   path: `component.options.columns.${n}.blocks`,
-                  parent: e.builderBlock.id,
+                  parent: t.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
                   },
-                  context: e.builderContext,
-                  registeredComponents: e.builderComponents,
-                  linkComponent: e.builderLinkComponent,
-                  blocks: t.blocks
+                  context: t.builderContext,
+                  registeredComponents: t.builderComponents,
+                  linkComponent: t.builderLinkComponent,
+                  blocks: e.blocks
                 }
               )
             },
@@ -152,7 +159,7 @@ function J(e) {
         ]
       }
     ),
-    /* @__PURE__ */ o("style", { children: `.div-b622c1bc {
+    /* @__PURE__ */ o("style", { children: `.div-fe220f58 {
   display: flex;
   line-height: normal;
 }` })