@qwik.dev/devtools 0.1.0 → 0.1.2

package/dist/ui/components/TabContent/TabContent.qwik.mjs

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
 import { component$, Slot } from "@qwik.dev/core";
 const TabContent = component$(() => {
   return /* @__PURE__ */ jsxs("div", {
-    class: "space-y-6",
+    class: "flex h-full w-full flex-col space-y-6",
     children: [
       /* @__PURE__ */ jsx("div", {
-        class: "flex items-center justify-between border-b border-zinc-700 pb-4",
+        class: "flex items-center justify-between border-b border-border pb-4",
         children: /* @__PURE__ */ jsx(Slot, {
           name: "title"
         })

package/dist/ui/components/ThemeToggle/ThemeToggle.qwik.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const themeScript = require("../router-head/theme-script.qwik.cjs");
+const hi_qwik = require("../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.cjs");
+const bs_qwik = require("../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/bs.qwik.qwik.cjs");
+const themToggle = require("./themToggle.css.qwik.cjs");
+const getTheme = () => {
+  if (core.isServer) {
+    return "auto";
+  }
+  let theme;
+  try {
+    theme = localStorage.getItem(themeScript.themeStorageKey);
+  } catch {
+  }
+  return theme || "auto";
+};
+const setTheme = (theme) => {
+  if (theme === "auto") {
+    document.firstElementChild?.removeAttribute("data-theme");
+  } else {
+    document.firstElementChild?.setAttribute("data-theme", theme);
+  }
+  localStorage.setItem(themeScript.themeStorageKey, theme);
+};
+const ThemeToggle = core.component$(() => {
+  core.useStyles$(themToggle);
+  const onClick$ = core.event$(() => {
+    let currentTheme = getTheme();
+    if (currentTheme === "dark") {
+      currentTheme = "light";
+    } else if (currentTheme === "light") {
+      currentTheme = "auto";
+    } else {
+      currentTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "light" : "dark";
+    }
+    setTheme(currentTheme);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /* @__PURE__ */ jsxRuntime.jsx("button", {
+      onClick$,
+      class: "group relative flex h-8 w-8 items-center justify-center rounded-md bg-background text-foreground hover:opacity-60",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        class: "absolute inset-0 grid place-items-center transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-75",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiSunOutline, {
+            class: "themeIcon light col-start-1 row-start-1"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiMoonOutline, {
+            class: "themeIcon dark col-start-1 row-start-1"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(bs_qwik.BsBrilliance, {
+            class: "themeIcon auto col-start-1 row-start-1"
+          })
+        ]
+      })
+    })
+  });
+});
+exports.ThemeToggle = ThemeToggle;
+exports.getTheme = getTheme;
+exports.setTheme = setTheme;

package/dist/ui/components/ThemeToggle/ThemeToggle.qwik.mjs

@@ -0,0 +1,64 @@
+import { jsx, Fragment, jsxs } from "@qwik.dev/core/jsx-runtime";
+import { component$, useStyles$, event$, isServer } from "@qwik.dev/core";
+import { themeStorageKey } from "../router-head/theme-script.qwik.mjs";
+import { HiSunOutline, HiMoonOutline } from "../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs";
+import { BsBrilliance } from "../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/bs.qwik.qwik.mjs";
+import themeTogglecss from "./themToggle.css.qwik.mjs";
+const getTheme = () => {
+  if (isServer) {
+    return "auto";
+  }
+  let theme;
+  try {
+    theme = localStorage.getItem(themeStorageKey);
+  } catch {
+  }
+  return theme || "auto";
+};
+const setTheme = (theme) => {
+  if (theme === "auto") {
+    document.firstElementChild?.removeAttribute("data-theme");
+  } else {
+    document.firstElementChild?.setAttribute("data-theme", theme);
+  }
+  localStorage.setItem(themeStorageKey, theme);
+};
+const ThemeToggle = component$(() => {
+  useStyles$(themeTogglecss);
+  const onClick$ = event$(() => {
+    let currentTheme = getTheme();
+    if (currentTheme === "dark") {
+      currentTheme = "light";
+    } else if (currentTheme === "light") {
+      currentTheme = "auto";
+    } else {
+      currentTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "light" : "dark";
+    }
+    setTheme(currentTheme);
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx("button", {
+      onClick$,
+      class: "group relative flex h-8 w-8 items-center justify-center rounded-md bg-background text-foreground hover:opacity-60",
+      children: /* @__PURE__ */ jsxs("div", {
+        class: "absolute inset-0 grid place-items-center transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-75",
+        children: [
+          /* @__PURE__ */ jsx(HiSunOutline, {
+            class: "themeIcon light col-start-1 row-start-1"
+          }),
+          /* @__PURE__ */ jsx(HiMoonOutline, {
+            class: "themeIcon dark col-start-1 row-start-1"
+          }),
+          /* @__PURE__ */ jsx(BsBrilliance, {
+            class: "themeIcon auto col-start-1 row-start-1"
+          })
+        ]
+      })
+    })
+  });
+});
+export {
+  ThemeToggle,
+  getTheme,
+  setTheme
+};

package/dist/ui/components/ThemeToggle/themToggle.css.qwik.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const themeTogglecss = ".themeIcon {\n  opacity: 0;\n  transition: opacity 400ms ease-in-out;\n}\n\nhtml[data-theme='light'] .themeIcon.light,\nhtml[data-theme='dark'] .themeIcon.dark,\nhtml:not([data-theme]) .themeIcon.auto {\n  opacity: 1;\n}\n";
+module.exports = themeTogglecss;

package/dist/ui/components/ThemeToggle/themToggle.css.qwik.mjs

@@ -0,0 +1,4 @@
+const themeTogglecss = ".themeIcon {\n  opacity: 0;\n  transition: opacity 400ms ease-in-out;\n}\n\nhtml[data-theme='light'] .themeIcon.light,\nhtml[data-theme='dark'] .themeIcon.dark,\nhtml:not([data-theme]) .themeIcon.auto {\n  opacity: 1;\n}\n";
+export {
+  themeTogglecss as default
+};

package/dist/ui/components/ThemeToggle/theme-script.qwik.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const themeScript = require("../router-head/theme-script.qwik.cjs");
+const ThemeScript = () => {
+  const themeScript$1 = `
+        try {
+          const getItem = localStorage.getItem('${themeScript.themeStorageKey}')
+          if(getItem === 'light' || getItem === 'dark'){
+              document.firstElementChild.setAttribute('data-theme', getItem);
+          }
+        } catch (err) { }`;
+  return /* @__PURE__ */ jsxRuntime.jsx("script", {
+    dangerouslySetInnerHTML: themeScript$1
+  });
+};
+exports.ThemeScript = ThemeScript;

package/dist/ui/components/ThemeToggle/theme-script.qwik.mjs

@@ -0,0 +1,17 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { themeStorageKey } from "../router-head/theme-script.qwik.mjs";
+const ThemeScript = () => {
+  const themeScript = `
+        try {
+          const getItem = localStorage.getItem('${themeStorageKey}')
+          if(getItem === 'light' || getItem === 'dark'){
+              document.firstElementChild.setAttribute('data-theme', getItem);
+          }
+        } catch (err) { }`;
+  return /* @__PURE__ */ jsx("script", {
+    dangerouslySetInnerHTML: themeScript
+  });
+};
+export {
+  ThemeScript
+};

package/dist/ui/components/Tree/Tree.qwik.cjs

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const hi_qwik = require("../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.cjs");
+const TreeNodeComponent = core.component$((props) => {
+  const isExpanded = core.useSignal(props.expandLevel <= props.level);
+  const hasChildren = props.node.children && props.node.children.length > 0;
+  const handleNodeClick = core.$(() => {
+    props.onNodeClick(props.node);
+    if (hasChildren) {
+      isExpanded.value = !isExpanded.value;
+    }
+  });
+  const iterateProps = (porps) => {
+    const displayProp = [
+      "q:id",
+      "q:key"
+    ];
+    return displayProp.reduce((totalStr, prop) => {
+      if (porps[prop]) {
+        totalStr += `${prop}="${porps[prop]}" `;
+      }
+      return totalStr;
+    }, "");
+  };
+  const isActive = props.isHover ? props.node.id === props.activeNodeId : false;
+  const duration = props.animationDuration ?? 200;
+  const shouldShowChildren = hasChildren && !isExpanded.value;
+  const renderChildren = props.node.children?.map((child) => /* @__PURE__ */ jsxRuntime.jsx(TreeNodeComponent, {
+    isHover: props.isHover,
+    node: child,
+    gap: props.gap,
+    expandLevel: props.expandLevel,
+    level: props.level + 1,
+    activeNodeId: props.activeNodeId,
+    onNodeClick: props.onNodeClick,
+    renderNode: props.renderNode,
+    animate: props.animate,
+    animationDuration: props.animationDuration
+  }, child.id));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "w-full",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        style: {
+          paddingLeft: `${props.level * props.gap}px`
+        },
+        class: `flex w-full cursor-pointer items-center rounded-md p-1 transition-colors duration-150 
+                ${isActive ? "bg-primary  text-white " : "hover:bg-primary-hover "}`,
+        onClick$: handleNodeClick,
+        children: [
+          hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiChevronUpMini, {
+            class: `mr-2 h-4 w-4 flex-shrink-0 transition-transform duration-200 ${isExpanded.value ? "rotate-90" : "rotate-180"}`
+          }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "mr-2 w-4 flex-shrink-0"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "cursor-pointer whitespace-nowrap text-sm",
+            children: props.renderNode ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+              children: props.renderNode(props.node)
+            }) : `<${props.node.label || props.node.name} ${iterateProps(props.node.props || {})}>`
+          })
+        ]
+      }),
+      hasChildren ? props.animate ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: `overflow-hidden transition-all ease-in-out`,
+        style: {
+          maxHeight: shouldShowChildren ? "1000px" : "0px",
+          opacity: shouldShowChildren ? "1" : "0",
+          transition: `max-height ${duration}ms ease-in-out, opacity ${duration}ms ease-in-out`
+        },
+        children: renderChildren
+      }) : shouldShowChildren && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: renderChildren
+      }) : null
+    ]
+  });
+});
+const Tree = core.component$((props) => {
+  const ref = core.useSignal();
+  const store = props.data;
+  const activeNodeId = core.useSignal("");
+  const setActiveNode = core.$((node) => {
+    ref.value.scrollLeft = ref.value.scrollWidth;
+    activeNodeId.value = node.id;
+    props.onNodeClick && props.onNodeClick(node);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    class: "h-full w-full overflow-x-auto overflow-y-auto",
+    ref,
+    children: store.value.map((rootNode) => /* @__PURE__ */ jsxRuntime.jsx(TreeNodeComponent, {
+      isHover: props.isHover === false ? false : true,
+      gap: props.gap || 20,
+      node: rootNode,
+      level: 0,
+      expandLevel: props.expandLevel ?? 2,
+      activeNodeId: activeNodeId.value,
+      onNodeClick: setActiveNode,
+      renderNode: props.renderNode,
+      animate: props.animate ?? true,
+      animationDuration: props.animationDuration
+    }, rootNode.id))
+  });
+});
+exports.Tree = Tree;

package/dist/ui/components/Tree/Tree.qwik.mjs

@@ -0,0 +1,106 @@
+import { jsx, jsxs, Fragment } from "@qwik.dev/core/jsx-runtime";
+import { component$, useSignal, $ } from "@qwik.dev/core";
+import { HiChevronUpMini } from "../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs";
+const TreeNodeComponent = component$((props) => {
+  const isExpanded = useSignal(props.expandLevel <= props.level);
+  const hasChildren = props.node.children && props.node.children.length > 0;
+  const handleNodeClick = $(() => {
+    props.onNodeClick(props.node);
+    if (hasChildren) {
+      isExpanded.value = !isExpanded.value;
+    }
+  });
+  const iterateProps = (porps) => {
+    const displayProp = [
+      "q:id",
+      "q:key"
+    ];
+    return displayProp.reduce((totalStr, prop) => {
+      if (porps[prop]) {
+        totalStr += `${prop}="${porps[prop]}" `;
+      }
+      return totalStr;
+    }, "");
+  };
+  const isActive = props.isHover ? props.node.id === props.activeNodeId : false;
+  const duration = props.animationDuration ?? 200;
+  const shouldShowChildren = hasChildren && !isExpanded.value;
+  const renderChildren = props.node.children?.map((child) => /* @__PURE__ */ jsx(TreeNodeComponent, {
+    isHover: props.isHover,
+    node: child,
+    gap: props.gap,
+    expandLevel: props.expandLevel,
+    level: props.level + 1,
+    activeNodeId: props.activeNodeId,
+    onNodeClick: props.onNodeClick,
+    renderNode: props.renderNode,
+    animate: props.animate,
+    animationDuration: props.animationDuration
+  }, child.id));
+  return /* @__PURE__ */ jsxs("div", {
+    class: "w-full",
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        style: {
+          paddingLeft: `${props.level * props.gap}px`
+        },
+        class: `flex w-full cursor-pointer items-center rounded-md p-1 transition-colors duration-150 
+                ${isActive ? "bg-primary  text-white " : "hover:bg-primary-hover "}`,
+        onClick$: handleNodeClick,
+        children: [
+          hasChildren ? /* @__PURE__ */ jsx(HiChevronUpMini, {
+            class: `mr-2 h-4 w-4 flex-shrink-0 transition-transform duration-200 ${isExpanded.value ? "rotate-90" : "rotate-180"}`
+          }) : /* @__PURE__ */ jsx("div", {
+            class: "mr-2 w-4 flex-shrink-0"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            class: "cursor-pointer whitespace-nowrap text-sm",
+            children: props.renderNode ? /* @__PURE__ */ jsx(Fragment, {
+              children: props.renderNode(props.node)
+            }) : `<${props.node.label || props.node.name} ${iterateProps(props.node.props || {})}>`
+          })
+        ]
+      }),
+      hasChildren ? props.animate ? /* @__PURE__ */ jsx("div", {
+        class: `overflow-hidden transition-all ease-in-out`,
+        style: {
+          maxHeight: shouldShowChildren ? "1000px" : "0px",
+          opacity: shouldShowChildren ? "1" : "0",
+          transition: `max-height ${duration}ms ease-in-out, opacity ${duration}ms ease-in-out`
+        },
+        children: renderChildren
+      }) : shouldShowChildren && /* @__PURE__ */ jsx(Fragment, {
+        children: renderChildren
+      }) : null
+    ]
+  });
+});
+const Tree = component$((props) => {
+  const ref = useSignal();
+  const store = props.data;
+  const activeNodeId = useSignal("");
+  const setActiveNode = $((node) => {
+    ref.value.scrollLeft = ref.value.scrollWidth;
+    activeNodeId.value = node.id;
+    props.onNodeClick && props.onNodeClick(node);
+  });
+  return /* @__PURE__ */ jsx("div", {
+    class: "h-full w-full overflow-x-auto overflow-y-auto",
+    ref,
+    children: store.value.map((rootNode) => /* @__PURE__ */ jsx(TreeNodeComponent, {
+      isHover: props.isHover === false ? false : true,
+      gap: props.gap || 20,
+      node: rootNode,
+      level: 0,
+      expandLevel: props.expandLevel ?? 2,
+      activeNodeId: activeNodeId.value,
+      onNodeClick: setActiveNode,
+      renderNode: props.renderNode,
+      animate: props.animate ?? true,
+      animationDuration: props.animationDuration
+    }, rootNode.id))
+  });
+});
+export {
+  Tree
+};

package/dist/ui/components/Tree/filterVnode.qwik.cjs

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const internal = require("@qwik.dev/core/internal");
+const vnode = require("./vnode.qwik.cjs");
+const location = require("../../utils/location.qwik.cjs");
+require("../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
+const constants = require("../../packages/kit/src/constants.qwik.cjs");
+require("../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
+let index = 0;
+function initVnode({ name = "text", props = {}, element = {}, children = [] }) {
+  return {
+    name,
+    props,
+    element,
+    children,
+    label: name,
+    id: `vnode-${index++}`
+  };
+}
+function vnode_toObject(vnodeItem) {
+  if (vnodeItem === null || vnodeItem === void 0) {
+    return null;
+  }
+  return buildTreeRecursive(vnodeItem);
+}
+const container = location.htmlContainer();
+function buildTreeRecursive(vnode$1, materialize) {
+  if (!vnode$1) {
+    return [];
+  }
+  const result = [];
+  let currentVNode = vnode$1;
+  while (currentVNode) {
+    const isVirtual = internal._vnode_isVirtualVNode(currentVNode);
+    const isFragment = isVirtual && typeof container.getHostProp(currentVNode, constants.QRENDERFN) === "function";
+    if (isFragment) {
+      const vnodeObject = initVnode({
+        element: currentVNode
+      });
+      internal._vnode_getAttrKeys(currentVNode).forEach((key) => {
+        if (key === constants.QTYPE) return;
+        const value = container.getHostProp(currentVNode, key);
+        internal._vnode_getProps(currentVNode)[internal._vnode_getProps(currentVNode).indexOf(key) + 1] = value;
+        vnodeObject.props[key] = internal._vnode_getAttr(currentVNode, key);
+        if (key === constants.QRENDERFN) {
+          vnodeObject.label = vnode.normalizeName(value.getSymbol());
+          vnodeObject.name = vnode.normalizeName(value.getSymbol());
+        }
+      });
+      const firstChild = internal._vnode_getFirstChild(currentVNode);
+      const children = firstChild ? buildTreeRecursive(firstChild) : [];
+      if (children.length > 0) {
+        vnodeObject.children = children;
+      }
+      result.push(vnodeObject);
+    } else if (internal._vnode_isMaterialized(currentVNode) || isVirtual && !isFragment) {
+      const firstChild = internal._vnode_getFirstChild(currentVNode);
+      if (firstChild) {
+        result.push(...buildTreeRecursive(firstChild));
+      }
+    }
+    currentVNode = internal._vnode_getNextSibling(currentVNode);
+  }
+  return result;
+}
+exports.vnode_toObject = vnode_toObject;

package/dist/ui/components/Tree/filterVnode.qwik.mjs

@@ -0,0 +1,66 @@
+import { _vnode_isVirtualVNode, _vnode_getAttrKeys, _vnode_getProps, _vnode_getAttr, _vnode_getFirstChild, _vnode_isMaterialized, _vnode_getNextSibling } from "@qwik.dev/core/internal";
+import { normalizeName } from "./vnode.qwik.mjs";
+import { htmlContainer } from "../../utils/location.qwik.mjs";
+import "../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.mjs";
+import { QRENDERFN, QTYPE } from "../../packages/kit/src/constants.qwik.mjs";
+import "../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.mjs";
+let index = 0;
+function initVnode({ name = "text", props = {}, element = {}, children = [] }) {
+  return {
+    name,
+    props,
+    element,
+    children,
+    label: name,
+    id: `vnode-${index++}`
+  };
+}
+function vnode_toObject(vnodeItem) {
+  if (vnodeItem === null || vnodeItem === void 0) {
+    return null;
+  }
+  return buildTreeRecursive(vnodeItem);
+}
+const container = htmlContainer();
+function buildTreeRecursive(vnode, materialize) {
+  if (!vnode) {
+    return [];
+  }
+  const result = [];
+  let currentVNode = vnode;
+  while (currentVNode) {
+    const isVirtual = _vnode_isVirtualVNode(currentVNode);
+    const isFragment = isVirtual && typeof container.getHostProp(currentVNode, QRENDERFN) === "function";
+    if (isFragment) {
+      const vnodeObject = initVnode({
+        element: currentVNode
+      });
+      _vnode_getAttrKeys(currentVNode).forEach((key) => {
+        if (key === QTYPE) return;
+        const value = container.getHostProp(currentVNode, key);
+        _vnode_getProps(currentVNode)[_vnode_getProps(currentVNode).indexOf(key) + 1] = value;
+        vnodeObject.props[key] = _vnode_getAttr(currentVNode, key);
+        if (key === QRENDERFN) {
+          vnodeObject.label = normalizeName(value.getSymbol());
+          vnodeObject.name = normalizeName(value.getSymbol());
+        }
+      });
+      const firstChild = _vnode_getFirstChild(currentVNode);
+      const children = firstChild ? buildTreeRecursive(firstChild) : [];
+      if (children.length > 0) {
+        vnodeObject.children = children;
+      }
+      result.push(vnodeObject);
+    } else if (_vnode_isMaterialized(currentVNode) || isVirtual && !isFragment) {
+      const firstChild = _vnode_getFirstChild(currentVNode);
+      if (firstChild) {
+        result.push(...buildTreeRecursive(firstChild));
+      }
+    }
+    currentVNode = _vnode_getNextSibling(currentVNode);
+  }
+  return result;
+}
+export {
+  vnode_toObject
+};

package/dist/ui/components/Tree/type.qwik.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ISDEVTOOL = "Qwikdevtools";
+exports.ISDEVTOOL = ISDEVTOOL;

package/dist/ui/components/Tree/type.qwik.mjs

@@ -0,0 +1,4 @@
+const ISDEVTOOL = "Qwikdevtools";
+export {
+  ISDEVTOOL
+};

package/dist/ui/components/Tree/vnode.qwik.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function normalizeName(str) {
+  const array = str.split("_");
+  if (array.length > 0) {
+    const componentName = array[0];
+    return componentName.charAt(0).toUpperCase() + componentName.slice(1).toLowerCase();
+  } else {
+    return "";
+  }
+}
+function removeNodeFromTree(tree, callback) {
+  return tree.filter((node) => {
+    if (callback(node)) {
+      return false;
+    }
+    if (node.children && node.children.length > 0) {
+      node.children = removeNodeFromTree(node.children, callback);
+    }
+    return true;
+  });
+}
+exports.normalizeName = normalizeName;
+exports.removeNodeFromTree = removeNodeFromTree;

package/dist/ui/components/Tree/vnode.qwik.mjs

@@ -0,0 +1,24 @@
+function normalizeName(str) {
+  const array = str.split("_");
+  if (array.length > 0) {
+    const componentName = array[0];
+    return componentName.charAt(0).toUpperCase() + componentName.slice(1).toLowerCase();
+  } else {
+    return "";
+  }
+}
+function removeNodeFromTree(tree, callback) {
+  return tree.filter((node) => {
+    if (callback(node)) {
+      return false;
+    }
+    if (node.children && node.children.length > 0) {
+      node.children = removeNodeFromTree(node.children, callback);
+    }
+    return true;
+  });
+}
+export {
+  normalizeName,
+  removeNodeFromTree
+};

package/dist/ui/components/router-head/theme-script.qwik.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const themeStorageKey = "vueuse-color-scheme";
+exports.themeStorageKey = themeStorageKey;

package/dist/ui/components/router-head/theme-script.qwik.mjs

@@ -0,0 +1,4 @@
+const themeStorageKey = "vueuse-color-scheme";
+export {
+  themeStorageKey
+};