@builder.io/sdk-qwik 0.16.11 → 0.16.13

package/lib/browser/components/block/components/block-styles.qwik.mjs

@@ -1,36 +1,34 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
-import { Fragment } from "@builder.io/qwik/jsx-runtime";
+import { jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
 import { getSizesForBreakpoints, getMaxWidthQueryForSize } from "../../../constants/device-sizes.qwik.mjs";
 import { camelToKebabCase } from "../../../functions/camel-to-kebab-case.qwik.mjs";
 import { createCssClass } from "../../../helpers/css.qwik.mjs";
 import { checkIsDefined } from "../../../helpers/nullable.qwik.mjs";
 import { InlinedStyles } from "../../inlined-styles.qwik.mjs";
-const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  _jsxBranch();
-  const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
-    const processedBlock = props2.block;
-    if (checkIsDefined(processedBlock.hide))
+import { component$, useComputed$ } from "@builder.io/qwik";
+const BlockStyles = component$((props) => {
+  const canShowBlock = useComputed$(() => {
+    const processedBlock = props.block;
+    if (checkIsDefined(processedBlock.hide)) {
       return !processedBlock.hide;
-    if (checkIsDefined(processedBlock.show))
+    }
+    if (checkIsDefined(processedBlock.show)) {
       return processedBlock.show;
+    }
     return true;
-  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
-    props
-  ]));
-  const css = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  });
+  const css = useComputed$(() => {
     var _a, _b, _c;
-    const [props2] = useLexicalScope();
-    const processedBlock = props2.block;
+    const processedBlock = props.block;
     const styles = processedBlock.responsiveStyles;
-    const content = props2.context.content;
+    const content = props.context.content;
     const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
     const largeStyles = styles == null ? void 0 : styles.large;
     const mediumStyles = styles == null ? void 0 : styles.medium;
     const smallStyles = styles == null ? void 0 : styles.small;
     const className = processedBlock.id;
-    if (!className)
+    if (!className) {
       return "";
+    }
     const largeStylesClass = largeStyles ? createCssClass({
       className,
       styles: largeStyles
@@ -64,30 +62,15 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
       smallStylesClass,
       hoverStylesClass
     ].join(" ");
-  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
-    props
-  ]));
-  return /* @__PURE__ */ _jsxC(Fragment, {
-    children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: css.value && canShowBlock.value ? /* @__PURE__ */ jsx(InlinedStyles, {
       id: "builderio-block",
-      get styles() {
-        return css.value;
-      },
-      get nonce() {
-        return props.context.nonce;
-      },
-      [_IMMUTABLE]: {
-        id: _IMMUTABLE,
-        nonce: _fnSignal((p0) => p0.context.nonce, [
-          props
-        ], "p0.context.nonce"),
-        styles: _fnSignal((p0) => p0.value, [
-          css
-        ], "p0.value")
-      }
-    }, 3, "8B_0") : null
-  }, 1, "8B_1");
-}, "BlockStyles_component_0lZeirBI638"));
+      styles: css.value,
+      nonce: props.context.nonce
+    }) : null
+  });
+});
 export {
   BlockStyles,
   BlockStyles as default

package/lib/browser/components/block/components/block-wrapper.qwik.cjs

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const getBlockActions = require("../../../functions/get-block-actions.qwik.cjs");
 const getBlockProperties = require("../../../functions/get-block-properties.qwik.cjs");
 const dynamicRenderer = require("../../dynamic-renderer/dynamic-renderer.qwik.cjs");
-const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxC(dynamicRenderer.DynamicRenderer, {
-    get TagName() {
-      return props.Wrapper;
-    },
+const qwik = require("@builder.io/qwik");
+const BlockWrapper = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(dynamicRenderer.DynamicRenderer, {
+    TagName: props.Wrapper,
+    attributes: getBlockProperties.getBlockProperties({
+      block: props.block,
+      context: props.context
+    }),
     actionAttributes: getBlockActions.getBlockActions({
       block: props.block,
       rootState: props.context.rootState,
@@ -17,17 +20,8 @@ const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       context: props.context.context,
       stripPrefix: true
     }),
-    attributes: getBlockProperties.getBlockProperties({
-      block: props.block,
-      context: props.context
-    }),
-    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "87_0"),
-    [qwik._IMMUTABLE]: {
-      TagName: qwik._fnSignal((p0) => p0.Wrapper, [
-        props
-      ], "p0.Wrapper")
-    }
-  }, 1, "87_1");
-}, "BlockWrapper_component_kOI0j0aW8Nw"));
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
 exports.BlockWrapper = BlockWrapper;
 exports.default = BlockWrapper;

package/lib/browser/components/block/components/block-wrapper.qwik.mjs

@@ -1,12 +1,15 @@
-import { componentQrl, inlinedQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
 import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
 import { DynamicRenderer } from "../../dynamic-renderer/dynamic-renderer.qwik.mjs";
-const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxC(DynamicRenderer, {
-    get TagName() {
-      return props.Wrapper;
-    },
+import { component$, Slot } from "@builder.io/qwik";
+const BlockWrapper = component$((props) => {
+  return /* @__PURE__ */ jsx(DynamicRenderer, {
+    TagName: props.Wrapper,
+    attributes: getBlockProperties({
+      block: props.block,
+      context: props.context
+    }),
     actionAttributes: getBlockActions({
       block: props.block,
       rootState: props.context.rootState,
@@ -15,18 +18,9 @@ const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       context: props.context.context,
       stripPrefix: true
     }),
-    attributes: getBlockProperties({
-      block: props.block,
-      context: props.context
-    }),
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "87_0"),
-    [_IMMUTABLE]: {
-      TagName: _fnSignal((p0) => p0.Wrapper, [
-        props
-      ], "p0.Wrapper")
-    }
-  }, 1, "87_1");
-}, "BlockWrapper_component_kOI0j0aW8Nw"));
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
 export {
   BlockWrapper,
   BlockWrapper as default

package/lib/browser/components/block/components/component-ref/component-ref.qwik.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const block = require("../../block.qwik.cjs");
 const interactiveElement = require("../interactive-element.qwik.cjs");
 const componentRef_helpers = require("./component-ref.helpers.qwik.cjs");
-const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const qwik = require("@builder.io/qwik");
+const ComponentRef = qwik.component$((props) => {
   const state = qwik.useStore({
     Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef
   });
-  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.componentRef ? /* @__PURE__ */ jsxRuntime.jsx(state.Wrapper, {
       ...componentRef_helpers.getWrapperProps({
         componentOptions: props.componentOptions,
         builderBlock: props.builderBlock,
@@ -22,32 +22,15 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         contextValue: props.context
       }),
       children: (props.blockChildren || []).map((child) => {
-        return /* @__PURE__ */ qwik._jsxC(block.Block, {
+        return /* @__PURE__ */ jsxRuntime.jsx(block.default, {
           block: child,
-          get context() {
-            return props.context;
-          },
-          get registeredComponents() {
-            return props.registeredComponents;
-          },
-          get linkComponent() {
-            return props.linkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            context: qwik._fnSignal((p0) => p0.context, [
-              props
-            ], "p0.context"),
-            linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
-              props
-            ], "p0.linkComponent"),
-            registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
-              props
-            ], "p0.registeredComponents")
-          }
-        }, 3, child.id);
+          context: props.context,
+          registeredComponents: props.registeredComponents,
+          linkComponent: props.linkComponent
+        }, child.id);
       })
-    }, 0, "z6_0") : null
-  }, 1, "z6_1");
-}, "ComponentRef_component_tFQoBV6UFdc"));
+    }) : null
+  });
+});
 exports.ComponentRef = ComponentRef;
 exports.default = ComponentRef;

package/lib/browser/components/block/components/component-ref/component-ref.qwik.mjs

@@ -1,14 +1,14 @@
-import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
-import { Fragment } from "@builder.io/qwik/jsx-runtime";
-import { Block } from "../../block.qwik.mjs";
+import { jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
+import Block from "../../block.qwik.mjs";
 import { InteractiveElement } from "../interactive-element.qwik.mjs";
 import { getWrapperProps } from "./component-ref.helpers.qwik.mjs";
-const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import { component$, useStore } from "@builder.io/qwik";
+const ComponentRef = component$((props) => {
   const state = useStore({
     Wrapper: props.isInteractive ? InteractiveElement : props.componentRef
   });
-  return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: props.componentRef ? /* @__PURE__ */ jsx(state.Wrapper, {
       ...getWrapperProps({
         componentOptions: props.componentOptions,
         builderBlock: props.builderBlock,
@@ -20,33 +20,16 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         contextValue: props.context
       }),
       children: (props.blockChildren || []).map((child) => {
-        return /* @__PURE__ */ _jsxC(Block, {
+        return /* @__PURE__ */ jsx(Block, {
           block: child,
-          get context() {
-            return props.context;
-          },
-          get registeredComponents() {
-            return props.registeredComponents;
-          },
-          get linkComponent() {
-            return props.linkComponent;
-          },
-          [_IMMUTABLE]: {
-            context: _fnSignal((p0) => p0.context, [
-              props
-            ], "p0.context"),
-            linkComponent: _fnSignal((p0) => p0.linkComponent, [
-              props
-            ], "p0.linkComponent"),
-            registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
-              props
-            ], "p0.registeredComponents")
-          }
-        }, 3, child.id);
+          context: props.context,
+          registeredComponents: props.registeredComponents,
+          linkComponent: props.linkComponent
+        }, child.id);
       })
-    }, 0, "z6_0") : null
-  }, 1, "z6_1");
-}, "ComponentRef_component_tFQoBV6UFdc"));
+    }) : null
+  });
+});
 export {
   ComponentRef,
   ComponentRef as default

package/lib/browser/components/block/components/interactive-element.qwik.cjs

@@ -1,39 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const getBlockActions = require("../../../functions/get-block-actions.qwik.cjs");
 const getBlockProperties = require("../../../functions/get-block-properties.qwik.cjs");
-const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const attributes = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
-    return props2.includeBlockProps ? {
+const qwik = require("@builder.io/qwik");
+const InteractiveElement = qwik.component$((props) => {
+  const attributes = qwik.useComputed$(() => {
+    return props.includeBlockProps ? {
       ...getBlockProperties.getBlockProperties({
-        block: props2.block,
-        context: props2.context
+        block: props.block,
+        context: props.context
       }),
       ...getBlockActions.getBlockActions({
-        block: props2.block,
-        rootState: props2.context.rootState,
-        rootSetState: props2.context.rootSetState,
-        localState: props2.context.localState,
-        context: props2.context.context
+        block: props.block,
+        rootState: props.context.rootState,
+        rootSetState: props.context.rootSetState,
+        localState: props.context.localState,
+        context: props.context.context
       })
     } : {};
-  }, "InteractiveElement_component_attributes_useComputed_0kUhl8Qa4CE", [
-    props
-  ]));
-  return /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(props.Wrapper, {
     ...props.wrapperProps,
-    get attributes() {
-      return attributes.value;
-    },
-    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_0"),
-    [qwik._IMMUTABLE]: {
-      attributes: qwik._fnSignal((p0) => p0.value, [
-        attributes
-      ], "p0.value")
-    }
-  }, 0, "q0_1");
-}, "InteractiveElement_component_0UqfJpjhn0g"));
+    attributes: attributes.value,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
 exports.InteractiveElement = InteractiveElement;
 exports.default = InteractiveElement;

package/lib/browser/components/block/components/interactive-element.qwik.mjs

@@ -1,38 +1,29 @@
-import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
 import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
-const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const attributes = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
-    return props2.includeBlockProps ? {
+import { component$, useComputed$, Slot } from "@builder.io/qwik";
+const InteractiveElement = component$((props) => {
+  const attributes = useComputed$(() => {
+    return props.includeBlockProps ? {
       ...getBlockProperties({
-        block: props2.block,
-        context: props2.context
+        block: props.block,
+        context: props.context
       }),
       ...getBlockActions({
-        block: props2.block,
-        rootState: props2.context.rootState,
-        rootSetState: props2.context.rootSetState,
-        localState: props2.context.localState,
-        context: props2.context.context
+        block: props.block,
+        rootState: props.context.rootState,
+        rootSetState: props.context.rootSetState,
+        localState: props.context.localState,
+        context: props.context.context
       })
     } : {};
-  }, "InteractiveElement_component_attributes_useComputed_0kUhl8Qa4CE", [
-    props
-  ]));
-  return /* @__PURE__ */ _jsxC(props.Wrapper, {
+  });
+  return /* @__PURE__ */ jsx(props.Wrapper, {
     ...props.wrapperProps,
-    get attributes() {
-      return attributes.value;
-    },
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0"),
-    [_IMMUTABLE]: {
-      attributes: _fnSignal((p0) => p0.value, [
-        attributes
-      ], "p0.value")
-    }
-  }, 0, "q0_1");
-}, "InteractiveElement_component_0UqfJpjhn0g"));
+    attributes: attributes.value,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
 export {
   InteractiveElement,
   InteractiveElement as default

package/lib/browser/components/block/components/repeated-block.qwik.cjs

@@ -1,41 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const builder_context = require("../../../context/builder.context.qwik.cjs");
 const block = require("../block.qwik.cjs");
-const RepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const qwik = require("@builder.io/qwik");
+const RepeatedBlock = qwik.component$((props) => {
   const state = qwik.useStore({
     store: props.repeatContext
   });
   qwik.useContextProvider(builder_context, state.store);
-  return /* @__PURE__ */ qwik._jsxC(block.Block, {
-    get block() {
-      return props.block;
-    },
-    get context() {
-      return state.store;
-    },
-    get registeredComponents() {
-      return props.registeredComponents;
-    },
-    get linkComponent() {
-      return props.linkComponent;
-    },
-    [qwik._IMMUTABLE]: {
-      block: qwik._fnSignal((p0) => p0.block, [
-        props
-      ], "p0.block"),
-      context: qwik._fnSignal((p0) => p0.store, [
-        state
-      ], "p0.store"),
-      linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
-        props
-      ], "p0.linkComponent"),
-      registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
-        props
-      ], "p0.registeredComponents")
-    }
-  }, 3, "GO_0");
-}, "RepeatedBlock_component_JK1l2jKcfwA"));
+  return /* @__PURE__ */ jsxRuntime.jsx(block.default, {
+    block: props.block,
+    context: state.store,
+    registeredComponents: props.registeredComponents,
+    linkComponent: props.linkComponent
+  });
+});
 exports.RepeatedBlock = RepeatedBlock;
 exports.default = RepeatedBlock;

package/lib/browser/components/block/components/repeated-block.qwik.mjs

@@ -1,40 +1,19 @@
-import { componentQrl, inlinedQrl, useStore, useContextProvider, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import builderContext from "../../../context/builder.context.qwik.mjs";
-import { Block } from "../block.qwik.mjs";
-const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import Block from "../block.qwik.mjs";
+import { component$, useStore, useContextProvider } from "@builder.io/qwik";
+const RepeatedBlock = component$((props) => {
   const state = useStore({
     store: props.repeatContext
   });
   useContextProvider(builderContext, state.store);
-  return /* @__PURE__ */ _jsxC(Block, {
-    get block() {
-      return props.block;
-    },
-    get context() {
-      return state.store;
-    },
-    get registeredComponents() {
-      return props.registeredComponents;
-    },
-    get linkComponent() {
-      return props.linkComponent;
-    },
-    [_IMMUTABLE]: {
-      block: _fnSignal((p0) => p0.block, [
-        props
-      ], "p0.block"),
-      context: _fnSignal((p0) => p0.store, [
-        state
-      ], "p0.store"),
-      linkComponent: _fnSignal((p0) => p0.linkComponent, [
-        props
-      ], "p0.linkComponent"),
-      registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
-        props
-      ], "p0.registeredComponents")
-    }
-  }, 3, "GO_0");
-}, "RepeatedBlock_component_JK1l2jKcfwA"));
+  return /* @__PURE__ */ jsx(Block, {
+    block: props.block,
+    context: state.store,
+    registeredComponents: props.registeredComponents,
+    linkComponent: props.linkComponent
+  });
+});
 export {
   RepeatedBlock,
   RepeatedBlock as default

package/lib/browser/components/blocks/blocks-wrapper.qwik.cjs

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const isEditing = require("../../functions/is-editing.qwik.cjs");
+const qwik = require("@builder.io/qwik");
 const onClick = function onClick2(props, state, className, blocksWrapperRef) {
   var _a, _b;
-  if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
+  if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length)) {
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
@@ -12,10 +13,11 @@ const onClick = function onClick2(props, state, className, blocksWrapperRef) {
         dataPath: props.path
       }
     }, "*");
+  }
 };
 const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
   var _a, _b;
-  if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
+  if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length)) {
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
@@ -23,80 +25,30 @@ const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapp
         dataPath: props.path
       }
     }, "*");
+  }
 };
-const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "BlocksWrapper_component_useStylesScoped_Kj0S9AOXQ0o"));
-  const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+const BlocksWrapper = qwik.component$((props) => {
+  qwik.useStylesScoped$(STYLES);
+  const className = qwik.useComputed$(() => {
     var _a;
-    const [props2] = qwik.useLexicalScope();
-    return "builder-blocks" + (!((_a = props2.blocks) == null ? void 0 : _a.length) ? " no-blocks" : "");
-  }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
-    props
-  ]));
+    return "builder-blocks" + (!((_a = props.blocks) == null ? void 0 : _a.length) ? " no-blocks" : "");
+  });
   const blocksWrapperRef = qwik.useSignal();
-  const state = {};
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
-  return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
+  qwik.useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(props.BlocksWrapper, {
     ref: blocksWrapperRef,
-    get class() {
-      return className.value + " props-blocks-wrapper-BlocksWrapper";
-    },
-    get "builder-path"() {
-      return props.path;
-    },
-    get "builder-parent-id"() {
-      return props.parent;
-    },
-    get style() {
-      return props.styleProp;
-    },
-    onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
-    }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
-      blocksWrapperRef,
-      className,
-      props,
-      state
-    ]),
-    onKeyPress$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
-    }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
-      blocksWrapperRef,
-      className,
-      props,
-      state
-    ]),
-    onMouseEnter$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onMouseEnter(props2);
-    }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
-      blocksWrapperRef,
-      className,
-      props,
-      state
-    ]),
+    class: className.value + " props-blocks-wrapper-BlocksWrapper",
+    "builder-path": props.path,
+    "builder-parent-id": props.parent,
+    style: props.styleProp,
+    onClick$: qwik.$((event) => onClick(props)),
+    onMouseEnter$: qwik.$((event) => onMouseEnter(props)),
+    onKeyPress$: qwik.$((event) => onClick(props)),
     ...props.BlocksWrapperProps,
-    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "3u_0"),
-    [qwik._IMMUTABLE]: {
-      "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
-        props
-      ], "p0.parent"),
-      "builder-path": qwik._fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
-      class: qwik._fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
-        className
-      ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),
-      ref: qwik._IMMUTABLE,
-      style: qwik._fnSignal((p0) => p0.styleProp, [
-        props
-      ], "p0.styleProp")
-    }
-  }, 0, "3u_1");
-}, "BlocksWrapper_component_45hR0o6abzg"));
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
 const STYLES = `
 .props-blocks-wrapper-BlocksWrapper {
   display: flex;