@builder.io/sdk-react 1.0.23 → 1.0.24

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-c4b7844d.cjs");const t=e.lazy(()=>Promise.resolve().then(()=>require("./button-7e98d8f3.cjs"))),r=e.lazy(()=>Promise.resolve().then(()=>require("./columns-8db639b5.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),s=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-dbb5c95e.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./video-e20dcbbc.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-5539f58f.cjs")).then(o=>o.blocks)),m=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-44d061f2.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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");require("./server-entry-95f97e05.cjs");const t=e.lazy(()=>Promise.resolve().then(()=>require("./button-aff4f652.cjs"))),r=e.lazy(()=>Promise.resolve().then(()=>require("./columns-8dca796d.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./image-764070f8.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-c9d45cc8.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./video-e20dcbbc.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-59950370.cjs")).then(o=>o.blocks)),m=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-e79859ac.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,7 +1,7 @@
 "use client";
 import { lazy as t, createContext as n } from "react";
-import "./server-entry-e1e18fd2.js";
-const i = t(() => import("./button-8816ab35.js")), r = t(() => import("./columns-d065e3c4.js")), a = t(() => import("./fragment-1492bc7f.js")), c = t(() => import("./image-0008c792.js")), m = t(() => import("./section-d83e2dd3.js")), p = t(() => import("./symbol-a90a41a3.js")), l = t(() => import("./text-5915f038.js")), u = t(() => import("./video-58c2cc8d.js")), d = t(() => import("./blocks-93608689.js").then((o) => o.blocks)), x = t(() => import("./content-variants-f416bff5.js")), S = n({
+import "./server-entry-bbf65248.js";
+const i = t(() => import("./button-8a6ae666.js")), r = t(() => import("./columns-0768e506.js")), a = t(() => import("./fragment-1492bc7f.js")), c = t(() => import("./image-9d24a962.js")), m = t(() => import("./section-d83e2dd3.js")), p = t(() => import("./symbol-853c210f.js")), l = t(() => import("./text-5915f038.js")), u = t(() => import("./video-58c2cc8d.js")), d = t(() => import("./blocks-e6873db2.js").then((o) => o.blocks)), x = t(() => import("./content-variants-c8061bc0.js")), S = n({
   content: null,
   context: {},
   localState: void 0,

package/lib/edge/button-8a6ae666.js

@@ -0,0 +1,31 @@
+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-a023381f.js";
+import "./server-entry-bbf65248.js";
+function b(t) {
+  function e() {
+    return {
+      ...t.attributes,
+      [n()]: `${t.link ? "" : "builder-button"} ${t.attributes[n()] || ""}`,
+      ...t.link ? {
+        href: t.link,
+        target: t.openLinkInNewTab ? "_blank" : void 0,
+        role: "link"
+      } : {
+        role: "button"
+      }
+    };
+  }
+  return /* @__PURE__ */ i(
+    r,
+    {
+      attributes: e(),
+      TagName: t.link ? t.builderLinkComponent || "a" : "button",
+      actionAttributes: {},
+      children: t.text
+    }
+  );
+}
+export {
+  b as default
+};

package/lib/edge/button-aff4f652.cjs

@@ -0,0 +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-a966a097.cjs");require("./server-entry-95f97e05.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-0768e506.js

@@ -0,0 +1,163 @@
+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-e6873db2.js";
+import { DynamicRenderer as N } from "./dynamic-renderer-8b343325.js";
+import { getClassPropName as D } from "./get-class-prop-name-a023381f.js";
+import "./blocks-exports.mjs";
+import "./server-entry-bbf65248.js";
+const F = (e) => `builder-columns ${e}-breakpoints`;
+function J(e) {
+  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"
+  );
+  function S(t) {
+    return t.link ? e.builderLinkComponent || "a" : "div";
+  }
+  function x(t) {
+    var n;
+    return ((n = o[t]) == null ? void 0 : n.width) || 100 / o.length;
+  }
+  function C(t) {
+    const n = c * (o.length - 1) / o.length;
+    return `calc(${x(t)}% - ${n}px)`;
+  }
+  function a({
+    stackedStyle: t,
+    desktopStyle: n
+  }) {
+    return m === "tablet" ? t : n;
+  }
+  function u({
+    stackedStyle: t,
+    desktopStyle: n
+  }) {
+    return m === "never" ? n : t;
+  }
+  const [d, P] = s(
+    () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
+  );
+  function p() {
+    return {
+      "--flex-dir": d,
+      "--flex-dir-tablet": a({
+        stackedStyle: d,
+        desktopStyle: "row"
+      })
+    };
+  }
+  function v(t) {
+    const n = t === 0 ? 0 : c, i = C(t), l = `${n}px`, g = "100%", h = 0;
+    return {
+      ...{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      },
+      width: i,
+      ["marginLeft"]: l,
+      "--column-width-mobile": u({
+        stackedStyle: g,
+        desktopStyle: i
+      }),
+      "--column-margin-left-mobile": u({
+        stackedStyle: h,
+        desktopStyle: l
+      }),
+      "--column-width-tablet": a({
+        stackedStyle: g,
+        desktopStyle: i
+      }),
+      "--column-margin-left-tablet": a({
+        stackedStyle: h,
+        desktopStyle: l
+      })
+    };
+  }
+  function b(t) {
+    var i, l;
+    return W(
+      ((l = (i = e.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
+    )[t].max;
+  }
+  function w() {
+    return `
+        @media (max-width: ${b("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: ${b("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 $(t, n) {
+    return {
+      ...t.link ? {
+        href: t.link
+      } : {},
+      [D()]: "builder-column",
+      style: L(v(n))
+    };
+  }
+  return /* @__PURE__ */ y(B, { children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: F((f = e.builderBlock) == null ? void 0 : f.id) + " div-00cb97e2",
+        style: p(),
+        children: [
+          /* @__PURE__ */ r(z, { id: "builderio-columns", styles: w() }),
+          (k = e.columns) == null ? void 0 : k.map((t, n) => /* @__PURE__ */ r(
+            N,
+            {
+              TagName: S(t),
+              actionAttributes: {},
+              attributes: $(t, n),
+              children: /* @__PURE__ */ r(
+                A,
+                {
+                  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
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("style", { children: `.div-00cb97e2 {
+  display: flex;
+  line-height: normal;
+}` })
+  ] });
+}
+export {
+  J as default
+};

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