@builder.io/mitosis 0.0.78 → 0.0.79

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mImage.slow/med.js

@@ -1,151 +0,0 @@
-import {
-  Fragment,
-  componentQrl,
-  h,
-  qrl,
-  useStore,
-  useStylesScopedQrl,
-} from "@builder.io/qwik";
-export const MyComponentStyles = `.cvk52jt{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;min-height:20px;min-width:20px;overflow:hidden}.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-export const MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("myState")) state.myState = "initialValue";
-    return state;
-  });
-  useStylesScopedQrl(qrl("./med.js", "MyComponentStyles", []));
-  return h(
-    Fragment,
-    null,
-    h(Image, {
-      "builder-id": "builder-fa4480d2f48a44a7a2e98cf07c54927b",
-      image:
-        "https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1160",
-      backgroundSize: "cover",
-      backgroundPosition: "center",
-      srcset:
-        "https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1160 1160w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=598 598w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=958 958w",
-      sizes: "(max-width: 638px) 94vw, (max-width: 998px) 96vw, 83vw",
-      class: "cvk52jt builder-block",
-      onClick$: qrl("./high.js", "MyComponent_onClick_0", [state]),
-      lazy: false,
-      fitContent: true,
-      aspectRatio: 1,
-      height: 1300,
-      width: 1300,
-    }),
-    h(
-      "div",
-      { class: "cjrqfb1" },
-      h("div", {
-        class: "builder-text",
-        dangerouslySetInnerHTML: (() => {
-          try {
-            var _virtual_index = state.myState;
-            return _virtual_index;
-          } catch (err) {
-            console.warn("Builder code error", err);
-          }
-        })(),
-      })
-    )
-  );
-};
-export const MyComponent = componentQrl(
-  qrl("./med.js", "MyComponentOnMount", [])
-);
-export const Image = function Image(props) {
-  let jsx = props.children || [];
-  let image = props.image;
-  if (image) {
-    const isBuilderIoImage =
-      !!(image || "").match(/\.builder\.io/) && !props.noWebp;
-    const isPixel = props.builderBlock?.id.startsWith("builder-pixel-");
-    const imgProps = {
-      src: props.image,
-      style:
-        `object-fit:${props.backgroundSize || "cover"};object-position:${
-          props.backgroundPosition || "center"
-        };` +
-        (props.aspectRatio
-          ? "position:absolute;height:100%;width:100%;top:0;left:0"
-          : ""),
-      sizes: props.sizes,
-      alt: props.altText,
-      role: !props.altText ? "presentation" : void 0,
-      loading: isPixel ? "eager" : "lazy",
-      srcset: void 0,
-    };
-    const qwikBugWorkaround = (imgProps2) =>
-      Object.keys(imgProps2).forEach(
-        (k) => imgProps2[k] === void 0 && delete imgProps2[k]
-      );
-    qwikBugWorkaround(imgProps);
-    if (isBuilderIoImage) {
-      const webpImage = updateQueryParam(image, "format", "webp");
-      const srcset = ["100", "200", "400", "800", "1200", "1600", "2000"]
-        .concat(props.srcsetSizes ? String(props.srcsetSizes).split(" ") : [])
-        .map((size) => {
-          return updateQueryParam(webpImage, "width", size) + " " + size + "w";
-        })
-        .concat([image])
-        .join(",");
-      imgProps.srcset = srcset;
-      jsx = jsx = [
-        h("picture", {}, [
-          h("source", { type: "image/webp", srcset }),
-          h("img", imgProps, jsx),
-        ]),
-      ];
-    } else {
-      jsx = [h("img", imgProps, jsx)];
-    }
-    if (
-      props.aspectRatio &&
-      !(props.fitContent && props.children && props.children.length)
-    ) {
-      const sizingDiv = h("div", {
-        class: "builder-image-sizer",
-        style: `width:100%;padding-top:${
-          (props.aspectRatio || 1) * 100
-        }%;pointer-events:none;font-size:0`,
-      });
-      jsx.push(sizingDiv);
-    }
-  }
-  const children = props.children ? [jsx].concat(props.children) : [jsx];
-  return h(
-    props.href ? "a" : "div",
-    __passThroughProps__({ href: props.href, class: props.class }, props),
-    children
-  );
-  function updateQueryParam(uri = "", key, value) {
-    const re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
-    const separator = uri.indexOf("?") !== -1 ? "&" : "?";
-    if (uri.match(re)) {
-      return uri.replace(
-        re,
-        "$1" + key + "=" + encodeURIComponent(value) + "$2"
-      );
-    }
-    return uri + separator + key + "=" + encodeURIComponent(value);
-  }
-};
-export const __passThroughProps__ = function __passThroughProps__(
-  dstProps,
-  srcProps
-) {
-  for (const key in srcProps) {
-    if (
-      Object.prototype.hasOwnProperty.call(srcProps, key) &&
-      ((key.startsWith("on") && key.endsWith("$")) || key == "style")
-    ) {
-      dstProps[key] = srcProps[key];
-    }
-  }
-  return dstProps;
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mbindings/low.cjs

@@ -1,45 +0,0 @@
-const Fragment = require("@builder.io/qwik").Fragment;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const useStylesScopedQrl = require("@builder.io/qwik").useStylesScopedQrl;
-exports.MyComponentStyles = `.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-exports.MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("title")) state.title = '"Default title value"';
-    if (!state.hasOwnProperty("hiliteTitle")) state.hiliteTitle = true;
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "MyComponentStyles", []));
-  return h(
-    "div",
-    {
-      class: "cjrqfb1",
-      style: {
-        backgroundColor: (() => {
-          try {
-            return state.hilitTitle ? "red" : "gray";
-          } catch (err) {
-            console.warn("Builder code error", err);
-          }
-        })(),
-      },
-    },
-    h("div", {
-      class: "builder-text",
-      dangerouslySetInnerHTML: (() => {
-        try {
-          var _virtual_index = state.title;
-          return _virtual_index;
-        } catch (err) {
-          console.warn("Builder code error", err);
-        }
-      })(),
-    })
-  );
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mbindings/med.cjs

@@ -1,3 +0,0 @@
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const qrl = require("@builder.io/qwik").qrl;
-exports.MyComponent = componentQrl(qrl("./low.js", "MyComponentOnMount", []));

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mbutton/high.js

@@ -1,3 +0,0 @@
-export const MyComponent_onClick_0 = (event) => {
-  alert("WORKS!");
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mbutton/low.js

@@ -1,25 +0,0 @@
-import { CoreButton } from "./med.js";
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  useStylesScopedQrl,
-} from "@builder.io/qwik";
-export const MyComponentStyles = `.c9nzze9{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;appearance:none;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:25px;background-color:#3898EC;color:white;border-radius:4px;text-align:center;cursor:pointer}`;
-export const MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "MyComponentStyles", []));
-  return h(CoreButton, {
-    text: "Click me!",
-    class: "c9nzze9",
-    onClick$: qrl("./high.js", "MyComponent_onClick_0", [state]),
-  });
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mbutton/med.js

@@ -1,31 +0,0 @@
-import { componentQrl, h, qrl } from "@builder.io/qwik";
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponentOnMount", [])
-);
-export const CoreButton = function CoreButton(props) {
-  const hasLink = !!props.link;
-  const hProps = {
-    dangerouslySetInnerHTML: props.text || "",
-    href: props.link,
-    target: props.openInNewTab ? "_blank" : "_self",
-    class: props.class,
-  };
-  return h(
-    hasLink ? "a" : props.tagName$ || "span",
-    __passThroughProps__(hProps, props)
-  );
-};
-export const __passThroughProps__ = function __passThroughProps__(
-  dstProps,
-  srcProps
-) {
-  for (const key in srcProps) {
-    if (
-      Object.prototype.hasOwnProperty.call(srcProps, key) &&
-      ((key.startsWith("on") && key.endsWith("$")) || key == "style")
-    ) {
-      dstProps[key] = srcProps[key];
-    }
-  }
-  return dstProps;
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mcomponent/033[2m/>//033[22mbindings/low.jsx

@@ -1,108 +0,0 @@
-import { ComponentD187055AF171488FAD843ACF045D6BF7 } from "./med.js";
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  useStylesScopedQrl,
-} from "@builder.io/qwik";
-export const ComponentD187055AF171488FAD843ACF045D6BF7Styles = `.cj49hqu{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;height:auto;background-color:rgba(227, 227, 227, 1);border-radius:5px;border-style:solid;border-color:rgb(0, 0, 0);border-width:1px;padding-bottom:30px}.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-export const ComponentD187055AF171488FAD843ACF045D6BF7OnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("title")) state.title = "default-title";
-    return state;
-  });
-  useStylesScopedQrl(
-    qrl("./low.js", "ComponentD187055AF171488FAD843ACF045D6BF7Styles", [])
-  );
-  return (
-    <div
-      builder-id="builder-139a8479536b4c4f9c2738e724ed0952"
-      class="cj49hqu builder-block"
-    >
-      <div class="cjrqfb1">
-        <div
-          class="builder-text"
-          dangerouslySetInnerHTML={(() => {
-            try {
-              var _virtual_index = state.title;
-              return _virtual_index;
-            } catch (err) {
-              console.warn("Builder code error", err);
-            }
-          })()}
-        ></div>
-      </div>
-    </div>
-  );
-};
-export const MyComponentStyles = `.c713ty2{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px}`;
-export const MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    /*
-     * Global objects available:
-     *
-     * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions
-     * context - builder context object - learn about state https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down
-     * fetch - Fetch API - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'
-     * Builder - Builder object - useful values include: Builder.isServer, Builder.isBrowser, Builder.isPreviewing, Builder.isEditing
-     *
-     * visit https://www.builder.io/c/docs/guides/custom-code
-     * for more information on writing custom code
-     */
-    async function main() {
-      if (Builder.isServer) {
-        // Place any code here you want to only run on the server. Any
-        // data fetched on the server will be available to re-hydrate on the client
-        // if added to the state object
-      }
-
-      if (Builder.isBrowser) {
-        // Place code that you only want to run in the browser (client side only) here
-        // For example, anything that uses document/window access or DOM manipulation
-      }
-
-      state.something = "works!";
-    }
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "MyComponentStyles", []));
-  return (
-    <>
-      <div
-        builder-id="builder-50b2438beaa4498b985eb9d8a7659afa"
-        builder-content-id="d187055af171488fad843acf045d6bf7"
-        class="c713ty2 builder-block"
-      >
-        <ComponentD187055AF171488FAD843ACF045D6BF7
-          builder-content-id="d187055af171488fad843acf045d6bf7"
-          builder-id="builder-dbaw2p"
-          title="First title from parent"
-          serverStateId="w8x6w6"
-        ></ComponentD187055AF171488FAD843ACF045D6BF7>
-      </div>
-      <div
-        builder-id="builder-33f427415bef4725b0c9fcd4fed325f2"
-        builder-content-id="d187055af171488fad843acf045d6bf7"
-        class="c713ty2 builder-block"
-      >
-        <ComponentD187055AF171488FAD843ACF045D6BF7
-          builder-content-id="d187055af171488fad843acf045d6bf7"
-          builder-id="builder-ahaljp"
-          title="Second title from parent"
-          serverStateId="w8x6w6"
-        ></ComponentD187055AF171488FAD843ACF045D6BF7>
-      </div>
-    </>
-  );
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mcomponent/033[2m/>//033[22mbindings/med.jsx

@@ -1,7 +0,0 @@
-import { componentQrl, qrl } from "@builder.io/qwik";
-export const ComponentD187055AF171488FAD843ACF045D6BF7 = componentQrl(
-  qrl("./low.js", "ComponentD187055AF171488FAD843ACF045D6BF7OnMount", [])
-);
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponentOnMount", [])
-);

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mcomponent/033[2m/>//033[22mcomponent/inputs/high.cjsx

@@ -1,9 +0,0 @@
-const useLexicalScope = require("@builder.io/qwik").useLexicalScope;
-exports.MyComponent_onClick_0 = (event) => {
-  const state = useLexicalScope()[0];
-  try {
-    return (state.data = state.data + 1);
-  } catch (err) {
-    console.warn("Builder code error", err);
-  }
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mcomponent/033[2m/>//033[22mcomponent/inputs/med.cjsx

@@ -1,68 +0,0 @@
-const Fragment = require("@builder.io/qwik").Fragment;
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const useStylesScopedQrl = require("@builder.io/qwik").useStylesScopedQrl;
-exports.MyComponentStyles = `.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}.c9nzze9{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;appearance:none;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:25px;background-color:#3898EC;color:white;border-radius:4px;text-align:center;cursor:pointer}`;
-exports.MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("data")) state.data = 0;
-    return state;
-  });
-  useStylesScopedQrl(qrl("./med.js", "MyComponentStyles", []));
-  return (
-    <>
-      <div class="cjrqfb1">
-        <div
-          class="builder-text"
-          dangerouslySetInnerHTML={(() => {
-            try {
-              var _virtual_index = state.data;
-              return _virtual_index;
-            } catch (err) {
-              console.warn("Builder code error", err);
-            }
-          })()}
-        ></div>
-      </div>
-      <CoreButton
-        builder-id="builder-6f8fe6a1d2284f2890ae97657eed084a"
-        text="Something else"
-        class="c9nzze9 builder-block"
-        onClick$={qrl("./high.js", "MyComponent_onClick_0", [state])}
-      ></CoreButton>
-    </>
-  );
-};
-exports.MyComponent = componentQrl(qrl("./med.js", "MyComponentOnMount", []));
-const CoreButton = (exports.CoreButton = function CoreButton(props) {
-  const hasLink = !!props.link;
-  const hProps = {
-    dangerouslySetInnerHTML: props.text || "",
-    href: props.link,
-    target: props.openInNewTab ? "_blank" : "_self",
-    class: props.class,
-  };
-  return h(
-    hasLink ? "a" : props.tagName$ || "span",
-    __passThroughProps__(hProps, props)
-  );
-});
-const __passThroughProps__ = (exports.__passThroughProps__ =
-  function __passThroughProps__(dstProps, srcProps) {
-    for (const key in srcProps) {
-      if (
-        Object.prototype.hasOwnProperty.call(srcProps, key) &&
-        ((key.startsWith("on") && key.endsWith("$")) || key == "style")
-      ) {
-        dstProps[key] = srcProps[key];
-      }
-    }
-    return dstProps;
-  });

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mfor-loop.bindings/low.cjs

@@ -1,58 +0,0 @@
-const Component000013 = require("./med.js").Component000013;
-const Fragment = require("@builder.io/qwik").Fragment;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const useStylesScopedQrl = require("@builder.io/qwik").useStylesScopedQrl;
-exports.Component000012Styles = `.cv6ku2d{display:flex;flex-direction:row;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;padding-bottom:30px;flex-wrap:wrap;width:calc(100%+3vw);height:100%;min-height:100%;margin-left:-1.5vw;margin-right:-1.5vw}.c3j7e6c{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;width:33.3%}@media (max-width: 991px){.cv6ku2d{width:100%;margin-left:auto;margin-right:auto}}@media (max-width: 640px){.cv6ku2d{display:flex;flex-direction:column;align-items:stretch}}@media (max-width: 640px){.c3j7e6c{width:98%;margin-left:auto;margin-right:auto;margin-top:-10px}}`;
-exports.Component000012OnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("offset")) state.offset = "0";
-    if (!state.hasOwnProperty("limit")) state.limit = 3;
-    if (!state.hasOwnProperty("blogCategory"))
-      state.blogCategory = {
-        "@type": "@builder.io/core:Reference",
-        id: "",
-        model: "",
-      };
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "Component000012Styles", []));
-  return h(
-    "div",
-    {
-      "builder-id": "builder-d2b6ee30433348ffa51a17334b8b6c73",
-      class: "cv6ku2d builder-block",
-    },
-    (state.hits || []).map(
-      function (item) {
-        var state = Object.assign({}, this, {
-          hitsItem: item == null ? {} : item,
-        });
-        return h(
-          "div",
-          {
-            "builder-id": "builder-cc43bc95cde743a59b269cb0157b99cd",
-            class: "c3j7e6c",
-          },
-          h(Component000013, {
-            "builder-id": "builder-cx8eewmyu3",
-            altText: "",
-            serverStateId: "woo8b6",
-            title: state.hitsItem.name,
-            linkUrl: state.hitsItem.url,
-            subCategory: state.hitsItem.blogSubcategory,
-            imageUrl: state.hitsItem.heroImage,
-            publicationDate: state.hitsItem.createdDate,
-            heroImageAltText: state.hitsItem.heroImageAltText,
-          })
-        );
-      }.bind(state)
-    )
-  );
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mfor-loop.bindings/med.cjs

@@ -1,5 +0,0 @@
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const qrl = require("@builder.io/qwik").qrl;
-exports.Component000012 = componentQrl(
-  qrl("./low.js", "Component000012OnMount", [])
-);

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mhello_world/033[2m/>//033[22mstylesheet/low.jsx

@@ -1,26 +0,0 @@
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  useStylesScopedQrl,
-} from "@builder.io/qwik";
-export const MyComponentStyles = `.crt27f8{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:123px;line-height:normal;height:auto;text-align:center;margin-left:auto;margin-right:auto}`;
-export const MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "MyComponentStyles", []));
-  return (
-    <div class="crt27f8">
-      <p>
-        Hello <span class="names">World</span>
-      </p>
-    </div>
-  );
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mhello_world/033[2m/>//033[22mstylesheet/med.jsx

@@ -1,4 +0,0 @@
-import { componentQrl, qrl } from "@builder.io/qwik";
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponentOnMount", [])
-);

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mmount/low.cjs

@@ -1,47 +0,0 @@
-const Fragment = require("@builder.io/qwik").Fragment;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const useStylesScopedQrl = require("@builder.io/qwik").useStylesScopedQrl;
-exports.MyComponentStyles = `.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-exports.MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("title")) state.title = '"Default title value"';
-    if (!state.hasOwnProperty("hiliteTitle")) state.hiliteTitle = true;
-    var _virtual_index = 1234;
-    _virtual_index;
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "MyComponentStyles", []));
-  return h(
-    "div",
-    {
-      class: "cjrqfb1",
-      style: {
-        backgroundColor: (() => {
-          try {
-            return state.hilitTitle ? "red" : "gray";
-          } catch (err) {
-            console.warn("Builder code error", err);
-          }
-        })(),
-      },
-    },
-    h("div", {
-      class: "builder-text",
-      dangerouslySetInnerHTML: (() => {
-        try {
-          var _virtual_index = state.title;
-          return _virtual_index;
-        } catch (err) {
-          console.warn("Builder code error", err);
-        }
-      })(),
-    })
-  );
-};

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mmount/med.cjs

@@ -1,3 +0,0 @@
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const qrl = require("@builder.io/qwik").qrl;
-exports.MyComponent = componentQrl(qrl("./low.js", "MyComponentOnMount", []));

package/dist/test/src/__tests__/qwik.test.ts/033[2m/>//033[22mqwik/033[2m/>//033[22mpage-with-symbol/low.js

@@ -1,33 +0,0 @@
-import { Symbol1 } from "./med.js";
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  useStylesScopedQrl,
-} from "@builder.io/qwik";
-export const MyComponentStyles = `.c713ty2{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px}.cxvcn5v{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center;padding-top:1em;padding-bottom:1em;font-weight:700;font-size:24px}`;
-export const MyComponentOnMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    return state;
-  });
-  useStylesScopedQrl(qrl("./low.js", "MyComponentStyles", []));
-  return h(
-    Fragment,
-    null,
-    h(Symbol1, {
-      class: "c713ty2",
-      symbol: {
-        model: "page",
-        entry: "36da1052e57e47f084ea8b1fbde248e4",
-        data: {},
-      },
-    }),
-    h("div", { class: "cxvcn5v" }, "<p>Main Text</p>")
-  );
-};