@builder.io/sdk-qwik 0.17.2 → 0.17.6

package/lib/browser/blocks/accordion/accordion.qwik.cjs

@@ -207,8 +207,8 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
           }
         }, 3, "hf_1"), 1, "hf_2") : null
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
+    }, 1, index);
+  }), 1, "hf_3");
 }, "Accordion_component_jkuUCHm0nt0"));
 exports.Accordion = Accordion;
 exports.default = Accordion;

package/lib/browser/blocks/accordion/accordion.qwik.mjs

@@ -205,8 +205,8 @@ const Accordion = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
           }
         }, 3, "hf_1"), 1, "hf_2") : null
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
+    }, 1, index);
+  }), 1, "hf_3");
 }, "Accordion_component_jkuUCHm0nt0"));
 export {
   Accordion,

package/lib/browser/blocks/columns/columns.qwik.cjs

@@ -168,11 +168,6 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
           get parent() {
             return props.builderBlock.id;
           },
-          get styleProp() {
-            return {
-              flexGrow: "1"
-            };
-          },
           get context() {
             return props.builderContext;
           },
@@ -183,6 +178,11 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
             return props.builderLinkComponent;
           },
           blocks: deopt.deoptSignal(column.blocks),
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
           [qwik._IMMUTABLE]: {
             context: qwik._fnSignal((p0) => p0.builderContext, [
               props

package/lib/browser/blocks/columns/columns.qwik.mjs

@@ -166,11 +166,6 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           get parent() {
             return props.builderBlock.id;
           },
-          get styleProp() {
-            return {
-              flexGrow: "1"
-            };
-          },
           get context() {
             return props.builderContext;
           },
@@ -181,6 +176,11 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
             return props.builderLinkComponent;
           },
           blocks: deoptSignal(column.blocks),
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
           [_IMMUTABLE]: {
             context: _fnSignal((p0) => p0.builderContext, [
               props

package/lib/browser/blocks/form/form/form.qwik.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
-const block = require("../../../components/block/block.qwik.cjs");
 const blocks = require("../../../components/blocks/blocks.qwik.cjs");
 const getEnv = require("../../../functions/get-env.qwik.cjs");
 const get = require("../../../functions/get.qwik.cjs");
@@ -172,7 +171,6 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
   }
 };
 const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a;
   qwik._jsxBranch();
   qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = qwik.useSignal();
@@ -188,31 +186,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     ref: formRef,
     ...props.attributes,
     children: [
-      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block$1, idx) => {
-        return /* @__PURE__ */ qwik._jsxC(block.Block, {
-          block: block$1,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            context: qwik._fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
-      }) : null,
+      /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0n_0"),
       submissionState(props, state) === "error" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "errorMessage",
         get blocks() {
@@ -230,7 +204,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_0") : null,
+      }, 3, "0n_1") : null,
       submissionState(props, state) === "sending" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "sendingMessage",
         get blocks() {
@@ -248,10 +222,10 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_1") : null,
+      }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ qwik._jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "successMessage",
         get blocks() {
@@ -269,7 +243,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_3") : null
+      }, 3, "0n_4") : null
     ],
     onSubmit$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
       const [formRef2, props2, state2] = qwik.useLexicalScope();
@@ -290,7 +264,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     validate: qwik._fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
-  }, 0, "0n_4");
+  }, 0, "0n_5");
 }, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {

package/lib/browser/blocks/form/form/form.qwik.mjs

@@ -1,5 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
-import { Block } from "../../../components/block/block.qwik.mjs";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, Slot, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
 import { Blocks } from "../../../components/blocks/blocks.qwik.mjs";
 import { getEnv } from "../../../functions/get-env.qwik.mjs";
 import { get } from "../../../functions/get.qwik.mjs";
@@ -170,7 +169,6 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
   }
 };
 const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
   _jsxBranch();
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = useSignal();
@@ -186,31 +184,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ref: formRef,
     ...props.attributes,
     children: [
-      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block, idx) => {
-        return /* @__PURE__ */ _jsxC(Block, {
-          block,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [_IMMUTABLE]: {
-            context: _fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
-      }) : null,
+      /* @__PURE__ */ _jsxC(Slot, null, 3, "0n_0"),
       submissionState(props, state) === "error" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "errorMessage",
         get blocks() {
@@ -228,7 +202,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_0") : null,
+      }, 3, "0n_1") : null,
       submissionState(props, state) === "sending" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "sendingMessage",
         get blocks() {
@@ -246,10 +220,10 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_1") : null,
+      }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "successMessage",
         get blocks() {
@@ -267,7 +241,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_3") : null
+      }, 3, "0n_4") : null
     ],
     onSubmit$: /* @__PURE__ */ inlinedQrl((event) => {
       const [formRef2, props2, state2] = useLexicalScope();
@@ -288,7 +262,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     validate: _fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
-  }, 0, "0n_4");
+  }, 0, "0n_5");
 }, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {

package/lib/browser/blocks/image/image.qwik.cjs

@@ -53,8 +53,6 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [

package/lib/browser/blocks/image/image.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
 import { getSrcSet } from "./image.helpers.qwik.mjs";
 const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f;
@@ -51,8 +51,6 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [

package/lib/browser/blocks/video/video.qwik.cjs

@@ -55,7 +55,6 @@ const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
         objectPosition: props.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...props.aspectRatio ? {
           position: "absolute"

package/lib/browser/blocks/video/video.qwik.mjs

@@ -53,7 +53,6 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         objectPosition: props.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...props.aspectRatio ? {
           position: "absolute"

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.2";
+const SDK_VERSION = "0.17.6";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.2";
+const SDK_VERSION = "0.17.6";
 export {
   SDK_VERSION
 };

package/lib/edge/blocks/accordion/accordion.qwik.cjs

@@ -207,8 +207,8 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
           }
         }, 3, "hf_1"), 1, "hf_2") : null
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
+    }, 1, index);
+  }), 1, "hf_3");
 }, "Accordion_component_jkuUCHm0nt0"));
 exports.Accordion = Accordion;
 exports.default = Accordion;

package/lib/edge/blocks/accordion/accordion.qwik.mjs

@@ -205,8 +205,8 @@ const Accordion = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
           }
         }, 3, "hf_1"), 1, "hf_2") : null
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
+    }, 1, index);
+  }), 1, "hf_3");
 }, "Accordion_component_jkuUCHm0nt0"));
 export {
   Accordion,

package/lib/edge/blocks/columns/columns.qwik.cjs

@@ -168,11 +168,6 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
           get parent() {
             return props.builderBlock.id;
           },
-          get styleProp() {
-            return {
-              flexGrow: "1"
-            };
-          },
           get context() {
             return props.builderContext;
           },
@@ -183,6 +178,11 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
             return props.builderLinkComponent;
           },
           blocks: deopt.deoptSignal(column.blocks),
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
           [qwik._IMMUTABLE]: {
             context: qwik._fnSignal((p0) => p0.builderContext, [
               props

package/lib/edge/blocks/columns/columns.qwik.mjs

@@ -166,11 +166,6 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           get parent() {
             return props.builderBlock.id;
           },
-          get styleProp() {
-            return {
-              flexGrow: "1"
-            };
-          },
           get context() {
             return props.builderContext;
           },
@@ -181,6 +176,11 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
             return props.builderLinkComponent;
           },
           blocks: deoptSignal(column.blocks),
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
           [_IMMUTABLE]: {
             context: _fnSignal((p0) => p0.builderContext, [
               props

package/lib/edge/blocks/form/form/form.qwik.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
-const block = require("../../../components/block/block.qwik.cjs");
 const blocks = require("../../../components/blocks/blocks.qwik.cjs");
 const getEnv = require("../../../functions/get-env.qwik.cjs");
 const get = require("../../../functions/get.qwik.cjs");
@@ -172,7 +171,6 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
   }
 };
 const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a;
   qwik._jsxBranch();
   qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = qwik.useSignal();
@@ -188,31 +186,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     ref: formRef,
     ...props.attributes,
     children: [
-      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block$1, idx) => {
-        return /* @__PURE__ */ qwik._jsxC(block.Block, {
-          block: block$1,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            context: qwik._fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
-      }) : null,
+      /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0n_0"),
       submissionState(props, state) === "error" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "errorMessage",
         get blocks() {
@@ -230,7 +204,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_0") : null,
+      }, 3, "0n_1") : null,
       submissionState(props, state) === "sending" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "sendingMessage",
         get blocks() {
@@ -248,10 +222,10 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_1") : null,
+      }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ qwik._jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "successMessage",
         get blocks() {
@@ -269,7 +243,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_3") : null
+      }, 3, "0n_4") : null
     ],
     onSubmit$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
       const [formRef2, props2, state2] = qwik.useLexicalScope();
@@ -290,7 +264,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     validate: qwik._fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
-  }, 0, "0n_4");
+  }, 0, "0n_5");
 }, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {

package/lib/edge/blocks/form/form/form.qwik.mjs

@@ -1,5 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
-import { Block } from "../../../components/block/block.qwik.mjs";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, Slot, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
 import { Blocks } from "../../../components/blocks/blocks.qwik.mjs";
 import { getEnv } from "../../../functions/get-env.qwik.mjs";
 import { get } from "../../../functions/get.qwik.mjs";
@@ -170,7 +169,6 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
   }
 };
 const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
   _jsxBranch();
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = useSignal();
@@ -186,31 +184,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ref: formRef,
     ...props.attributes,
     children: [
-      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block, idx) => {
-        return /* @__PURE__ */ _jsxC(Block, {
-          block,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [_IMMUTABLE]: {
-            context: _fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
-      }) : null,
+      /* @__PURE__ */ _jsxC(Slot, null, 3, "0n_0"),
       submissionState(props, state) === "error" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "errorMessage",
         get blocks() {
@@ -228,7 +202,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_0") : null,
+      }, 3, "0n_1") : null,
       submissionState(props, state) === "sending" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "sendingMessage",
         get blocks() {
@@ -246,10 +220,10 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_1") : null,
+      }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "successMessage",
         get blocks() {
@@ -267,7 +241,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_3") : null
+      }, 3, "0n_4") : null
     ],
     onSubmit$: /* @__PURE__ */ inlinedQrl((event) => {
       const [formRef2, props2, state2] = useLexicalScope();
@@ -288,7 +262,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     validate: _fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
-  }, 0, "0n_4");
+  }, 0, "0n_5");
 }, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {

package/lib/edge/blocks/image/image.qwik.cjs

@@ -53,8 +53,6 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [

package/lib/edge/blocks/image/image.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
 import { getSrcSet } from "./image.helpers.qwik.mjs";
 const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f;
@@ -51,8 +51,6 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [

package/lib/edge/blocks/video/video.qwik.cjs

@@ -55,7 +55,6 @@ const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
         objectPosition: props.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...props.aspectRatio ? {
           position: "absolute"

package/lib/edge/blocks/video/video.qwik.mjs

@@ -53,7 +53,6 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         objectPosition: props.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...props.aspectRatio ? {
           position: "absolute"

package/lib/edge/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.2";
+const SDK_VERSION = "0.17.6";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/edge/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.2";
+const SDK_VERSION = "0.17.6";
 export {
   SDK_VERSION
 };

package/lib/node/blocks/accordion/accordion.qwik.cjs

@@ -207,8 +207,8 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
           }
         }, 3, "hf_1"), 1, "hf_2") : null
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
+    }, 1, index);
+  }), 1, "hf_3");
 }, "Accordion_component_jkuUCHm0nt0"));
 exports.Accordion = Accordion;
 exports.default = Accordion;

package/lib/node/blocks/accordion/accordion.qwik.mjs

@@ -205,8 +205,8 @@ const Accordion = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
           }
         }, 3, "hf_1"), 1, "hf_2") : null
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
+    }, 1, index);
+  }), 1, "hf_3");
 }, "Accordion_component_jkuUCHm0nt0"));
 export {
   Accordion,

package/lib/node/blocks/columns/columns.qwik.cjs

@@ -168,11 +168,6 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
           get parent() {
             return props.builderBlock.id;
           },
-          get styleProp() {
-            return {
-              flexGrow: "1"
-            };
-          },
           get context() {
             return props.builderContext;
           },
@@ -183,6 +178,11 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
             return props.builderLinkComponent;
           },
           blocks: deopt.deoptSignal(column.blocks),
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
           [qwik._IMMUTABLE]: {
             context: qwik._fnSignal((p0) => p0.builderContext, [
               props

package/lib/node/blocks/columns/columns.qwik.mjs

@@ -166,11 +166,6 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           get parent() {
             return props.builderBlock.id;
           },
-          get styleProp() {
-            return {
-              flexGrow: "1"
-            };
-          },
           get context() {
             return props.builderContext;
           },
@@ -181,6 +176,11 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
             return props.builderLinkComponent;
           },
           blocks: deoptSignal(column.blocks),
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
           [_IMMUTABLE]: {
             context: _fnSignal((p0) => p0.builderContext, [
               props

package/lib/node/blocks/form/form/form.qwik.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
-const block = require("../../../components/block/block.qwik.cjs");
 const blocks = require("../../../components/blocks/blocks.qwik.cjs");
 const getEnv = require("../../../functions/get-env.qwik.cjs");
 const get = require("../../../functions/get.qwik.cjs");
@@ -172,7 +171,6 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
   }
 };
 const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a;
   qwik._jsxBranch();
   qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = qwik.useSignal();
@@ -188,31 +186,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     ref: formRef,
     ...props.attributes,
     children: [
-      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block$1, idx) => {
-        return /* @__PURE__ */ qwik._jsxC(block.Block, {
-          block: block$1,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            context: qwik._fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
-      }) : null,
+      /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0n_0"),
       submissionState(props, state) === "error" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "errorMessage",
         get blocks() {
@@ -230,7 +204,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_0") : null,
+      }, 3, "0n_1") : null,
       submissionState(props, state) === "sending" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "sendingMessage",
         get blocks() {
@@ -248,10 +222,10 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_1") : null,
+      }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ qwik._jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "successMessage",
         get blocks() {
@@ -269,7 +243,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
           ], "p0.builderContext"),
           path: qwik._IMMUTABLE
         }
-      }, 3, "0n_3") : null
+      }, 3, "0n_4") : null
     ],
     onSubmit$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
       const [formRef2, props2, state2] = qwik.useLexicalScope();
@@ -290,7 +264,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     validate: qwik._fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
-  }, 0, "0n_4");
+  }, 0, "0n_5");
 }, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {

package/lib/node/blocks/form/form/form.qwik.mjs

@@ -1,5 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
-import { Block } from "../../../components/block/block.qwik.mjs";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, Slot, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
 import { Blocks } from "../../../components/blocks/blocks.qwik.mjs";
 import { getEnv } from "../../../functions/get-env.qwik.mjs";
 import { get } from "../../../functions/get.qwik.mjs";
@@ -170,7 +169,6 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
   }
 };
 const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
   _jsxBranch();
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = useSignal();
@@ -186,31 +184,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ref: formRef,
     ...props.attributes,
     children: [
-      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block, idx) => {
-        return /* @__PURE__ */ _jsxC(Block, {
-          block,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [_IMMUTABLE]: {
-            context: _fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
-      }) : null,
+      /* @__PURE__ */ _jsxC(Slot, null, 3, "0n_0"),
       submissionState(props, state) === "error" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "errorMessage",
         get blocks() {
@@ -228,7 +202,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_0") : null,
+      }, 3, "0n_1") : null,
       submissionState(props, state) === "sending" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "sendingMessage",
         get blocks() {
@@ -246,10 +220,10 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_1") : null,
+      }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "successMessage",
         get blocks() {
@@ -267,7 +241,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
           ], "p0.builderContext"),
           path: _IMMUTABLE
         }
-      }, 3, "0n_3") : null
+      }, 3, "0n_4") : null
     ],
     onSubmit$: /* @__PURE__ */ inlinedQrl((event) => {
       const [formRef2, props2, state2] = useLexicalScope();
@@ -288,7 +262,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     validate: _fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
-  }, 0, "0n_4");
+  }, 0, "0n_5");
 }, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {

package/lib/node/blocks/image/image.qwik.cjs

@@ -53,8 +53,6 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [

package/lib/node/blocks/image/image.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
 import { getSrcSet } from "./image.helpers.qwik.mjs";
 const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f;
@@ -51,8 +51,6 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [

package/lib/node/blocks/video/video.qwik.cjs

@@ -55,7 +55,6 @@ const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
         objectPosition: props.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...props.aspectRatio ? {
           position: "absolute"

package/lib/node/blocks/video/video.qwik.mjs

@@ -53,7 +53,6 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         objectPosition: props.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...props.aspectRatio ? {
           position: "absolute"

package/lib/node/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.2";
+const SDK_VERSION = "0.17.6";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/node/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.2";
+const SDK_VERSION = "0.17.6";
 export {
   SDK_VERSION
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.17.2",
+  "version": "0.17.6",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",
@@ -119,7 +119,7 @@
     "@builder.io/sdks": "workspace:*",
     "@types/node": "latest",
     "typescript": "5.5.2",
-    "vite": "^4.3.2"
+    "vite": "^4.5.6"
   },
   "peerDependencies": {
     "@builder.io/qwik": ">=1.0.0"

package/types/src/blocks/form/form/form.d.ts

@@ -24,6 +24,7 @@ export type FormProps = BuilderDataProps & BuilderComponentsProp & BuilderLinkCo
     sendingMessage?: BuilderBlock[];
     resetFormOnSubmit?: boolean;
     errorMessagePath?: string;
+    children?: any;
 };
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.2";
+export declare const SDK_VERSION = "0.17.6";

package/types/src/types/builder-content.d.ts

@@ -33,6 +33,7 @@ export interface BuilderContent extends BuilderContentVariation {
     published?: 'published' | 'draft' | 'archived';
     modelId?: string;
     priority?: number;
+    firstPublished?: number;
     lastUpdated?: number;
     startDate?: number;
     endDate?: number;

package/types/src/types/components.d.ts

@@ -122,7 +122,7 @@ export interface ComponentInfo {
         /**
          * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
          *
-         * Defaults to `true`.
+         * Defaults to `false`.
          */
         builderBlock?: boolean;
         /**
@@ -130,7 +130,7 @@ export interface ComponentInfo {
          * The Builder Context contains a lot of data relevant to the current `Content` render.
          * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
          *
-         * Defaults to `true`.
+         * Defaults to `false`.
          */
         builderContext?: boolean;
         /**

package/types/src/types/input.d.ts

@@ -19,6 +19,16 @@ export 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
      *