@builder.io/sdk-qwik 0.16.6 → 0.16.7

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

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const image_helpers = require("./image.helpers.qwik.cjs");
+const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b, _c, _d, _e, _f;
+  qwik._jsxBranch();
+  qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
+  const srcSetToUse = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a2;
+    const [props2] = qwik.useLexicalScope();
+    const imageToUse = props2.image || props2.src;
+    const url = imageToUse;
+    if (!url || // We can auto add srcset for cdn.builder.io and shopify
+    // images, otherwise you can supply this prop manually
+    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
+      return props2.srcset;
+    if (props2.noWebp)
+      return void 0;
+    if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
+      if (!props2.srcset.includes(props2.image.split("?")[0])) {
+        console.debug("Removed given srcset");
+        return image_helpers.getSrcSet(url);
+      }
+    } else if (props2.image && !props2.srcset)
+      return image_helpers.getSrcSet(url);
+    return image_helpers.getSrcSet(url);
+  }, "Image_component_srcSetToUse_useComputed_TZMibf9Gpvw", [
+    props
+  ]));
+  const webpSrcSet = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a2;
+    const [props2, srcSetToUse2] = qwik.useLexicalScope();
+    if (((_a2 = srcSetToUse2.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props2.noWebp)
+      return srcSetToUse2.value.replace(/\?/g, "?format=webp&");
+    else
+      return "";
+  }, "Image_component_webpSrcSet_useComputed_01YCu72BBtA", [
+    props,
+    srcSetToUse
+  ]));
+  const aspectRatioCss = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    const aspectRatioStyles = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    const out = props2.aspectRatio ? aspectRatioStyles : void 0;
+    return out;
+  }, "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, [
+        webpSrcSet.value ? /* @__PURE__ */ qwik._jsxQ("source", null, {
+          srcset: qwik._fnSignal((p0) => p0.value, [
+            webpSrcSet
+          ], "p0.value"),
+          type: "image/webp"
+        }, null, 3, "0A_0") : null,
+        /* @__PURE__ */ qwik._jsxQ("img", null, {
+          alt: qwik._fnSignal((p0) => p0.altText, [
+            props
+          ], "p0.altText"),
+          class: qwik._fnSignal((p0) => "builder-image" + (p0.className ? " " + p0.className : "") + " img-Image", [
+            props
+          ], '"builder-image"+(p0.className?" "+p0.className:"")+" img-Image"'),
+          fetchPriority: qwik._fnSignal((p0) => p0.highPriority ? "high" : "auto", [
+            props
+          ], 'p0.highPriority?"high":"auto"'),
+          loading: qwik._fnSignal((p0) => p0.highPriority ? "eager" : "lazy", [
+            props
+          ], 'p0.highPriority?"eager":"lazy"'),
+          role: qwik._fnSignal((p0) => p0.altText ? void 0 : "presentation", [
+            props
+          ], 'p0.altText?undefined:"presentation"'),
+          sizes: qwik._fnSignal((p0) => p0.sizes, [
+            props
+          ], "p0.sizes"),
+          src: qwik._fnSignal((p0) => p0.image, [
+            props
+          ], "p0.image"),
+          srcset: qwik._fnSignal((p0) => p0.value, [
+            srcSetToUse
+          ], "p0.value"),
+          style: qwik._fnSignal((p0, p1) => ({
+            objectPosition: p1.backgroundPosition || "center",
+            objectFit: p1.backgroundSize || "cover",
+            ...p0.value
+          }), [
+            aspectRatioCss,
+            props
+          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
+        }, null, 3, null)
+      ], 1, null),
+      props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
+        class: "builder-image-sizer div-Image",
+        style: qwik._fnSignal((p0) => ({
+          paddingTop: p0.aspectRatio * 100 + "%"
+        }), [
+          props
+        ], '{paddingTop:p0.aspectRatio*100+"%"}')
+      }, null, 3, "0A_1") : null,
+      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0A_2") : null,
+      !props.fitContent && ((_f = (_e = props.builderBlock) == null ? void 0 : _e.children) == null ? void 0 : _f.length) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
+        class: "div-Image-2"
+      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0A_3"), 1, "0A_4") : null
+    ]
+  }, 1, "0A_5");
+}, "Image_component_LRxDkFa1EfU"));
+const STYLES = `
+.img-Image {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}
+.div-Image {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}
+.div-Image-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+`;
+exports.Image = Image;
+exports.STYLES = STYLES;
+exports.default = Image;

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

@@ -0,0 +1,140 @@
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _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;
+  _jsxBranch();
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
+  const srcSetToUse = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a2;
+    const [props2] = useLexicalScope();
+    const imageToUse = props2.image || props2.src;
+    const url = imageToUse;
+    if (!url || // We can auto add srcset for cdn.builder.io and shopify
+    // images, otherwise you can supply this prop manually
+    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
+      return props2.srcset;
+    if (props2.noWebp)
+      return void 0;
+    if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
+      if (!props2.srcset.includes(props2.image.split("?")[0])) {
+        console.debug("Removed given srcset");
+        return getSrcSet(url);
+      }
+    } else if (props2.image && !props2.srcset)
+      return getSrcSet(url);
+    return getSrcSet(url);
+  }, "Image_component_srcSetToUse_useComputed_TZMibf9Gpvw", [
+    props
+  ]));
+  const webpSrcSet = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a2;
+    const [props2, srcSetToUse2] = useLexicalScope();
+    if (((_a2 = srcSetToUse2.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props2.noWebp)
+      return srcSetToUse2.value.replace(/\?/g, "?format=webp&");
+    else
+      return "";
+  }, "Image_component_webpSrcSet_useComputed_01YCu72BBtA", [
+    props,
+    srcSetToUse
+  ]));
+  const aspectRatioCss = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    const aspectRatioStyles = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    const out = props2.aspectRatio ? aspectRatioStyles : void 0;
+    return out;
+  }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
+    props
+  ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
+  return /* @__PURE__ */ _jsxC(Fragment, {
+    children: [
+      /* @__PURE__ */ _jsxQ("picture", null, null, [
+        webpSrcSet.value ? /* @__PURE__ */ _jsxQ("source", null, {
+          srcset: _fnSignal((p0) => p0.value, [
+            webpSrcSet
+          ], "p0.value"),
+          type: "image/webp"
+        }, null, 3, "0A_0") : null,
+        /* @__PURE__ */ _jsxQ("img", null, {
+          alt: _fnSignal((p0) => p0.altText, [
+            props
+          ], "p0.altText"),
+          class: _fnSignal((p0) => "builder-image" + (p0.className ? " " + p0.className : "") + " img-Image", [
+            props
+          ], '"builder-image"+(p0.className?" "+p0.className:"")+" img-Image"'),
+          fetchPriority: _fnSignal((p0) => p0.highPriority ? "high" : "auto", [
+            props
+          ], 'p0.highPriority?"high":"auto"'),
+          loading: _fnSignal((p0) => p0.highPriority ? "eager" : "lazy", [
+            props
+          ], 'p0.highPriority?"eager":"lazy"'),
+          role: _fnSignal((p0) => p0.altText ? void 0 : "presentation", [
+            props
+          ], 'p0.altText?undefined:"presentation"'),
+          sizes: _fnSignal((p0) => p0.sizes, [
+            props
+          ], "p0.sizes"),
+          src: _fnSignal((p0) => p0.image, [
+            props
+          ], "p0.image"),
+          srcset: _fnSignal((p0) => p0.value, [
+            srcSetToUse
+          ], "p0.value"),
+          style: _fnSignal((p0, p1) => ({
+            objectPosition: p1.backgroundPosition || "center",
+            objectFit: p1.backgroundSize || "cover",
+            ...p0.value
+          }), [
+            aspectRatioCss,
+            props
+          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
+        }, null, 3, null)
+      ], 1, null),
+      props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {
+        class: "builder-image-sizer div-Image",
+        style: _fnSignal((p0) => ({
+          paddingTop: p0.aspectRatio * 100 + "%"
+        }), [
+          props
+        ], '{paddingTop:p0.aspectRatio*100+"%"}')
+      }, null, 3, "0A_1") : null,
+      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_2") : null,
+      !props.fitContent && ((_f = (_e = props.builderBlock) == null ? void 0 : _e.children) == null ? void 0 : _f.length) ? /* @__PURE__ */ _jsxQ("div", null, {
+        class: "div-Image-2"
+      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_3"), 1, "0A_4") : null
+    ]
+  }, 1, "0A_5");
+}, "Image_component_LRxDkFa1EfU"));
+const STYLES = `
+.img-Image {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}
+.div-Image {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}
+.div-Image-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+`;
+export {
+  Image,
+  STYLES,
+  Image as default
+};

package/lib/browser/blocks/img/component-info.qwik.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: 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",
+  inputs: [
+    {
+      name: "image",
+      bubble: true,
+      type: "file",
+      allowedFileTypes: [
+        "jpeg",
+        "jpg",
+        "png",
+        "svg",
+        "gif",
+        "webp"
+      ],
+      required: true
+    }
+  ],
+  noWrap: true,
+  static: true
+};
+exports.componentInfo = componentInfo;

package/lib/browser/blocks/img/component-info.qwik.mjs

@@ -0,0 +1,27 @@
+const componentInfo = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: 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",
+  inputs: [
+    {
+      name: "image",
+      bubble: true,
+      type: "file",
+      allowedFileTypes: [
+        "jpeg",
+        "jpg",
+        "png",
+        "svg",
+        "gif",
+        "webp"
+      ],
+      required: true
+    }
+  ],
+  noWrap: true,
+  static: true
+};
+export {
+  componentInfo
+};

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const isEditing = require("../../functions/is-editing.qwik.cjs");
+const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxS("img", {
+    ...props.attributes
+  }, {
+    alt: qwik._fnSignal((p0) => p0.altText, [
+      props
+    ], "p0.altText"),
+    src: qwik._fnSignal((p0) => p0.imgSrc || p0.image, [
+      props
+    ], "p0.imgSrc||p0.image"),
+    style: qwik._fnSignal((p0) => ({
+      objectFit: p0.backgroundSize || "cover",
+      objectPosition: p0.backgroundPosition || "center"
+    }), [
+      props
+    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+  }, 0, isEditing.isEditing() && props.imgSrc || "default-key");
+}, "ImgComponent_component_FXvIDBSffO8"));
+exports.ImgComponent = ImgComponent;
+exports.default = ImgComponent;

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

@@ -0,0 +1,24 @@
+import { componentQrl, inlinedQrl, _jsxS, _fnSignal } from "@builder.io/qwik";
+import { isEditing } from "../../functions/is-editing.qwik.mjs";
+const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("img", {
+    ...props.attributes
+  }, {
+    alt: _fnSignal((p0) => p0.altText, [
+      props
+    ], "p0.altText"),
+    src: _fnSignal((p0) => p0.imgSrc || p0.image, [
+      props
+    ], "p0.imgSrc||p0.image"),
+    style: _fnSignal((p0) => ({
+      objectFit: p0.backgroundSize || "cover",
+      objectPosition: p0.backgroundPosition || "center"
+    }), [
+      props
+    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+  }, 0, isEditing() && props.imgSrc || "default-key");
+}, "ImgComponent_component_FXvIDBSffO8"));
+export {
+  ImgComponent,
+  ImgComponent as default
+};

package/lib/browser/blocks/section/component-info.qwik.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  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>"
+        }
+      }
+    }
+  ]
+};
+exports.componentInfo = componentInfo;

package/lib/browser/blocks/section/component-info.qwik.mjs

@@ -0,0 +1,48 @@
+const componentInfo = {
+  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>"
+        }
+      }
+    }
+  ]
+};
+export {
+  componentInfo
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const SectionComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxS("section", {
+    ...props.attributes,
+    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "2Y_0"),
+    style: {
+      width: "100%",
+      alignSelf: "stretch",
+      flexGrow: 1,
+      boxSizing: "border-box",
+      maxWidth: props.maxWidth || 1200,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }, null, 0, "2Y_1");
+}, "SectionComponent_component_ZWF9iD5WeLg"));
+exports.SectionComponent = SectionComponent;
+exports.default = SectionComponent;

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

@@ -0,0 +1,23 @@
+import { componentQrl, inlinedQrl, _jsxS, _jsxC, Slot } from "@builder.io/qwik";
+const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("section", {
+    ...props.attributes,
+    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "2Y_0"),
+    style: {
+      width: "100%",
+      alignSelf: "stretch",
+      flexGrow: 1,
+      boxSizing: "border-box",
+      maxWidth: props.maxWidth || 1200,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }, null, 0, "2Y_1");
+}, "SectionComponent_component_ZWF9iD5WeLg"));
+export {
+  SectionComponent,
+  SectionComponent as default
+};

package/lib/browser/blocks/slot/component-info.qwik.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  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"
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderContext: true
+  }
+};
+exports.componentInfo = componentInfo;

package/lib/browser/blocks/slot/component-info.qwik.mjs

@@ -0,0 +1,22 @@
+const componentInfo = {
+  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"
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderContext: true
+  }
+};
+export {
+  componentInfo
+};

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const blocks = require("../../components/blocks/blocks.qwik.cjs");
+const deopt = require("../../functions/deopt.qwik.cjs");
+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.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: deopt.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"));
+exports.Slot = Slot;
+exports.default = Slot;

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

@@ -0,0 +1,46 @@
+import { componentQrl, inlinedQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
+import { deoptSignal } from "../../functions/deopt.qwik.mjs";
+const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ _jsxS("div", {
+    ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
+      "builder-slot": props.name
+    },
+    children: /* @__PURE__ */ _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]),
+      [_IMMUTABLE]: {
+        context: _fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: _fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: _fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
+export {
+  Slot,
+  Slot as default
+};