@builder.io/mitosis 0.0.48 → 0.0.49

package/dist/test/qwik/Todo/component.ts

@@ -0,0 +1,17 @@
+import { Component, QRL } from "@builder.io/qwik";
+
+export class TodoComponent extends Component<any, any> {
+  static $templateQRL = "ui:/Todo/template";
+
+  editing = false;
+  toggle() {
+    this.todo.completed = !this.todo.completed;
+  }
+
+  $newState() {
+    return {}; // TODO
+  }
+}
+
+  }
+}

package/dist/test/qwik/Todo/onButtonClick.ts

@@ -0,0 +1,10 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./component.js";
+
+export const onButtonClick = injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    todosState.todos.splice(todosState.todos.indexOf(this.todo));
+  }
+);

package/dist/test/qwik/Todo/onInput2Blur.ts

@@ -0,0 +1,14 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./component.js";
+
+export default injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.editing = false;
+    markDirty(this);
+  }
+);
+his);
+  }
+);

package/dist/test/qwik/Todo/onInput2KeyUp.ts

@@ -0,0 +1,10 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./component.js";
+
+export const onInput2KeyUp = injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.todo.text = event.target.value;
+  }
+);

package/dist/test/qwik/Todo/onInputClick.ts

@@ -0,0 +1,13 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./component.js";
+
+export default injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.toggle();
+  }
+);
+le();
+  }
+);

package/dist/test/qwik/Todo/onLabelDblClick.ts

@@ -0,0 +1,11 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./component.js";
+
+export const onLabelDblClick = injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.editing = true;
+    markDirty(this);
+  }
+);

package/dist/test/qwik/Todo/public.ts

@@ -0,0 +1,3 @@
+import { jsxDeclareComponent, QRL } from "@builder.io/qwik";
+
+export const Todo = jsxDeclareComponent(QRL`ui:/Todo/bundle.template`, "todo");

package/dist/test/qwik/Todo/template.tsx

@@ -0,0 +1,46 @@
+import { injectMethod, QRL, jsxFactory } from "@builder.io/qwik";
+import { TodoComponent } from "./component.js";
+
+import { TodosState as todosState } from "../TodosState/public.js";
+
+export const template = injectMethod(
+  TodoComponent,
+  function (this: TodoComponent) {
+    return (
+      <li
+        class={`${this.todo.completed ? "completed" : ""} ${
+          this.editing ? "editing" : ""
+        }`}
+      >
+        <div class="view">
+          <input
+            class="toggle"
+            type="checkbox"
+            checked={this.todo.completed}
+            on:click={QRL`ui:/Todo/bundle.onInputClick`}
+          />
+
+          <label on:dblclick={QRL`ui:/Todo/bundle.onLabelDblClick`}>
+            {this.todo.text}
+          </label>
+
+          <button
+            class="destroy"
+            on:click={QRL`ui:/Todo/bundle.onButtonClick`}
+          ></button>
+        </div>
+
+        {this.editing ? (
+          <>
+            <input
+              class="edit"
+              value={this.todo.text}
+              on:blur={QRL`ui:/Todo/bundle.onInput2Blur`}
+              on:keyup={QRL`ui:/Todo/bundle.onInput2KeyUp`}
+            />
+          </>
+        ) : undefined}
+      </li>
+    );
+  }
+);

package/dist/test/qwik/Todo.ts

@@ -0,0 +1,4 @@
+import { jsxDeclareComponent, QRL } from "@builder.io/qwik";
+
+export const Todo = jsxDeclareComponent(QRL`ui:/Todo_template`, "todo");
+odo");

package/dist/test/qwik/Todo_component.ts

@@ -0,0 +1,17 @@
+import { Component, QRL } from "@builder.io/qwik";
+
+export class TodoComponent extends Component<any, any> {
+  static $templateQRL = "ui:/Todo_template";
+
+  editing = false;
+  toggle() {
+    this.todo.completed = !this.todo.completed;
+  }
+
+  $newState() {
+    return {}; // TODO
+  }
+}
+
+  }
+}

package/dist/test/qwik/Todo_onButtonClick.ts

@@ -0,0 +1,13 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./Todo_component.js";
+
+export default injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    todosState.todos.splice(todosState.todos.indexOf(this.todo));
+  }
+);
+odo));
+  }
+);

package/dist/test/qwik/Todo_onInput2Blur.ts

@@ -0,0 +1,14 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./Todo_component.js";
+
+export default injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.editing = false;
+    markDirty(this);
+  }
+);
+his);
+  }
+);

package/dist/test/qwik/Todo_onInput2KeyUp.ts

@@ -0,0 +1,10 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./Todo_component.js";
+
+export const onInput2KeyUp = injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.todo.text = event.target.value;
+  }
+);

package/dist/test/qwik/Todo_onInputClick.ts

@@ -0,0 +1,13 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./Todo_component.js";
+
+export default injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.toggle();
+  }
+);
+le();
+  }
+);

package/dist/test/qwik/Todo_onLabelDblClick.ts

@@ -0,0 +1,14 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodoComponent } from "./Todo_component.js";
+
+export default injectEventHandler(
+  TodoComponent,
+  provideEvent(),
+  async function (this: TodoComponent, event: Event) {
+    this.editing = true;
+    markDirty(this);
+  }
+);
+y(this);
+  }
+);

package/dist/test/qwik/Todo_template.tsx

@@ -0,0 +1,46 @@
+import { injectMethod, QRL, h } from "@builder.io/qwik";
+import { TodoComponent } from "./Todo_component.js";
+
+import { TodosState as todosState } from "../TodosState/public.js";
+
+export const template = injectMethod(
+  TodoComponent,
+  function (this: TodoComponent) {
+    return (
+      <li
+        class={`${this.todo.completed ? "completed" : ""} ${
+          this.editing ? "editing" : ""
+        }`}
+      >
+        <div class="view">
+          <input
+            type="checkbox"
+            class="toggle"
+            checked={this.todo.completed}
+            on:click={QRL`ui:/Todo/bundle.onInputClick`}
+          />
+
+          <label on:dblclick={QRL`ui:/Todo/bundle.onLabelDblClick`}>
+            {this.todo.text}
+          </label>
+
+          <button
+            class="destroy"
+            on:click={QRL`ui:/Todo/bundle.onButtonClick`}
+          ></button>
+        </div>
+
+        {this.editing ? (
+          <>
+            <input
+              class="edit"
+              value={this.todo.text}
+              on:blur={QRL`ui:/Todo/bundle.onInput2Blur`}
+              on:keyup={QRL`ui:/Todo/bundle.onInput2KeyUp`}
+            />
+          </>
+        ) : undefined}
+      </li>
+    );
+  }
+);

package/dist/test/qwik/{todos → Todos}/Todo.tsx/low.tsx

@@ -1,4 +1,4 @@
-import { Todo } from "./med.js";
+import { For, Todo } from "./med.js";
 
 import { h, qHook } from "@builder.io/qwik";
 
@@ -15,11 +15,10 @@ export const Todos_onRender = qHook((props, state) => (
       : null
     }
     <ul class="todo-list">
-      { (todosState.todos || []).map(() => (
+      <For each={todosState.todos}>
         <Todo todo={todo}>
         </Todo>
-      ))
-      }
+      </For>
     </ul>
   </section>
 ));

package/dist/test/qwik/Todos/component.ts

@@ -0,0 +1,9 @@
+import { Component, QRL } from "@builder.io/qwik";
+
+export class TodosComponent extends Component<any, any> {
+  static $templateQRL = "ui:/Todos/template";
+
+  $newState() {
+    return {}; // TODO
+  }
+}

package/dist/test/qwik/Todos/onInputClick.ts

@@ -0,0 +1,14 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodosComponent } from "./component.js";
+
+export default injectEventHandler(
+  TodosComponent,
+  provideEvent(),
+  async function (this: TodosComponent, event: Event) {
+    const newValue = !todosState.allCompleted;
+
+    for (const todoItem of todosState.todos) {
+      todoItem.completed = newValue;
+    }
+  }
+);

package/dist/test/qwik/Todos/public.ts

@@ -0,0 +1,3 @@
+import { jsxDeclareComponent, QRL } from "@builder.io/qwik";
+
+export const Todos = jsxDeclareComponent(QRL`ui:/Todos/template`, "todos");

package/dist/test/qwik/Todos/template.tsx

@@ -0,0 +1,30 @@
+import { injectMethod, QRL, jsxFactory } from "@builder.io/qwik";
+import { TodosComponent } from "./component.js";
+
+import { TodosState as todosState } from "../TodosState/public.js";
+import { Todo } from "../Todo/public.js";
+
+export default injectMethod(TodosComponent, function (this: TodosComponent) {
+  return (
+    <section class="main">
+      {todosState.todos.length ? (
+        <>
+          <input
+            class="toggle-all"
+            type="checkbox"
+            checked={todosState.allCompleted}
+            on:click={QRL`ui:/Todos/onInputClick`}
+          />
+        </>
+      ) : undefined}
+
+      <ul class="todo-list">
+        {todosState.todos.map((todo) => (
+          <>
+            <Todo todo={todo}></Todo>
+          </>
+        ))}
+      </ul>
+    </section>
+  );
+});

package/dist/test/qwik/Todos.ts

@@ -0,0 +1,3 @@
+import { jsxDeclareComponent, QRL } from "@builder.io/qwik";
+
+export const Todos = jsxDeclareComponent(QRL`ui:/Todos_template`, "todos");

package/dist/test/qwik/Todos_component.ts

@@ -0,0 +1,9 @@
+import { Component, QRL } from "@builder.io/qwik";
+
+export class TodosComponent extends Component<any, any> {
+  static $templateQRL = "ui:/Todos_template";
+
+  $newState() {
+    return {}; // TODO
+  }
+}

package/dist/test/qwik/Todos_onInputClick.ts

@@ -0,0 +1,14 @@
+import { injectEventHandler, provideEvent, markDirty } from "@builder.io/qwik";
+import { TodosComponent } from "./Todos_component.js";
+
+export default injectEventHandler(
+  TodosComponent,
+  provideEvent(),
+  async function (this: TodosComponent, event: Event) {
+    const newValue = !todosState.allCompleted;
+
+    for (const todoItem of todosState.todos) {
+      todoItem.completed = newValue;
+    }
+  }
+);

package/dist/test/qwik/Todos_template.tsx

@@ -0,0 +1,30 @@
+import { injectMethod, QRL, h } from "@builder.io/qwik";
+import { TodosComponent } from "./Todos_component.js";
+
+import { TodosState as todosState } from "../TodosState/public.js";
+import { Todo } from "../Todo/public.js";
+
+export default injectMethod(TodosComponent, function (this: TodosComponent) {
+  return (
+    <section class="main">
+      {todosState.todos.length ? (
+        <>
+          <input
+            type="checkbox"
+            class="toggle-all"
+            checked={todosState.allCompleted}
+            on:click={QRL`ui:/Todos_onInputClick`}
+          />
+        </>
+      ) : undefined}
+
+      <ul class="todo-list">
+        {todosState.todos?.map((todo) => (
+          <>
+            <Todo todo={todo}></Todo>
+          </>
+        ))}
+      </ul>
+    </section>
+  );
+});

package/dist/test/qwik/qwik/Image/high.js

@@ -0,0 +1 @@
+

package/dist/test/qwik/qwik/Image/low.js

@@ -0,0 +1,75 @@
+import { h, qHook } from "@builder.io/qwik";
+
+
+export const MyComponent_styles = `
+  .crpvxpi{
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    margin-left: 0px;
+    width: 147px;
+    min-height: 20px;
+    min-width: 20px;
+    overflow: hidden;
+    margin-top: 0px;
+    cursor: pointer;
+    pointer-events: auto;
+  }
+  .cj0wetn{
+    width: 100%;
+    padding-top: 33.6%;
+    pointer-events: none;
+    font-size: 0;
+  }
+  .cffxoir{
+    object-fit: cover;
+    object-position: center;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+  }
+`;
+
+export const MyComponent_onRender = qHook((props, state) => (
+  h(
+    "a",
+    {
+      href: "https://www.builder.io/",
+      builderTag: "a",
+      class: "crpvxpi"
+    },
+    h(
+      "picture",
+      {
+        
+      },
+      h(
+        "source",
+        {
+          srcset: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=147 147w",
+          type: "image/webp"
+        }
+      ),
+      h(
+        "img",
+        {
+          src: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=147",
+          sizes: "(max-width: 638px) 24vw, (max-width: 998px) 15vw, 11vw",
+          srcset: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=147 147w",
+          class: "cffxoir",
+          loading: "lazy"
+        }
+      )
+    ),
+    h(
+      "div",
+      {
+        class: "cj0wetn builder-image-sizer"
+      }
+    )
+  )
+));

package/dist/test/qwik/qwik/Image/med.js

@@ -0,0 +1,9 @@
+import { qComponent, qHook } from "@builder.io/qwik";
+
+
+export const onMountCreateEmptyState = qHook(() => ({}));
+export const MyComponent = qComponent({
+  onMount: qHook("./med#onMountCreateEmptyState"),
+  onRender: qHook("./low#MyComponent_onRender"),
+  styles: "./low#MyComponent_styles"
+});

package/dist/test/qwik/qwik/Image.slow/low.js

@@ -0,0 +1,75 @@
+import { h, qHook } from "@builder.io/qwik";
+
+
+export const MyComponent_styles = `
+  .crpvxpi{
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    margin-left: 0px;
+    width: 147px;
+    min-height: 20px;
+    min-width: 20px;
+    overflow: hidden;
+    margin-top: 0px;
+    cursor: pointer;
+    pointer-events: auto;
+  }
+  .cj0wetn{
+    width: 100%;
+    padding-top: 33.6%;
+    pointer-events: none;
+    font-size: 0;
+  }
+  .cffxoir{
+    object-fit: cover;
+    object-position: center;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+  }
+`;
+
+export const MyComponent_onRender = qHook((props, state) => (
+  h(
+    "a",
+    {
+      href: "https://www.builder.io/",
+      builderTag: "a",
+      class: "crpvxpi"
+    },
+    h(
+      "picture",
+      {
+        
+      },
+      h(
+        "source",
+        {
+          srcset: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?format=webp&width=147 147w",
+          type: "image/webp"
+        }
+      ),
+      h(
+        "img",
+        {
+          src: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=147",
+          sizes: "(max-width: 638px) 24vw, (max-width: 998px) 15vw, 11vw",
+          srcset: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffc377a8e6589456996b4b36b837b69b3?width=147 147w",
+          class: "cffxoir",
+          loading: "lazy"
+        }
+      )
+    ),
+    h(
+      "div",
+      {
+        class: "cj0wetn builder-image-sizer"
+      }
+    )
+  )
+));

package/dist/test/qwik/qwik/button/high.js

@@ -0,0 +1,8 @@
+import { qHook } from "@builder.io/qwik";
+
+
+export const MyComponent_onClick_0 = qHook((props, state) => {
+   alert("WORKS!");
+
+});
+

package/dist/test/qwik/qwik/button/low.js

@@ -0,0 +1,34 @@
+import { h, qHook } from "@builder.io/qwik";
+
+
+export const MyComponent_styles = `
+  .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 MyComponent_onRender = qHook((props, state) => (
+  h(
+    "span",
+    {
+      innerHTML: "Click me!",
+      class: "c9nzze9",
+      "on:click": qHook("./high#MyComponent_onClick_0")
+    }
+  )
+));

package/dist/test/qwik/qwik/button/med.js

@@ -0,0 +1,9 @@
+import { qComponent, qHook } from "@builder.io/qwik";
+
+
+export const onMountCreateEmptyState = qHook(() => ({}));
+export const MyComponent = qComponent({
+  onMount: qHook("./med#onMountCreateEmptyState"),
+  onRender: qHook("./low#MyComponent_onRender"),
+  styles: "./low#MyComponent_styles"
+});

package/dist/test/qwik/qwik/hello_world/stylesheet/high.jsx

@@ -0,0 +1 @@
+