@builder.io/sdk-solid 3.0.2 → 3.0.3

package/dist/index.d.ts

@@ -124,6 +124,16 @@ interface Input {
     /** @hidden */
     autoFocus?: boolean;
     subFields?: Input[];
+    /**
+     * When input is of `type` `object`, use this field to collapse multiple inputs
+     * in the Visual Editor by default and preserve screen space.
+     */
+    folded?: boolean;
+    /**
+     * When input is of `type` `object`, provide guidance in the Visual Editor
+     * on how to edit this object's contents.
+     */
+    keysHelperText?: string;
     /**
      * Additional text to render in the UI to give guidance on how to use this
      *
@@ -263,6 +273,7 @@ interface BuilderContent extends BuilderContentVariation {
     published?: 'published' | 'draft' | 'archived';
     modelId?: string;
     priority?: number;
+    firstPublished?: number;
     lastUpdated?: number;
     startDate?: number;
     endDate?: number;

package/lib/browser/dev.js

@@ -1616,7 +1616,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1659,7 +1659,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-5b6a86b6";
+      return className() + " dynamic-3c4beb0c";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -1758,7 +1758,7 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`);
@@ -1887,7 +1887,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
+        return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
       },
       get style() {
         return columnsCssVars();
@@ -2012,16 +2012,16 @@ function getSrcSet(url) {
 // src/blocks/image/image.tsx
 var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
 var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-070d7e88">`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-070d7e88-2>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-070d7e88 {
+var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
+var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -2086,7 +2086,7 @@ function Image(props) {
       }
     }), _el$3);
     effect((_p$) => {
-      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
+      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
@@ -3902,9 +3902,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-6210236e">`);
+var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-6210236e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4878,7 +4878,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/browser/dev.jsx

@@ -1499,7 +1499,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-5b6a86b6"}
+      class={className() + " dynamic-3c4beb0c"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -1511,7 +1511,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-5b6a86b6 {
+    <style>{`.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1676,7 +1676,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1705,7 +1705,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-2ac94efa {
+    <style>{`.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -1817,7 +1817,7 @@ function Image(props) {
       <picture>
         <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
         <img
-          class={"builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88"}
+          class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
           loading={props.highPriority ? "eager" : "lazy"}
           fetchpriority={props.highPriority ? "high" : "auto"}
           alt={props.altText}
@@ -1835,22 +1835,22 @@ function Image(props) {
       <Show8
         when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
       ><div
-        class="builder-image-sizer div-070d7e88"
+        class="builder-image-sizer div-56e07140"
         style={{
           "padding-top": props.aspectRatio * 100 + "%"
         }}
       /></Show8>
       <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
-      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-070d7e88-2">{props.children}</div></Show8>
+      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
     </>
-    <style>{`.img-070d7e88 {
+    <style>{`.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -3757,14 +3757,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show11>
-      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-6210236e">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
+      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
       <Show11 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show11>
     </form>
-    <style>{`.pre-6210236e {
+    <style>{`.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4356,7 +4356,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/browser/index.js

@@ -1607,7 +1607,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1650,7 +1650,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-5b6a86b6";
+      return className() + " dynamic-3c4beb0c";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -1749,7 +1749,7 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`);
@@ -1878,7 +1878,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
+        return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
       },
       get style() {
         return columnsCssVars();
@@ -2003,16 +2003,16 @@ function getSrcSet(url) {
 // src/blocks/image/image.tsx
 var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
 var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-070d7e88">`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-070d7e88-2>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-070d7e88 {
+var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
+var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -2076,7 +2076,7 @@ function Image(props) {
       }
     }), _el$3);
     effect((_p$) => {
-      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
+      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
@@ -3889,9 +3889,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-6210236e">`);
+var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-6210236e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4865,7 +4865,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/browser/index.jsx

@@ -1492,7 +1492,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-5b6a86b6"}
+      class={className() + " dynamic-3c4beb0c"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -1504,7 +1504,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-5b6a86b6 {
+    <style>{`.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1669,7 +1669,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1698,7 +1698,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-2ac94efa {
+    <style>{`.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -1809,7 +1809,7 @@ function Image(props) {
       <picture>
         <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
         <img
-          class={"builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88"}
+          class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
           loading={props.highPriority ? "eager" : "lazy"}
           fetchpriority={props.highPriority ? "high" : "auto"}
           alt={props.altText}
@@ -1827,22 +1827,22 @@ function Image(props) {
       <Show8
         when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
       ><div
-        class="builder-image-sizer div-070d7e88"
+        class="builder-image-sizer div-56e07140"
         style={{
           "padding-top": props.aspectRatio * 100 + "%"
         }}
       /></Show8>
       <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
-      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-070d7e88-2">{props.children}</div></Show8>
+      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
     </>
-    <style>{`.img-070d7e88 {
+    <style>{`.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -3746,14 +3746,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show11>
-      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-6210236e">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
+      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
       <Show11 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show11>
     </form>
-    <style>{`.pre-6210236e {
+    <style>{`.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4345,7 +4345,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/dev.js

@@ -4797,7 +4797,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4840,7 +4840,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-5b6a86b6";
+      return className() + " dynamic-3c4beb0c";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -4939,7 +4939,7 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`);
@@ -5068,7 +5068,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
+        return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
       },
       get style() {
         return columnsCssVars();
@@ -5193,16 +5193,16 @@ function getSrcSet(url) {
 // src/blocks/image/image.tsx
 var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
 var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-070d7e88">`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-070d7e88-2>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-070d7e88 {
+var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
+var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -5267,7 +5267,7 @@ function Image(props) {
       }
     }), _el$3);
     effect((_p$) => {
-      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
+      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
@@ -7083,9 +7083,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-6210236e">`);
+var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-6210236e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -8059,7 +8059,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/dev.jsx

@@ -4682,7 +4682,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-5b6a86b6"}
+      class={className() + " dynamic-3c4beb0c"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -4694,7 +4694,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-5b6a86b6 {
+    <style>{`.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4859,7 +4859,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4888,7 +4888,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-2ac94efa {
+    <style>{`.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -5000,7 +5000,7 @@ function Image(props) {
       <picture>
         <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
         <img
-          class={"builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88"}
+          class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
           loading={props.highPriority ? "eager" : "lazy"}
           fetchpriority={props.highPriority ? "high" : "auto"}
           alt={props.altText}
@@ -5018,22 +5018,22 @@ function Image(props) {
       <Show8
         when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
       ><div
-        class="builder-image-sizer div-070d7e88"
+        class="builder-image-sizer div-56e07140"
         style={{
           "padding-top": props.aspectRatio * 100 + "%"
         }}
       /></Show8>
       <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
-      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-070d7e88-2">{props.children}</div></Show8>
+      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
     </>
-    <style>{`.img-070d7e88 {
+    <style>{`.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -6940,14 +6940,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show11>
-      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-6210236e">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
+      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
       <Show11 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show11>
     </form>
-    <style>{`.pre-6210236e {
+    <style>{`.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -7539,7 +7539,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/index.js

@@ -4788,7 +4788,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4831,7 +4831,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-5b6a86b6";
+      return className() + " dynamic-3c4beb0c";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -4930,7 +4930,7 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`);
@@ -5059,7 +5059,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
+        return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
       },
       get style() {
         return columnsCssVars();
@@ -5184,16 +5184,16 @@ function getSrcSet(url) {
 // src/blocks/image/image.tsx
 var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
 var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-070d7e88">`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-070d7e88-2>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-070d7e88 {
+var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
+var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -5257,7 +5257,7 @@ function Image(props) {
       }
     }), _el$3);
     effect((_p$) => {
-      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
+      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
@@ -7070,9 +7070,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-6210236e">`);
+var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-6210236e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -8046,7 +8046,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/index.jsx

@@ -4675,7 +4675,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-5b6a86b6"}
+      class={className() + " dynamic-3c4beb0c"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -4687,7 +4687,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-5b6a86b6 {
+    <style>{`.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4852,7 +4852,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4881,7 +4881,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-2ac94efa {
+    <style>{`.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4992,7 +4992,7 @@ function Image(props) {
       <picture>
         <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
         <img
-          class={"builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88"}
+          class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
           loading={props.highPriority ? "eager" : "lazy"}
           fetchpriority={props.highPriority ? "high" : "auto"}
           alt={props.altText}
@@ -5010,22 +5010,22 @@ function Image(props) {
       <Show8
         when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
       ><div
-        class="builder-image-sizer div-070d7e88"
+        class="builder-image-sizer div-56e07140"
         style={{
           "padding-top": props.aspectRatio * 100 + "%"
         }}
       /></Show8>
       <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
-      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-070d7e88-2">{props.children}</div></Show8>
+      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
     </>
-    <style>{`.img-070d7e88 {
+    <style>{`.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -6929,14 +6929,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show11>
-      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-6210236e">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
+      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
       <Show11 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show11>
     </form>
-    <style>{`.pre-6210236e {
+    <style>{`.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -7528,7 +7528,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/dev.js

@@ -1785,7 +1785,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1828,7 +1828,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-5b6a86b6";
+      return className() + " dynamic-3c4beb0c";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -1927,7 +1927,7 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`);
@@ -2056,7 +2056,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
+        return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
       },
       get style() {
         return columnsCssVars();
@@ -2181,16 +2181,16 @@ function getSrcSet(url) {
 // src/blocks/image/image.tsx
 var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
 var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-070d7e88">`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-070d7e88-2>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-070d7e88 {
+var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
+var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -2255,7 +2255,7 @@ function Image(props) {
       }
     }), _el$3);
     effect((_p$) => {
-      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
+      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
@@ -4071,9 +4071,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-6210236e">`);
+var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-6210236e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -5047,7 +5047,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/dev.jsx

@@ -1670,7 +1670,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-5b6a86b6"}
+      class={className() + " dynamic-3c4beb0c"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -1682,7 +1682,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-5b6a86b6 {
+    <style>{`.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1847,7 +1847,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1876,7 +1876,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-2ac94efa {
+    <style>{`.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -1988,7 +1988,7 @@ function Image(props) {
       <picture>
         <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
         <img
-          class={"builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88"}
+          class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
           loading={props.highPriority ? "eager" : "lazy"}
           fetchpriority={props.highPriority ? "high" : "auto"}
           alt={props.altText}
@@ -2006,22 +2006,22 @@ function Image(props) {
       <Show8
         when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
       ><div
-        class="builder-image-sizer div-070d7e88"
+        class="builder-image-sizer div-56e07140"
         style={{
           "padding-top": props.aspectRatio * 100 + "%"
         }}
       /></Show8>
       <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
-      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-070d7e88-2">{props.children}</div></Show8>
+      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
     </>
-    <style>{`.img-070d7e88 {
+    <style>{`.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -3928,14 +3928,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show11>
-      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-6210236e">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
+      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
       <Show11 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show11>
     </form>
-    <style>{`.pre-6210236e {
+    <style>{`.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4527,7 +4527,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/index.js

@@ -1776,7 +1776,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1819,7 +1819,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-5b6a86b6";
+      return className() + " dynamic-3c4beb0c";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -1918,7 +1918,7 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`);
@@ -2047,7 +2047,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
+        return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
       },
       get style() {
         return columnsCssVars();
@@ -2172,16 +2172,16 @@ function getSrcSet(url) {
 // src/blocks/image/image.tsx
 var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
 var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-070d7e88">`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-070d7e88-2>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-070d7e88 {
+var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
+var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -2245,7 +2245,7 @@ function Image(props) {
       }
     }), _el$3);
     effect((_p$) => {
-      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
+      const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
         "object-position": props.backgroundPosition || "center",
         "object-fit": props.backgroundSize || "cover",
         ...aspectRatioCss()
@@ -4058,9 +4058,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-6210236e">`);
+var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-6210236e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -5034,7 +5034,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/index.jsx

@@ -1663,7 +1663,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-5b6a86b6"}
+      class={className() + " dynamic-3c4beb0c"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -1675,7 +1675,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-5b6a86b6 {
+    <style>{`.dynamic-3c4beb0c {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1840,7 +1840,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1869,7 +1869,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-2ac94efa {
+    <style>{`.div-3e5f33a4 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -1980,7 +1980,7 @@ function Image(props) {
       <picture>
         <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
         <img
-          class={"builder-image" + (props.className ? " " + props.className : "") + " img-070d7e88"}
+          class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
           loading={props.highPriority ? "eager" : "lazy"}
           fetchpriority={props.highPriority ? "high" : "auto"}
           alt={props.altText}
@@ -1998,22 +1998,22 @@ function Image(props) {
       <Show8
         when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
       ><div
-        class="builder-image-sizer div-070d7e88"
+        class="builder-image-sizer div-56e07140"
         style={{
           "padding-top": props.aspectRatio * 100 + "%"
         }}
       /></Show8>
       <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
-      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-070d7e88-2">{props.children}</div></Show8>
+      <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
     </>
-    <style>{`.img-070d7e88 {
+    <style>{`.img-56e07140 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-070d7e88 {
+}.div-56e07140 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-070d7e88-2 {
+}.div-56e07140-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -3917,14 +3917,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show11>
-      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-6210236e">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
+      <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
       <Show11 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show11>
     </form>
-    <style>{`.pre-6210236e {
+    <style>{`.pre-27d18614 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4516,7 +4516,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "3.0.2";
+var SDK_VERSION = "3.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "",
   "files": [
     "dist",