@builder.io/sdk-react 1.1.2 → 2.0.1

package/lib/edge/{button-03e45213.js → button-af35e8de.js}

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { DynamicRenderer as r } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as n } from "./get-class-prop-name-87b96bca.js";
-import "./server-entry-97c99c4d.js";
+import { getClassPropName as n } from "./get-class-prop-name-268b0f61.js";
+import "./server-entry-681e8e79.js";
 function b(t) {
   function e() {
     return {

package/lib/edge/{button-eacbdcad.cjs → button-f6426eff.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-d471c28c.cjs");require("./server-entry-048c3043.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-3061c329.cjs");require("./server-entry-4750de9c.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;

package/lib/edge/{columns-858746ca.js → columns-1065c0ae.js}

@@ -1,45 +1,45 @@
-import { jsxs as y, Fragment as B, jsx as r } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-b47dedc1.js";
+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-fedde8d2.js";
 import { DynamicRenderer as N } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as D } from "./get-class-prop-name-87b96bca.js";
+import { getClassPropName as D } from "./get-class-prop-name-268b0f61.js";
 import "./blocks-exports.mjs";
-import "./server-entry-97c99c4d.js";
-const F = (e) => `builder-columns ${e}-breakpoints`;
-function J(e) {
+import "./server-entry-681e8e79.js";
+const F = (t) => `builder-columns ${t}-breakpoints`;
+function J(t) {
   var f, k;
-  const [c, T] = s(
-    () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [o, j] = s(() => e.columns || []), [m, I] = s(
-    () => e.stackColumnsAt || "tablet"
+  const [c, T] = r(
+    () => 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 = o[t]) == null ? void 0 : n.width) || 100 / o.length;
+    return ((n = s[e]) == null ? void 0 : n.width) || 100 / s.length;
   }
-  function C(t) {
-    const n = c * (o.length - 1) / o.length;
-    return `calc(${x(t)}% - ${n}px)`;
+  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] = s(
-    () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
+  const [d, P] = r(
+    () => 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-bade6b34",
-        style: p(),
+        className: F((f = t.builderBlock) == null ? void 0 : f.id) + " div-fe220f58",
+        style: v(),
         children: [
-          /* @__PURE__ */ r(z, { id: "builderio-columns", styles: w() }),
-          (k = e.columns) == null ? void 0 : k.map((t, n) => /* @__PURE__ */ r(
+          /* @__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),
-              children: /* @__PURE__ */ r(
+              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__ */ r("style", { children: `.div-bade6b34 {
+    /* @__PURE__ */ o("style", { children: `.div-fe220f58 {
   display: flex;
   line-height: normal;
 }` })

package/lib/edge/columns-f607250b.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),s=require("./blocks-0bd38a83.cjs"),B=require("./dynamic-renderer-b29b45ca.cjs"),p=require("./get-class-prop-name-3061c329.cjs");require("./blocks-exports.cjs");require("./server-entry-4750de9c.cjs");const q=e=>`builder-columns ${e}-breakpoints`;function z(e){var f,g;const[u,A]=o.useState(()=>typeof e.space=="number"?e.space||0:20),[a,L]=o.useState(()=>e.columns||[]),[d,N]=o.useState(()=>e.stackColumnsAt||"tablet");function y(t){return t.link?e.builderLinkComponent||"a":"div"}function x(t){var n;return((n=a[t])==null?void 0:n.width)||100/a.length}function C(t){const n=x(t),i=u*(a.length-1)*(n/100);return`calc(${n}% - ${i}px)`}function c({stackedStyle:t,desktopStyle:n}){return d==="tablet"?t:n}function m({stackedStyle:t,desktopStyle:n}){return d==="never"?n:t}const[b,W]=o.useState(()=>e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column");function v(){return{"--flex-dir":b,"--flex-dir-tablet":c({stackedStyle:b,desktopStyle:"row"})}}function w(t){const n=t===0?0:u,i=C(t),r=`${n}px`,h="100%",S=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:h,desktopStyle:i}),"--column-margin-left-mobile":m({stackedStyle:S,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:i}),"--column-margin-left-tablet":c({stackedStyle:S,desktopStyle:r})}}function k(t){var i,r;return s.getSizesForBreakpoints(((r=(i=e.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[t].max}function $(){return`
+        @media (max-width: ${k("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${e.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${k("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${e.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `}function j(t,n){return{...t.link?{href:t.link}:{},[p.getClassPropName()]:"builder-column",style:s.mapStyleObjToStrIfNeeded(w(n))}}return l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:q((f=e.builderBlock)==null?void 0:f.id)+" div-fe220f58",style:v(),children:[l.jsx(s.InlinedStyles,{id:"builderio-columns",styles:$(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.map((t,n)=>l.jsx(B.DynamicRenderer,{TagName:y(t),actionAttributes:{},attributes:j(t,n),children:l.jsx(s.Blocks,{path:`component.options.columns.${n}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:t.blocks})},n))]}),l.jsx("style",{children:`.div-fe220f58 {
+  display: flex;
+  line-height: normal;
+}`})]})}exports.default=z;