@builder.io/sdk-qwik 0.14.22 → 0.14.23

package/lib/browser/index.qwik.cjs

@@ -2085,1252 +2085,1252 @@ const handleABTesting = async ({ item, canTrack }) => {
   };
 };
 const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
-const componentInfo$h = {
-  name: "Core:Button",
-  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
-  defaultStyles: {
-    // TODO: make min width more intuitive and set one
-    appearance: "none",
-    paddingTop: "15px",
-    paddingBottom: "15px",
-    paddingLeft: "25px",
-    paddingRight: "25px",
-    backgroundColor: "#000000",
-    color: "white",
-    borderRadius: "4px",
-    textAlign: "center",
-    cursor: "pointer"
+const defaultTitle = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item title",
+  responsiveStyles: {
+    large: {
+      marginTop: "10px",
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      paddingBottom: "10px"
+    }
   },
-  inputs: [
-    {
-      name: "text",
-      type: "text",
-      defaultValue: "Click me!",
-      bubble: true
-    },
+  children: [
     {
-      name: "link",
-      type: "url",
-      bubble: true
-    },
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          textAlign: "left",
+          display: "flex",
+          flexDirection: "column"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "I am an accordion title. Click me!"
+        }
+      }
+    }
+  ]
+};
+const defaultDetail = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item detail",
+  responsiveStyles: {
+    large: {
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      marginTop: "10px",
+      paddingBottom: "10px"
+    }
+  },
+  children: [
     {
-      name: "openLinkInNewTab",
-      type: "boolean",
-      defaultValue: false,
-      friendlyName: "Open link in new tab"
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          paddingTop: "50px",
+          textAlign: "left",
+          display: "flex",
+          flexDirection: "column",
+          paddingBottom: "50px"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "I am an accordion detail, hello!"
+        }
+      }
     }
-  ],
-  static: true,
-  noWrap: true
+  ]
 };
-const componentInfo$g = {
-  // TODO: ways to statically preprocess JSON for references, functions, etc
-  name: "Columns",
-  isRSC: true,
+const componentInfo$h = {
+  name: "Builder:Accordion",
+  canHaveChildren: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
+  defaultStyles: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  },
   inputs: [
     {
-      name: "columns",
-      type: "array",
+      name: "items",
+      type: "list",
       broadcast: true,
       subFields: [
         {
-          name: "blocks",
-          type: "array",
+          name: "title",
+          type: "uiBlocks",
           hideFromUI: true,
           defaultValue: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto",
-                  minHeight: "20px",
-                  minWidth: "20px",
-                  overflow: "hidden"
-                }
-              },
-              component: {
-                name: "Image",
-                options: {
-                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                  backgroundPosition: "center",
-                  backgroundSize: "cover",
-                  aspectRatio: 0.7004048582995948
-                }
-              }
-            },
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto"
-                }
-              },
-              component: {
-                name: "Text",
-                options: {
-                  text: "<p>Enter some text...</p>"
-                }
-              }
-            }
+            defaultTitle
           ]
         },
         {
-          name: "width",
-          type: "number",
+          name: "detail",
+          type: "uiBlocks",
           hideFromUI: true,
-          helperText: "Width %, e.g. set to 50 to fill half of the space"
-        },
-        {
-          name: "link",
-          type: "url",
-          helperText: "Optionally set a url that clicking this column will link to"
+          defaultValue: [
+            defaultDetail
+          ]
         }
       ],
       defaultValue: [
         {
-          blocks: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto",
-                  minHeight: "20px",
-                  minWidth: "20px",
-                  overflow: "hidden"
-                }
-              },
-              component: {
-                name: "Image",
-                options: {
-                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                  backgroundPosition: "center",
-                  backgroundSize: "cover",
-                  aspectRatio: 0.7004048582995948
-                }
-              }
-            },
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto"
-                }
-              },
-              component: {
-                name: "Text",
-                options: {
-                  text: "<p>Enter some text...</p>"
-                }
-              }
-            }
+          title: [
+            defaultTitle
+          ],
+          detail: [
+            defaultDetail
           ]
         },
         {
-          blocks: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto",
-                  minHeight: "20px",
-                  minWidth: "20px",
-                  overflow: "hidden"
-                }
-              },
-              component: {
-                name: "Image",
-                options: {
-                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                  backgroundPosition: "center",
-                  backgroundSize: "cover",
-                  aspectRatio: 0.7004048582995948
-                }
-              }
-            },
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto"
-                }
-              },
-              component: {
-                name: "Text",
-                options: {
-                  text: "<p>Enter some text...</p>"
-                }
-              }
-            }
+          title: [
+            defaultTitle
+          ],
+          detail: [
+            defaultDetail
           ]
         }
       ],
-      onChange: (options) => {
-        function clearWidths() {
-          columns.forEach((col) => {
-            col.delete("width");
-          });
-        }
-        const columns = options.get("columns");
-        if (Array.isArray(columns)) {
-          const containsColumnWithWidth = !!columns.find((col) => col.get("width"));
-          if (containsColumnWithWidth) {
-            const containsColumnWithoutWidth = !!columns.find((col) => !col.get("width"));
-            if (containsColumnWithoutWidth)
-              clearWidths();
-            else {
-              const sumWidths = columns.reduce((memo, col) => {
-                return memo + col.get("width");
-              }, 0);
-              const widthsDontAddUp = sumWidths !== 100;
-              if (widthsDontAddUp)
-                clearWidths();
-            }
-          }
-        }
-      }
-    },
-    {
-      name: "space",
-      type: "number",
-      defaultValue: 20,
-      helperText: "Size of gap between columns",
-      advanced: true
-    },
-    {
-      name: "stackColumnsAt",
-      type: "string",
-      defaultValue: "tablet",
-      helperText: "Convert horizontal columns to vertical at what device size",
-      enum: [
-        "tablet",
-        "mobile",
-        "never"
-      ],
-      advanced: true
+      showIf: (options) => !options.get("useChildrenForItems")
     },
     {
-      name: "reverseColumnsWhenStacked",
+      name: "oneAtATime",
+      helperText: "Only allow opening one at a time (collapse all others when new item openned)",
       type: "boolean",
-      defaultValue: false,
-      helperText: "When stacking columns for mobile devices, reverse the ordering",
-      advanced: true
-    }
-  ]
-};
-const componentInfo$f = {
-  name: "Fragment",
-  static: true,
-  hidden: true,
-  canHaveChildren: true,
-  noWrap: true
-};
-const componentInfo$e = {
-  name: "Image",
-  static: true,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
-  defaultStyles: {
-    position: "relative",
-    minHeight: "20px",
-    minWidth: "20px",
-    overflow: "hidden"
-  },
-  canHaveChildren: true,
-  inputs: [
-    {
-      name: "image",
-      type: "file",
-      bubble: true,
-      allowedFileTypes: [
-        "jpeg",
-        "jpg",
-        "png",
-        "svg"
-      ],
-      required: true,
-      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-      onChange: (options) => {
-        const DEFAULT_ASPECT_RATIO = 0.7041;
-        options.delete("srcset");
-        options.delete("noWebp");
-        function loadImage(url, timeout = 6e4) {
-          return new Promise((resolve, reject) => {
-            const img = document.createElement("img");
-            let loaded = false;
-            img.onload = () => {
-              loaded = true;
-              resolve(img);
-            };
-            img.addEventListener("error", (event) => {
-              console.warn("Image load failed", event.error);
-              reject(event.error);
-            });
-            img.src = url;
-            setTimeout(() => {
-              if (!loaded)
-                reject(new Error("Image load timed out"));
-            }, timeout);
-          });
-        }
-        function round2(num) {
-          return Math.round(num * 1e3) / 1e3;
-        }
-        const value = options.get("image");
-        const aspectRatio = options.get("aspectRatio");
-        fetch(value).then((res) => res.blob()).then((blob) => {
-          if (blob.type.includes("svg"))
-            options.set("noWebp", true);
-        });
-        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO))
-          return loadImage(value).then((img) => {
-            const possiblyUpdatedAspectRatio = options.get("aspectRatio");
-            if (options.get("image") === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
-              if (img.width && img.height) {
-                options.set("aspectRatio", round2(img.height / img.width));
-                options.set("height", img.height);
-                options.set("width", img.width);
-              }
-            }
-          });
-      }
-    },
-    {
-      name: "backgroundSize",
-      type: "text",
-      defaultValue: "cover",
-      enum: [
-        {
-          label: "contain",
-          value: "contain",
-          helperText: "The image should never get cropped"
-        },
-        {
-          label: "cover",
-          value: "cover",
-          helperText: "The image should fill it's box, cropping when needed"
-        }
-      ]
-    },
-    {
-      name: "backgroundPosition",
-      type: "text",
-      defaultValue: "center",
-      enum: [
-        "center",
-        "top",
-        "left",
-        "right",
-        "bottom",
-        "top left",
-        "top right",
-        "bottom left",
-        "bottom right"
-      ]
-    },
-    {
-      name: "altText",
-      type: "string",
-      helperText: "Text to display when the user has images off"
-    },
-    {
-      name: "height",
-      type: "number",
-      hideFromUI: true
-    },
-    {
-      name: "width",
-      type: "number",
-      hideFromUI: true
+      defaultValue: false
     },
     {
-      name: "sizes",
-      type: "string",
-      hideFromUI: true
+      name: "grid",
+      helperText: "Display as a grid",
+      type: "boolean",
+      defaultValue: false
     },
     {
-      name: "srcset",
+      name: "gridRowWidth",
+      helperText: "Display as a grid",
       type: "string",
-      hideFromUI: true
-    },
-    {
-      name: "lazy",
-      type: "boolean",
-      defaultValue: true,
-      hideFromUI: true
+      showIf: (options) => options.get("grid"),
+      defaultValue: "25%"
     },
     {
-      name: "fitContent",
+      name: "useChildrenForItems",
       type: "boolean",
-      helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
-      defaultValue: true
-    },
-    {
-      name: "aspectRatio",
-      type: "number",
-      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+      helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
       advanced: true,
-      defaultValue: 0.7041
+      defaultValue: false,
+      onChange: (options) => {
+        if (options.get("useChildrenForItems") === true)
+          options.set("items", []);
+      }
     }
   ]
 };
-const componentInfo$d = {
-  name: "Core:Section",
-  static: true,
-  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
-  inputs: [
-    {
-      name: "maxWidth",
-      type: "number",
-      defaultValue: 1200
-    },
-    {
-      name: "lazyLoad",
-      type: "boolean",
-      defaultValue: false,
-      advanced: true,
-      description: "Only render this section when in view"
-    }
-  ],
-  defaultStyles: {
-    paddingLeft: "20px",
-    paddingRight: "20px",
-    paddingTop: "50px",
-    paddingBottom: "50px",
-    marginTop: "0px",
-    width: "100vw",
-    marginLeft: "calc(50% - 50vw)"
-  },
-  canHaveChildren: true,
-  defaultChildren: [
-    {
-      "@type": "@builder.io/sdk:Element",
-      responsiveStyles: {
-        large: {
-          textAlign: "center"
-        }
-      },
-      component: {
-        name: "Text",
-        options: {
-          text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
-        }
-      }
-    }
-  ]
+const convertOrderNumberToString = (order) => {
+  return order.toString();
 };
-const componentInfo$c = {
-  name: "Slot",
-  isRSC: true,
-  description: "Allow child blocks to be inserted into this content when used as a Symbol",
-  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
-  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
-  // Maybe wrap this for canHaveChildren so bind children to this hm
-  inputs: [
-    {
-      name: "name",
-      type: "string",
-      required: true,
-      defaultValue: "children"
-    }
-  ]
+const getAccordionTitleClassName = function getAccordionTitleClassName2(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
+  return `builder-accordion-title builder-accordion-title-${state.open.includes(index) ? "open" : "closed"}`;
 };
-const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a, _b;
-  return /* @__PURE__ */ qwik._jsxS("div", {
-    ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
-      "builder-slot": props.name
-    },
-    children: /* @__PURE__ */ qwik._jsxC(Blocks, {
-      get parent() {
-        var _a2;
-        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
-      },
-      get path() {
-        return `symbol.data.${props.name}`;
-      },
-      get context() {
-        return props.builderContext;
-      },
-      blocks: deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
-      [qwik._IMMUTABLE]: {
-        context: qwik._fnSignal((p0) => p0.builderContext, [
-          props
-        ], "p0.builderContext"),
-        parent: qwik._fnSignal((p0) => {
-          var _a2;
-          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
-        }, [
-          props
-        ], "p0.builderContext.context?.symbolId"),
-        path: qwik._fnSignal((p0) => `symbol.data.${p0.name}`, [
-          props
-        ], "`symbol.data.${p0.name}`")
-      }
-    }, 3, "B1_0")
-  }, {
-    style: {
-      pointerEvents: "auto"
-    }
-  }, 0, "B1_1");
-}, "Slot_component_WWgWgfV0bb0"));
-const componentInfo$b = {
-  name: "Symbol",
-  noWrap: true,
-  static: true,
-  isRSC: true,
-  inputs: [
-    {
-      name: "symbol",
-      type: "uiSymbol"
-    },
-    {
-      name: "dataOnly",
-      helperText: "Make this a data symbol that doesn't display any UI",
-      type: "boolean",
-      defaultValue: false,
-      advanced: true,
-      hideFromUI: true
-    },
-    {
-      name: "inheritState",
-      helperText: "Inherit the parent component state and data",
-      type: "boolean",
-      defaultValue: false,
-      advanced: true
-    },
-    {
-      name: "renderToLiquid",
-      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
-      type: "boolean",
-      defaultValue: false,
-      advanced: true,
-      hideFromUI: true
-    },
-    {
-      name: "useChildren",
-      hideFromUI: true,
-      type: "boolean"
-    }
-  ]
+const getAccordionDetailClassName = function getAccordionDetailClassName2(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
+  return `builder-accordion-detail builder-accordion-detail-${state.open.includes(index) ? "open" : "closed"}`;
 };
-const defaultTab = {
-  "@type": "@builder.io/sdk:Element",
-  responsiveStyles: {
-    large: {
-      paddingLeft: "20px",
-      paddingRight: "20px",
-      paddingTop: "10px",
-      paddingBottom: "10px",
-      minWidth: "100px",
-      textAlign: "center",
+const onClick$2 = function onClick22(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
+  if (state.open.includes(index))
+    state.open = onlyOneAtATime.value ? [] : state.open.filter((item) => item !== index);
+  else
+    state.open = onlyOneAtATime.value ? [
+      index
+    ] : state.open.concat(index);
+};
+const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const state = qwik.useStore({
+    open: []
+  });
+  const onlyOneAtATime = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return Boolean(props2.grid || props2.oneAtATime);
+  }, "Accordion_component_onlyOneAtATime_useComputed_QYD7IoPU2HY", [
+    props
+  ]));
+  const accordionStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    const styles = {
       display: "flex",
+      alignItems: "stretch",
       flexDirection: "column",
-      cursor: "pointer",
-      userSelect: "none"
-    }
-  },
-  component: {
-    name: "Text",
-    options: {
-      text: "New tab"
-    }
-  }
-};
-const defaultElement = {
-  "@type": "@builder.io/sdk:Element",
-  responsiveStyles: {
-    large: {
-      height: "200px",
+      ...props2.grid && {
+        flexDirection: "row",
+        alignItems: "flex-start",
+        flexWrap: "wrap"
+      }
+    };
+    return styles;
+  }, "Accordion_component_accordionStyles_useComputed_Jrd0cwGn25U", [
+    props
+  ]));
+  const accordionTitleStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const shared = {
       display: "flex",
-      marginTop: "20px",
       flexDirection: "column"
+    };
+    const styles = {
+      ...shared,
+      alignItems: "stretch",
+      cursor: "pointer"
+    };
+    return Object.fromEntries(Object.entries(styles).filter(([_, value]) => value !== void 0));
+  }, "Accordion_component_accordionTitleStyles_useComputed_FopdBMH0V6U"));
+  const openGridItemOrder = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2, state2] = qwik.useLexicalScope();
+    let itemOrder = null;
+    const getOpenGridItemPosition = props2.grid && state2.open.length;
+    if (getOpenGridItemPosition && document) {
+      const openItemIndex = state2.open[0];
+      const openItem = document.querySelector(`.builder-accordion-title[data-index="${openItemIndex}"]`);
+      let subjectItem = openItem;
+      itemOrder = openItemIndex;
+      if (subjectItem) {
+        let prevItemRect = subjectItem.getBoundingClientRect();
+        while (subjectItem = subjectItem && subjectItem.nextElementSibling)
+          if (subjectItem) {
+            if (subjectItem.classList.contains("builder-accordion-detail"))
+              continue;
+            const subjectItemRect = subjectItem.getBoundingClientRect();
+            if (subjectItemRect.left > prevItemRect.left) {
+              const index = parseInt(subjectItem.getAttribute("data-index") || "", 10);
+              if (!isNaN(index)) {
+                prevItemRect = subjectItemRect;
+                itemOrder = index;
+              }
+            } else
+              break;
+          }
+      }
     }
-  },
-  component: {
-    name: "Text",
-    options: {
-      text: "New tab content "
-    }
-  }
-};
-const componentInfo$a = {
-  name: "Builder: Tabs",
-  inputs: [
-    {
-      name: "tabs",
-      type: "list",
-      broadcast: true,
-      subFields: [
-        {
-          name: "label",
-          type: "uiBlocks",
-          hideFromUI: true,
-          defaultValue: [
-            defaultTab
-          ]
-        },
-        {
-          name: "content",
-          type: "uiBlocks",
-          hideFromUI: true,
-          defaultValue: [
-            defaultElement
-          ]
-        }
-      ],
-      defaultValue: [
+    if (typeof itemOrder === "number")
+      itemOrder = itemOrder + 1;
+    return itemOrder;
+  }, "Accordion_component_openGridItemOrder_useComputed_cCQY1Vnxll0", [
+    props,
+    state
+  ]));
+  const accordionDetailStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [openGridItemOrder2, props2] = qwik.useLexicalScope();
+    const styles = {
+      order: typeof openGridItemOrder2.value === "number" ? openGridItemOrder2.value : void 0,
+      ...props2.grid && {
+        width: "100%"
+      }
+    };
+    return Object.fromEntries(Object.entries(styles).filter(([_, value]) => value !== void 0));
+  }, "Accordion_component_accordionDetailStyles_useComputed_S0QmQzGJoRo", [
+    openGridItemOrder,
+    props
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+    class: "builder-accordion",
+    style: qwik._fnSignal((p0) => p0.value, [
+      accordionStyles
+    ], "p0.value")
+  }, (props.items || []).map((item, index) => {
+    qwik._jsxBranch();
+    return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
+      children: [
+        /* @__PURE__ */ qwik._jsxQ("div", {
+          class: getAccordionTitleClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index),
+          "data-index": index,
+          onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
+            const [accordionDetailStyles2, accordionStyles2, accordionTitleStyles2, index2, onlyOneAtATime2, openGridItemOrder2, props2, state2] = qwik.useLexicalScope();
+            return onClick$2(props2, state2, onlyOneAtATime2, accordionStyles2, accordionTitleStyles2, openGridItemOrder2, accordionDetailStyles2, index2);
+          }, "Accordion_component_div_Fragment_div_onClick_VtzhhJnK0XI", [
+            accordionDetailStyles,
+            accordionStyles,
+            accordionTitleStyles,
+            index,
+            onlyOneAtATime,
+            openGridItemOrder,
+            props,
+            state
+          ]),
+          style: {
+            ...accordionTitleStyles.value,
+            width: props.grid ? props.gridRowWidth : void 0,
+            order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+          }
+        }, null, /* @__PURE__ */ qwik._jsxC(Blocks, {
+          get blocks() {
+            return item.title;
+          },
+          path: `items.${index}.title`,
+          get parent() {
+            return props.builderBlock.id;
+          },
+          get context() {
+            return props.builderContext;
+          },
+          get registeredComponents() {
+            return props.builderComponents;
+          },
+          get linkComponent() {
+            return props.builderLinkComponent;
+          },
+          [qwik._IMMUTABLE]: {
+            blocks: qwik._wrapProp(item, "title"),
+            context: qwik._fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+              props
+            ], "p0.builderBlock.id"),
+            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents")
+          }
+        }, 3, "hf_0"), 0, null),
+        state.open.includes(index) ? /* @__PURE__ */ qwik._jsxQ("div", {
+          class: getAccordionDetailClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index)
+        }, {
+          style: qwik._fnSignal((p0) => p0.value, [
+            accordionDetailStyles
+          ], "p0.value")
+        }, /* @__PURE__ */ qwik._jsxC(Blocks, {
+          get blocks() {
+            return item.detail;
+          },
+          path: `items.${index}.detail`,
+          get parent() {
+            return props.builderBlock.id;
+          },
+          get context() {
+            return props.builderContext;
+          },
+          get registeredComponents() {
+            return props.builderComponents;
+          },
+          get linkComponent() {
+            return props.builderLinkComponent;
+          },
+          [qwik._IMMUTABLE]: {
+            blocks: qwik._wrapProp(item, "detail"),
+            context: qwik._fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+              props
+            ], "p0.builderBlock.id"),
+            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents")
+          }
+        }, 3, "hf_1"), 1, "hf_2") : null
+      ]
+    }, 1, "hf_3");
+  }), 1, "hf_4");
+}, "Accordion_component_jkuUCHm0nt0"));
+const componentInfo$g = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    // TODO: make min width more intuitive and set one
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [
+    {
+      name: "text",
+      type: "text",
+      defaultValue: "Click me!",
+      bubble: true
+    },
+    {
+      name: "link",
+      type: "url",
+      bubble: true
+    },
+    {
+      name: "openLinkInNewTab",
+      type: "boolean",
+      defaultValue: false,
+      friendlyName: "Open link in new tab"
+    }
+  ],
+  static: true,
+  noWrap: true
+};
+const componentInfo$f = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
+  name: "Columns",
+  isRSC: true,
+  inputs: [
+    {
+      name: "columns",
+      type: "array",
+      broadcast: true,
+      subFields: [
         {
-          label: [
+          name: "blocks",
+          type: "array",
+          hideFromUI: true,
+          defaultValue: [
             {
-              ...defaultTab,
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
               component: {
-                name: "Text",
+                name: "Image",
                 options: {
-                  text: "Tab 1"
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
                 }
               }
-            }
-          ],
-          content: [
+            },
             {
-              ...defaultElement,
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
               component: {
                 name: "Text",
                 options: {
-                  text: "Tab 1 content"
+                  text: "<p>Enter some text...</p>"
                 }
               }
             }
           ]
         },
         {
-          label: [
-            {
-              ...defaultTab,
-              component: {
-                name: "Text",
-                options: {
-                  text: "Tab 2"
-                }
-              }
-            }
-          ],
-          content: [
+          name: "width",
+          type: "number",
+          hideFromUI: true,
+          helperText: "Width %, e.g. set to 50 to fill half of the space"
+        },
+        {
+          name: "link",
+          type: "url",
+          helperText: "Optionally set a url that clicking this column will link to"
+        }
+      ],
+      defaultValue: [
+        {
+          blocks: [
             {
-              ...defaultElement,
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
               component: {
                 name: "Text",
                 options: {
-                  text: "Tab 2 content"
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
                 }
               }
             }
           ]
         }
-      ]
-    },
-    {
-      name: "activeTabStyle",
-      type: "uiStyle",
-      helperText: "CSS styles for the active tab",
-      defaultValue: {
-        backgroundColor: "rgba(0, 0, 0, 0.1)"
+      ],
+      onChange: (options) => {
+        function clearWidths() {
+          columns.forEach((col) => {
+            col.delete("width");
+          });
+        }
+        const columns = options.get("columns");
+        if (Array.isArray(columns)) {
+          const containsColumnWithWidth = !!columns.find((col) => col.get("width"));
+          if (containsColumnWithWidth) {
+            const containsColumnWithoutWidth = !!columns.find((col) => !col.get("width"));
+            if (containsColumnWithoutWidth)
+              clearWidths();
+            else {
+              const sumWidths = columns.reduce((memo, col) => {
+                return memo + col.get("width");
+              }, 0);
+              const widthsDontAddUp = sumWidths !== 100;
+              if (widthsDontAddUp)
+                clearWidths();
+            }
+          }
+        }
       }
     },
     {
-      name: "defaultActiveTab",
+      name: "space",
       type: "number",
-      helperText: 'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',
-      defaultValue: 1,
+      defaultValue: 20,
+      helperText: "Size of gap between columns",
       advanced: true
     },
     {
-      name: "collapsible",
+      name: "stackColumnsAt",
+      type: "string",
+      defaultValue: "tablet",
+      helperText: "Convert horizontal columns to vertical at what device size",
+      enum: [
+        "tablet",
+        "mobile",
+        "never"
+      ],
+      advanced: true
+    },
+    {
+      name: "reverseColumnsWhenStacked",
       type: "boolean",
-      helperText: "If on, clicking an open tab closes it so no tabs are active",
       defaultValue: false,
+      helperText: "When stacking columns for mobile devices, reverse the ordering",
       advanced: true
+    }
+  ]
+};
+const componentInfo$e = {
+  name: "Fragment",
+  static: true,
+  hidden: true,
+  canHaveChildren: true,
+  noWrap: true
+};
+const componentInfo$d = {
+  name: "Image",
+  static: true,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  defaultStyles: {
+    position: "relative",
+    minHeight: "20px",
+    minWidth: "20px",
+    overflow: "hidden"
+  },
+  canHaveChildren: true,
+  inputs: [
+    {
+      name: "image",
+      type: "file",
+      bubble: true,
+      allowedFileTypes: [
+        "jpeg",
+        "jpg",
+        "png",
+        "svg"
+      ],
+      required: true,
+      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
+      onChange: (options) => {
+        const DEFAULT_ASPECT_RATIO = 0.7041;
+        options.delete("srcset");
+        options.delete("noWebp");
+        function loadImage(url, timeout = 6e4) {
+          return new Promise((resolve, reject) => {
+            const img = document.createElement("img");
+            let loaded = false;
+            img.onload = () => {
+              loaded = true;
+              resolve(img);
+            };
+            img.addEventListener("error", (event) => {
+              console.warn("Image load failed", event.error);
+              reject(event.error);
+            });
+            img.src = url;
+            setTimeout(() => {
+              if (!loaded)
+                reject(new Error("Image load timed out"));
+            }, timeout);
+          });
+        }
+        function round2(num) {
+          return Math.round(num * 1e3) / 1e3;
+        }
+        const value = options.get("image");
+        const aspectRatio = options.get("aspectRatio");
+        fetch(value).then((res) => res.blob()).then((blob) => {
+          if (blob.type.includes("svg"))
+            options.set("noWebp", true);
+        });
+        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO))
+          return loadImage(value).then((img) => {
+            const possiblyUpdatedAspectRatio = options.get("aspectRatio");
+            if (options.get("image") === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
+              if (img.width && img.height) {
+                options.set("aspectRatio", round2(img.height / img.width));
+                options.set("height", img.height);
+                options.set("width", img.width);
+              }
+            }
+          });
+      }
     },
     {
-      name: "tabHeaderLayout",
-      type: "enum",
-      helperText: "Change the layout of the tab headers (uses justify-content)",
-      defaultValue: "flex-start",
+      name: "backgroundSize",
+      type: "text",
+      defaultValue: "cover",
       enum: [
         {
-          label: "Center",
-          value: "center"
-        },
-        {
-          label: "Space between",
-          value: "space-between"
-        },
-        {
-          label: "Space around",
-          value: "space-around"
-        },
-        {
-          label: "Left",
-          value: "flex-start"
+          label: "contain",
+          value: "contain",
+          helperText: "The image should never get cropped"
         },
         {
-          label: "Right",
-          value: "flex-end"
+          label: "cover",
+          value: "cover",
+          helperText: "The image should fill it's box, cropping when needed"
         }
       ]
-    }
-  ]
-};
-const activeTabContent = function activeTabContent2(props, state, active) {
-  return props.tabs && props.tabs[active].content;
-};
-const onClick$2 = function onClick22(props, state, index) {
-  if (index === state.activeTab && props.collapsible)
-    state.activeTab = -1;
-  else
-    state.activeTab = index;
-};
-const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  qwik._jsxBranch();
-  const state = qwik.useStore({
-    activeTab: props.defaultActiveTab ? props.defaultActiveTab - 1 : 0
-  });
-  return /* @__PURE__ */ qwik._jsxQ("div", null, null, [
-    /* @__PURE__ */ qwik._jsxQ("div", null, {
-      class: "builder-tabs-wrap",
-      style: qwik._fnSignal((p0) => ({
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: p0.tabHeaderLayout || "flex-start",
-        overflow: "auto"
-      }), [
-        props
-      ], '{display:"flex",flexDirection:"row",justifyContent:p0.tabHeaderLayout||"flex-start",overflow:"auto"}')
-    }, (props.tabs || []).map((tab, index) => {
-      return /* @__PURE__ */ qwik._jsxQ("span", {
-        class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
-        onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-          const [index2, props2, state2] = qwik.useLexicalScope();
-          return onClick$2(props2, state2, index2);
-        }, "Tabs_component_div_div_span_onClick_hSTBabAHGks", [
-          index,
-          props,
-          state
-        ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
-      }, null, /* @__PURE__ */ qwik._jsxC(Blocks, {
-        get parent() {
-          return props.builderBlock.id;
-        },
-        path: `component.options.tabs.${index}.label`,
-        get blocks() {
-          return tab.label;
-        },
-        get context() {
-          return props.builderContext;
-        },
-        get registeredComponents() {
-          return props.builderComponents;
-        },
-        get linkComponent() {
-          return props.builderLinkComponent;
-        },
-        [qwik._IMMUTABLE]: {
-          blocks: qwik._wrapProp(tab, "label"),
-          context: qwik._fnSignal((p0) => p0.builderContext, [
-            props
-          ], "p0.builderContext"),
-          linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-            props
-          ], "p0.builderLinkComponent"),
-          parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
-            props
-          ], "p0.builderBlock.id"),
-          registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-            props
-          ], "p0.builderComponents")
-        }
-      }, 3, "6k_0"), 0, index);
-    }), 1, null),
-    activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ qwik._jsxQ("div", null, null, /* @__PURE__ */ qwik._jsxC(Blocks, {
-      get parent() {
-        return props.builderBlock.id;
-      },
-      get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
-      },
-      blocks: activeTabContent(props, state, state.activeTab),
-      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"),
-        parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
-          props
-        ], "p0.builderBlock.id"),
-        path: qwik._fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
-          state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
-        registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-          props
-        ], "p0.builderComponents")
-      }
-    }, 3, "6k_1"), 1, "6k_2") : null
-  ], 1, "6k_3");
-}, "Tabs_component_MhWcxXy0lMY"));
-const componentInfo$9 = {
-  name: "Text",
-  static: true,
-  isRSC: true,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
-  inputs: [
+    },
     {
-      name: "text",
-      type: "html",
-      required: true,
-      autoFocus: true,
-      bubble: true,
-      defaultValue: "Enter some text..."
-    }
-  ],
-  defaultStyles: {
-    lineHeight: "normal",
-    height: "auto",
-    textAlign: "center"
-  }
-};
-const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxQ("div", null, {
-    class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
-    style: {
-      outline: "none"
-    }
-  }, null, 3, "yO_0");
-}, "Text_component_15p0cKUxgIE"));
-const convertOrderNumberToString = (order) => {
-  return order.toString();
-};
-const getAccordionTitleClassName = function getAccordionTitleClassName2(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
-  return `builder-accordion-title builder-accordion-title-${state.open.includes(index) ? "open" : "closed"}`;
-};
-const getAccordionDetailClassName = function getAccordionDetailClassName2(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
-  return `builder-accordion-detail builder-accordion-detail-${state.open.includes(index) ? "open" : "closed"}`;
-};
-const onClick$1 = function onClick23(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
-  if (state.open.includes(index))
-    state.open = onlyOneAtATime.value ? [] : state.open.filter((item) => item !== index);
-  else
-    state.open = onlyOneAtATime.value ? [
-      index
-    ] : state.open.concat(index);
-};
-const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const state = qwik.useStore({
-    open: []
-  });
-  const onlyOneAtATime = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
-    return Boolean(props2.grid || props2.oneAtATime);
-  }, "Accordion_component_onlyOneAtATime_useComputed_QYD7IoPU2HY", [
-    props
-  ]));
-  const accordionStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
-    const styles = {
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      ...props2.grid && {
-        flexDirection: "row",
-        alignItems: "flex-start",
-        flexWrap: "wrap"
-      }
-    };
-    return styles;
-  }, "Accordion_component_accordionStyles_useComputed_Jrd0cwGn25U", [
-    props
-  ]));
-  const accordionTitleStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const shared = {
-      display: "flex",
-      flexDirection: "column"
-    };
-    const styles = {
-      ...shared,
-      alignItems: "stretch",
-      cursor: "pointer"
-    };
-    return Object.fromEntries(Object.entries(styles).filter(([_, value]) => value !== void 0));
-  }, "Accordion_component_accordionTitleStyles_useComputed_FopdBMH0V6U"));
-  const openGridItemOrder = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2, state2] = qwik.useLexicalScope();
-    let itemOrder = null;
-    const getOpenGridItemPosition = props2.grid && state2.open.length;
-    if (getOpenGridItemPosition && document) {
-      const openItemIndex = state2.open[0];
-      const openItem = document.querySelector(`.builder-accordion-title[data-index="${openItemIndex}"]`);
-      let subjectItem = openItem;
-      itemOrder = openItemIndex;
-      if (subjectItem) {
-        let prevItemRect = subjectItem.getBoundingClientRect();
-        while (subjectItem = subjectItem && subjectItem.nextElementSibling)
-          if (subjectItem) {
-            if (subjectItem.classList.contains("builder-accordion-detail"))
-              continue;
-            const subjectItemRect = subjectItem.getBoundingClientRect();
-            if (subjectItemRect.left > prevItemRect.left) {
-              const index = parseInt(subjectItem.getAttribute("data-index") || "", 10);
-              if (!isNaN(index)) {
-                prevItemRect = subjectItemRect;
-                itemOrder = index;
-              }
-            } else
-              break;
-          }
-      }
-    }
-    if (typeof itemOrder === "number")
-      itemOrder = itemOrder + 1;
-    return itemOrder;
-  }, "Accordion_component_openGridItemOrder_useComputed_cCQY1Vnxll0", [
-    props,
-    state
-  ]));
-  const accordionDetailStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [openGridItemOrder2, props2] = qwik.useLexicalScope();
-    const styles = {
-      order: typeof openGridItemOrder2.value === "number" ? openGridItemOrder2.value : void 0,
-      ...props2.grid && {
-        width: "100%"
-      }
-    };
-    return Object.fromEntries(Object.entries(styles).filter(([_, value]) => value !== void 0));
-  }, "Accordion_component_accordionDetailStyles_useComputed_S0QmQzGJoRo", [
-    openGridItemOrder,
-    props
-  ]));
-  return /* @__PURE__ */ qwik._jsxQ("div", null, {
-    class: "builder-accordion",
-    style: qwik._fnSignal((p0) => p0.value, [
-      accordionStyles
-    ], "p0.value")
-  }, (props.items || []).map((item, index) => {
-    qwik._jsxBranch();
-    return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
-      children: [
-        /* @__PURE__ */ qwik._jsxQ("div", {
-          class: getAccordionTitleClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index),
-          "data-index": index,
-          onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-            const [accordionDetailStyles2, accordionStyles2, accordionTitleStyles2, index2, onlyOneAtATime2, openGridItemOrder2, props2, state2] = qwik.useLexicalScope();
-            return onClick$1(props2, state2, onlyOneAtATime2, accordionStyles2, accordionTitleStyles2, openGridItemOrder2, accordionDetailStyles2, index2);
-          }, "Accordion_component_div_Fragment_div_onClick_VtzhhJnK0XI", [
-            accordionDetailStyles,
-            accordionStyles,
-            accordionTitleStyles,
-            index,
-            onlyOneAtATime,
-            openGridItemOrder,
-            props,
-            state
-          ]),
-          style: {
-            ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
-          }
-        }, null, /* @__PURE__ */ qwik._jsxC(Blocks, {
-          get blocks() {
-            return item.title;
-          },
-          path: `items.${index}.title`,
-          get parent() {
-            return props.builderBlock.id;
-          },
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            blocks: qwik._wrapProp(item, "title"),
-            context: qwik._fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
-              props
-            ], "p0.builderBlock.id"),
-            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, "hf_0"), 0, null),
-        state.open.includes(index) ? /* @__PURE__ */ qwik._jsxQ("div", {
-          class: getAccordionDetailClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index)
-        }, {
-          style: qwik._fnSignal((p0) => p0.value, [
-            accordionDetailStyles
-          ], "p0.value")
-        }, /* @__PURE__ */ qwik._jsxC(Blocks, {
-          get blocks() {
-            return item.detail;
-          },
-          path: `items.${index}.detail`,
-          get parent() {
-            return props.builderBlock.id;
-          },
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            blocks: qwik._wrapProp(item, "detail"),
-            context: qwik._fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
-              props
-            ], "p0.builderBlock.id"),
-            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, "hf_1"), 1, "hf_2") : null
+      name: "backgroundPosition",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
       ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
-}, "Accordion_component_jkuUCHm0nt0"));
-const defaultTitle = {
-  "@type": "@builder.io/sdk:Element",
-  layerName: "Accordion item title",
-  responsiveStyles: {
-    large: {
-      marginTop: "10px",
-      position: "relative",
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      paddingBottom: "10px"
+    },
+    {
+      name: "altText",
+      type: "string",
+      helperText: "Text to display when the user has images off"
+    },
+    {
+      name: "height",
+      type: "number",
+      hideFromUI: true
+    },
+    {
+      name: "width",
+      type: "number",
+      hideFromUI: true
+    },
+    {
+      name: "sizes",
+      type: "string",
+      hideFromUI: true
+    },
+    {
+      name: "srcset",
+      type: "string",
+      hideFromUI: true
+    },
+    {
+      name: "lazy",
+      type: "boolean",
+      defaultValue: true,
+      hideFromUI: true
+    },
+    {
+      name: "fitContent",
+      type: "boolean",
+      helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
+      defaultValue: true
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+      advanced: true,
+      defaultValue: 0.7041
+    }
+  ]
+};
+const componentInfo$c = {
+  name: "Core:Section",
+  static: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
+  inputs: [
+    {
+      name: "maxWidth",
+      type: "number",
+      defaultValue: 1200
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      description: "Only render this section when in view"
     }
+  ],
+  defaultStyles: {
+    paddingLeft: "20px",
+    paddingRight: "20px",
+    paddingTop: "50px",
+    paddingBottom: "50px",
+    marginTop: "0px",
+    width: "100vw",
+    marginLeft: "calc(50% - 50vw)"
   },
-  children: [
+  canHaveChildren: true,
+  defaultChildren: [
     {
       "@type": "@builder.io/sdk:Element",
       responsiveStyles: {
         large: {
-          textAlign: "left",
-          display: "flex",
-          flexDirection: "column"
+          textAlign: "center"
         }
       },
       component: {
         name: "Text",
         options: {
-          text: "I am an accordion title. Click me!"
+          text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
         }
       }
     }
   ]
 };
-const defaultDetail = {
+const componentInfo$b = {
+  name: "Slot",
+  isRSC: true,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      defaultValue: "children"
+    }
+  ]
+};
+const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ qwik._jsxS("div", {
+    ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
+      "builder-slot": props.name
+    },
+    children: /* @__PURE__ */ qwik._jsxC(Blocks, {
+      get parent() {
+        var _a2;
+        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
+      },
+      get path() {
+        return `symbol.data.${props.name}`;
+      },
+      get context() {
+        return props.builderContext;
+      },
+      blocks: deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
+      [qwik._IMMUTABLE]: {
+        context: qwik._fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: qwik._fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
+const componentInfo$a = {
+  name: "Symbol",
+  noWrap: true,
+  static: true,
+  isRSC: true,
+  inputs: [
+    {
+      name: "symbol",
+      type: "uiSymbol"
+    },
+    {
+      name: "dataOnly",
+      helperText: "Make this a data symbol that doesn't display any UI",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      hideFromUI: true
+    },
+    {
+      name: "inheritState",
+      helperText: "Inherit the parent component state and data",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true
+    },
+    {
+      name: "renderToLiquid",
+      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      hideFromUI: true
+    },
+    {
+      name: "useChildren",
+      hideFromUI: true,
+      type: "boolean"
+    }
+  ]
+};
+const defaultTab = {
   "@type": "@builder.io/sdk:Element",
-  layerName: "Accordion item detail",
   responsiveStyles: {
     large: {
-      position: "relative",
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      minWidth: "100px",
+      textAlign: "center",
       display: "flex",
-      alignItems: "stretch",
       flexDirection: "column",
-      marginTop: "10px",
-      paddingBottom: "10px"
+      cursor: "pointer",
+      userSelect: "none"
     }
   },
-  children: [
-    {
-      "@type": "@builder.io/sdk:Element",
-      responsiveStyles: {
-        large: {
-          paddingTop: "50px",
-          textAlign: "left",
-          display: "flex",
-          flexDirection: "column",
-          paddingBottom: "50px"
-        }
-      },
-      component: {
-        name: "Text",
-        options: {
-          text: "I am an accordion detail, hello!"
-        }
-      }
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab"
     }
-  ]
+  }
 };
-const componentInfo$8 = {
-  name: "Builder:Accordion",
-  canHaveChildren: true,
-  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
-  defaultStyles: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch"
+const defaultElement = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      height: "200px",
+      display: "flex",
+      marginTop: "20px",
+      flexDirection: "column"
+    }
   },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab content "
+    }
+  }
+};
+const componentInfo$9 = {
+  name: "Builder: Tabs",
   inputs: [
     {
-      name: "items",
+      name: "tabs",
       type: "list",
       broadcast: true,
       subFields: [
         {
-          name: "title",
+          name: "label",
           type: "uiBlocks",
           hideFromUI: true,
           defaultValue: [
-            defaultTitle
+            defaultTab
           ]
         },
         {
-          name: "detail",
+          name: "content",
           type: "uiBlocks",
           hideFromUI: true,
           defaultValue: [
-            defaultDetail
+            defaultElement
           ]
         }
       ],
       defaultValue: [
         {
-          title: [
-            defaultTitle
+          label: [
+            {
+              ...defaultTab,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 1"
+                }
+              }
+            }
           ],
-          detail: [
-            defaultDetail
+          content: [
+            {
+              ...defaultElement,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 1 content"
+                }
+              }
+            }
           ]
         },
         {
-          title: [
-            defaultTitle
+          label: [
+            {
+              ...defaultTab,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 2"
+                }
+              }
+            }
           ],
-          detail: [
-            defaultDetail
+          content: [
+            {
+              ...defaultElement,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 2 content"
+                }
+              }
+            }
           ]
         }
-      ],
-      showIf: (options) => !options.get("useChildrenForItems")
-    },
-    {
-      name: "oneAtATime",
-      helperText: "Only allow opening one at a time (collapse all others when new item openned)",
-      type: "boolean",
-      defaultValue: false
+      ]
     },
     {
-      name: "grid",
-      helperText: "Display as a grid",
-      type: "boolean",
-      defaultValue: false
+      name: "activeTabStyle",
+      type: "uiStyle",
+      helperText: "CSS styles for the active tab",
+      defaultValue: {
+        backgroundColor: "rgba(0, 0, 0, 0.1)"
+      }
     },
     {
-      name: "gridRowWidth",
-      helperText: "Display as a grid",
-      type: "string",
-      showIf: (options) => options.get("grid"),
-      defaultValue: "25%"
+      name: "defaultActiveTab",
+      type: "number",
+      helperText: 'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',
+      defaultValue: 1,
+      advanced: true
     },
     {
-      name: "useChildrenForItems",
+      name: "collapsible",
       type: "boolean",
-      helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
-      advanced: true,
+      helperText: "If on, clicking an open tab closes it so no tabs are active",
       defaultValue: false,
-      onChange: (options) => {
-        if (options.get("useChildrenForItems") === true)
-          options.set("items", []);
-      }
+      advanced: true
+    },
+    {
+      name: "tabHeaderLayout",
+      type: "enum",
+      helperText: "Change the layout of the tab headers (uses justify-content)",
+      defaultValue: "flex-start",
+      enum: [
+        {
+          label: "Center",
+          value: "center"
+        },
+        {
+          label: "Space between",
+          value: "space-between"
+        },
+        {
+          label: "Space around",
+          value: "space-around"
+        },
+        {
+          label: "Left",
+          value: "flex-start"
+        },
+        {
+          label: "Right",
+          value: "flex-end"
+        }
+      ]
     }
   ]
 };
+const activeTabContent = function activeTabContent2(props, state, active) {
+  return props.tabs && props.tabs[active].content;
+};
+const onClick$1 = function onClick23(props, state, index) {
+  if (index === state.activeTab && props.collapsible)
+    state.activeTab = -1;
+  else
+    state.activeTab = index;
+};
+const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
+  const state = qwik.useStore({
+    activeTab: props.defaultActiveTab ? props.defaultActiveTab - 1 : 0
+  });
+  return /* @__PURE__ */ qwik._jsxQ("div", null, null, [
+    /* @__PURE__ */ qwik._jsxQ("div", null, {
+      class: "builder-tabs-wrap",
+      style: qwik._fnSignal((p0) => ({
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: p0.tabHeaderLayout || "flex-start",
+        overflow: "auto"
+      }), [
+        props
+      ], '{display:"flex",flexDirection:"row",justifyContent:p0.tabHeaderLayout||"flex-start",overflow:"auto"}')
+    }, (props.tabs || []).map((tab, index) => {
+      return /* @__PURE__ */ qwik._jsxQ("span", {
+        class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
+        onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
+          const [index2, props2, state2] = qwik.useLexicalScope();
+          return onClick$1(props2, state2, index2);
+        }, "Tabs_component_div_div_span_onClick_hSTBabAHGks", [
+          index,
+          props,
+          state
+        ]),
+        style: {
+          ...state.activeTab === index ? props.activeTabStyle : {}
+        }
+      }, null, /* @__PURE__ */ qwik._jsxC(Blocks, {
+        get parent() {
+          return props.builderBlock.id;
+        },
+        path: `component.options.tabs.${index}.label`,
+        get blocks() {
+          return tab.label;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        get registeredComponents() {
+          return props.builderComponents;
+        },
+        get linkComponent() {
+          return props.builderLinkComponent;
+        },
+        [qwik._IMMUTABLE]: {
+          blocks: qwik._wrapProp(tab, "label"),
+          context: qwik._fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+            props
+          ], "p0.builderLinkComponent"),
+          parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+            props
+          ], "p0.builderBlock.id"),
+          registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+            props
+          ], "p0.builderComponents")
+        }
+      }, 3, "6k_0"), 0, index);
+    }), 1, null),
+    activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ qwik._jsxQ("div", null, null, /* @__PURE__ */ qwik._jsxC(Blocks, {
+      get parent() {
+        return props.builderBlock.id;
+      },
+      get path() {
+        return `component.options.tabs.${state.activeTab}.content`;
+      },
+      blocks: activeTabContent(props, state, state.activeTab),
+      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"),
+        parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+          props
+        ], "p0.builderBlock.id"),
+        path: qwik._fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+          state
+        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+          props
+        ], "p0.builderComponents")
+      }
+    }, 3, "6k_1"), 1, "6k_2") : null
+  ], 1, "6k_3");
+}, "Tabs_component_MhWcxXy0lMY"));
+const componentInfo$8 = {
+  name: "Text",
+  static: true,
+  isRSC: true,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
+  inputs: [
+    {
+      name: "text",
+      type: "html",
+      required: true,
+      autoFocus: true,
+      bubble: true,
+      defaultValue: "Enter some text..."
+    }
+  ],
+  defaultStyles: {
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
+};
+const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+    class: "builder-text",
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
+      var _a;
+      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
+    }, [
+      props
+    ], 'p0.text?.toString()||""'),
+    style: {
+      outline: "none"
+    }
+  }, null, 3, "yO_0");
+}, "Text_component_15p0cKUxgIE"));
 const componentInfo$7 = {
   name: "Custom Code",
   static: true,
@@ -3820,11 +3820,11 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
       return;
     }
     event.preventDefault();
-    const el = event.currentTarget;
+    const el = event.currentTarget || event.target;
     const headers = props.customHeaders || {};
     let body;
     const formData = new FormData(el);
-    const formPairs = Array.from(event.currentTarget.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
       let value;
       const key = el2.name;
       if (el2 instanceof HTMLInputElement) {
@@ -4071,6 +4071,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     name: qwik._fnSignal((p0) => p0.name, [
       props
     ], "p0.name"),
+    "preventdefault:submit": true,
     validate: qwik._fnSignal((p0) => p0.validate, [
       props
     ], "p0.validate")
@@ -4575,44 +4576,44 @@ const getExtraComponents = () => [
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
-    ...componentInfo$h
+    ...componentInfo$g
   },
   {
     component: Columns,
-    ...componentInfo$g
+    ...componentInfo$f
   },
   {
     component: FragmentComponent,
-    ...componentInfo$f
+    ...componentInfo$e
   },
   {
     component: Image,
-    ...componentInfo$e
+    ...componentInfo$d
   },
   {
     component: SectionComponent,
-    ...componentInfo$d
+    ...componentInfo$c
   },
   {
     component: Slot,
-    ...componentInfo$c
+    ...componentInfo$b
   },
   {
     component: Symbol$1,
-    ...componentInfo$b
+    ...componentInfo$a
   },
   {
     component: Text,
-    ...componentInfo$9
+    ...componentInfo$8
   },
   ...[
     {
       component: Tabs,
-      ...componentInfo$a
+      ...componentInfo$9
     },
     {
       component: Accordion,
-      ...componentInfo$8
+      ...componentInfo$h
     }
   ],
   ...getExtraComponents()
@@ -5071,7 +5072,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.22";
+const SDK_VERSION = "0.14.23";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];