@builder.io/sdk-react 1.0.17 → 1.0.19-dev-1

package/lib/edge/blocks-exports.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");require("./server-entry-04a076eb.cjs");const o=e.lazy(()=>Promise.resolve().then(()=>require("./button-36ac5d97.cjs"))),t=e.lazy(()=>Promise.resolve().then(()=>require("./columns-36bdc015.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./image-ee3dd857.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-441a42f8.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./video-e20dcbbc.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-1f59d1c0.cjs")).then(r=>r.blocks)),m=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-87f99284.cjs")));exports.Blocks=a;exports.Button=o;exports.Columns=t;exports.Content=m;exports.Fragment=s;exports.Image=n;exports.Section=i;exports.Symbol=l;exports.Text=c;exports.Video=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");require("./server-entry-00891f33.cjs");const t=e.lazy(()=>Promise.resolve().then(()=>require("./button-58695538.cjs"))),r=e.lazy(()=>Promise.resolve().then(()=>require("./columns-88c413d0.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./image-7e1361ce.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-636383eb.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./video-64014cc4.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-0397d1b3.cjs")).then(o=>o.blocks)),m=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-b0cbabea.cjs"))),y=e.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}});exports.Blocks=u;exports.BuilderContext=y;exports.Button=t;exports.Columns=r;exports.Content=m;exports.Fragment=n;exports.Image=s;exports.Section=i;exports.Symbol=l;exports.Text=c;exports.Video=a;

package/lib/edge/blocks-exports.mjs

@@ -1,16 +1,30 @@
 "use client";
-import { lazy as t } from "react";
-import "./server-entry-633c4fab.js";
-const m = t(() => import("./button-8fdd068a.js")), i = t(() => import("./columns-4f789807.js")), c = t(() => import("./fragment-1492bc7f.js")), a = t(() => import("./image-0008c792.js")), r = t(() => import("./section-d83e2dd3.js")), e = t(() => import("./symbol-8aa6a69b.js")), p = t(() => import("./text-5915f038.js")), l = t(() => import("./video-58c2cc8d.js")), b = t(() => import("./blocks-fe027bf7.js").then((o) => o.blocks)), u = t(() => import("./content-variants-a26825d5.js"));
+import { lazy as t, createContext as n } from "react";
+import "./server-entry-d46a218d.js";
+const i = t(() => import("./button-14d13356.js")), r = t(() => import("./columns-41560f8a.js")), a = t(() => import("./fragment-1492bc7f.js")), c = t(() => import("./image-2cc909d9.js")), m = t(() => import("./section-d83e2dd3.js")), p = t(() => import("./symbol-324dadc8.js")), l = t(() => import("./text-5915f038.js")), u = t(() => import("./video-d02ff89b.js")), d = t(() => import("./blocks-055d1c68.js").then((o) => o.blocks)), x = t(() => import("./content-variants-8d6bee85.js")), S = n({
+  content: null,
+  context: {},
+  localState: void 0,
+  rootSetState() {
+  },
+  rootState: {},
+  apiKey: null,
+  apiVersion: void 0,
+  componentInfos: {},
+  inheritedStyles: {},
+  BlocksWrapper: "div",
+  BlocksWrapperProps: {}
+});
 export {
-  b as Blocks,
-  m as Button,
-  i as Columns,
-  u as Content,
-  c as Fragment,
-  a as Image,
-  r as Section,
-  e as Symbol,
-  p as Text,
-  l as Video
+  d as Blocks,
+  S as BuilderContext,
+  i as Button,
+  r as Columns,
+  x as Content,
+  a as Fragment,
+  c as Image,
+  m as Section,
+  p as Symbol,
+  l as Text,
+  u as Video
 };

package/lib/edge/{button-8fdd068a.js → button-14d13356.js}

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { DynamicRenderer as i } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as e } from "./get-class-prop-name-ee5eac9d.js";
-import "./server-entry-633c4fab.js";
+import { DynamicRenderer as i } from "./dynamic-renderer-96ba4e48.js";
+import { getClassPropName as e } from "./get-class-prop-name-859a7f60.js";
+import "./server-entry-d46a218d.js";
 function u(t) {
   return /* @__PURE__ */ n(
     i,

package/lib/edge/{button-36ac5d97.cjs → button-58695538.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-522545c4.cjs");require("./server-entry-04a076eb.cjs");function r(e){return n.jsx(i.DynamicRenderer,{attributes:{...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"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./dynamic-renderer-1c9f24c0.cjs"),t=require("./get-class-prop-name-f1301669.cjs");require("./server-entry-00891f33.cjs");function r(e){return n.jsx(i.DynamicRenderer,{attributes:{...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"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=r;

package/lib/edge/{columns-4f789807.js → columns-41560f8a.js}

@@ -1,83 +1,84 @@
-import { jsxs as g, Fragment as v, jsx as r } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { InlinedStyles as w, mapStyleObjToStrIfNeeded as $, Blocks as B, getSizesForBreakpoints as z } from "./blocks-fe027bf7.js";
-import { DynamicRenderer as L } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as W } from "./get-class-prop-name-ee5eac9d.js";
-import "./server-entry-633c4fab.js";
-function O(t) {
-  var f;
-  const [c, A] = s(
+import { jsxs as g, Fragment as y, jsx as o } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { InlinedStyles as w, mapStyleObjToStrIfNeeded as $, Blocks as B, getSizesForBreakpoints as z } from "./blocks-055d1c68.js";
+import { DynamicRenderer as L } from "./dynamic-renderer-96ba4e48.js";
+import { getClassPropName as W } from "./get-class-prop-name-859a7f60.js";
+import "./blocks-exports.mjs";
+import "./server-entry-d46a218d.js";
+function R(t) {
+  var k;
+  const [c, A] = a(
     () => typeof t.space == "number" ? t.space || 0 : 20
-  ), [o, D] = s(() => t.columns || []), [m, F] = s(
+  ), [r, D] = a(() => t.columns || []), [m, F] = a(
     () => t.stackColumnsAt || "tablet"
   );
-  function y(e) {
-    var n;
-    return ((n = o[e]) == null ? void 0 : n.width) || 100 / o.length;
-  }
   function S(e) {
-    const n = c * (o.length - 1) / o.length;
-    return `calc(${y(e)}% - ${n}px)`;
+    var i;
+    return ((i = r[e]) == null ? void 0 : i.width) || 100 / r.length;
+  }
+  function x(e) {
+    const i = c * (r.length - 1) / r.length;
+    return `calc(${S(e)}% - ${i}px)`;
   }
-  function a({
+  function s({
     stackedStyle: e,
-    desktopStyle: n
+    desktopStyle: i
   }) {
-    return m === "tablet" ? e : n;
+    return m === "tablet" ? e : i;
   }
   function d({
     stackedStyle: e,
-    desktopStyle: n
+    desktopStyle: i
   }) {
-    return m === "never" ? n : e;
+    return m === "never" ? i : e;
   }
-  const [u, N] = s(
+  const [u, N] = a(
     () => t.stackColumnsAt === "never" ? "row" : t.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function x() {
+  function C() {
     return {
       "--flex-dir": u,
-      "--flex-dir-tablet": a({
+      "--flex-dir-tablet": s({
         stackedStyle: u,
         desktopStyle: "row"
       })
     };
   }
-  function C(e) {
-    const n = e === 0 ? 0 : c, i = S(e), l = `${n}px`, k = "100%", h = 0;
+  function p(e) {
+    const i = e === 0 ? 0 : c, n = x(e), l = `${i}px`, f = "100%", h = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: i,
+      width: n,
       ["marginLeft"]: l,
       "--column-width-mobile": d({
-        stackedStyle: k,
-        desktopStyle: i
+        stackedStyle: f,
+        desktopStyle: n
       }),
       "--column-margin-left-mobile": d({
         stackedStyle: h,
         desktopStyle: l
       }),
-      "--column-width-tablet": a({
-        stackedStyle: k,
-        desktopStyle: i
+      "--column-width-tablet": s({
+        stackedStyle: f,
+        desktopStyle: n
       }),
-      "--column-margin-left-tablet": a({
+      "--column-margin-left-tablet": s({
         stackedStyle: h,
         desktopStyle: l
       })
     };
   }
   function b(e) {
-    var i, l;
+    var n, l;
     return z(
-      ((l = (i = t.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
+      ((l = (n = t.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : l.breakpoints) || {}
     )[e].max;
   }
-  function p() {
+  function v() {
     return `
         @media (max-width: ${b("medium")}px) {
           .${t.builderBlock.id}-breakpoints {
@@ -104,15 +105,15 @@ function O(t) {
         },
       `;
   }
-  return /* @__PURE__ */ g(v, { children: [
+  return /* @__PURE__ */ g(y, { children: [
     /* @__PURE__ */ g(
       "div",
       {
-        className: `builder-columns ${t.builderBlock.id}-breakpoints div-003f4b1c`,
-        style: x(),
+        className: `builder-columns ${t.builderBlock.id}-breakpoints div-7a098ce6`,
+        style: C(),
         children: [
-          /* @__PURE__ */ r(w, { id: "builderio-columns", styles: p() }),
-          (f = t.columns) == null ? void 0 : f.map((e, n) => /* @__PURE__ */ r(
+          /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(w, { id: "builderio-columns", styles: v() }) }),
+          (k = t.columns) == null ? void 0 : k.map((e, i) => /* @__PURE__ */ o(
             L,
             {
               TagName: e.link ? t.builderLinkComponent || "a" : "div",
@@ -122,12 +123,12 @@ function O(t) {
                   href: e.link
                 } : {},
                 [W()]: "builder-column",
-                style: $(C(n))
+                style: $(p(i))
               },
-              children: /* @__PURE__ */ r(
+              children: /* @__PURE__ */ o(
                 B,
                 {
-                  path: `component.options.columns.${n}.blocks`,
+                  path: `component.options.columns.${i}.blocks`,
                   parent: t.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -139,17 +140,17 @@ function O(t) {
                 }
               )
             },
-            n
+            i
           ))
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-003f4b1c {
+    /* @__PURE__ */ o("style", { children: `.div-7a098ce6 {
   display: flex;
   line-height: normal;
 }` })
   ] });
 }
 export {
-  O as default
+  R as default
 };

package/lib/edge/columns-88c413d0.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),a=require("./blocks-0397d1b3.cjs"),w=require("./dynamic-renderer-1c9f24c0.cjs"),$=require("./get-class-prop-name-f1301669.cjs");require("./blocks-exports.cjs");require("./server-entry-00891f33.cjs");function j(e){var f;const[u,p]=s.useState(()=>typeof e.space=="number"?e.space||0:20),[o,B]=s.useState(()=>e.columns||[]),[d,q]=s.useState(()=>e.stackColumnsAt||"tablet");function S(t){var n;return((n=o[t])==null?void 0:n.width)||100/o.length}function y(t){const n=u*(o.length-1)/o.length;return`calc(${S(t)}% - ${n}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,z]=s.useState(()=>e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column");function x(){return{"--flex-dir":b,"--flex-dir-tablet":c({stackedStyle:b,desktopStyle:"row"})}}function C(t){const n=t===0?0:u,l=y(t),r=`${n}px`,g="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:g,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:g,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}}function k(t){var l,r;return a.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max}function v(){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;
+          }
+        },
+      `}return i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-7a098ce6`,style:x(),children:[i.jsx(i.Fragment,{children:i.jsx(a.InlinedStyles,{id:"builderio-columns",styles:v()})}),(f=e.columns)==null?void 0:f.map((t,n)=>i.jsx(w.DynamicRenderer,{TagName:t.link?e.builderLinkComponent||"a":"div",actionAttributes:{},attributes:{...t.link?{href:t.link}:{},[$.getClassPropName()]:"builder-column",style:a.mapStyleObjToStrIfNeeded(C(n))},children:i.jsx(a.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))]}),i.jsx("style",{children:`.div-7a098ce6 {
+  display: flex;
+  line-height: normal;
+}`})]})}exports.default=j;