@qwik.dev/devtools 0.2.4 → 0.2.6

package/dist/ui/features/RenderTree/formatTreeData.qwik.mjs

@@ -1,222 +1,169 @@
-import "../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.mjs";
-import { CAPTURE_REF_KEY, QRL_KEY, COMPUTED_QRL_KEY } 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";
-import debug from "../../_virtual/browser.qwik.mjs";
+import { __toESM } from "../../_virtual/_rolldown/runtime.qwik.mjs";
+import { CAPTURE_REF_KEY } from "../../packages/kit/src/constants.qwik.mjs";
+import "../../packages/kit/src/index.qwik.mjs";
+import { require_browser } from "../../node_modules/.pnpm/debug@4.4.3_supports-color@5.5.0/node_modules/debug/src/browser.qwik.mjs";
 import { TreeBuilder } from "./TreeBuilder.qwik.mjs";
-import { HOOK_TYPES, HIDDEN_HOOKS, QRL_HOOKS } from "./types.qwik.mjs";
-const log = debug("qwik:devtools:renderTree");
-class HookStore {
-  constructor() {
-    this.store = this.createStore();
-    this.treeBuilder = new TreeBuilder();
-  }
-  createStore() {
-    const store = {};
-    for (const hookType of HOOK_TYPES) {
-      store[hookType] = {
-        set: /* @__PURE__ */ new Set(),
-        visible: !HIDDEN_HOOKS.includes(hookType)
-      };
-    }
-    return store;
-  }
-  // ==========================================================================
-  // Data Management
-  // ==========================================================================
-  /**
-  * Add data to the store for a specific hook type
-  */
-  add(type, data) {
-    this.store[type].set.add(data);
-  }
-  /**
-  * Clear all stored hook data
-  */
-  clear() {
-    for (const entry of Object.values(this.store)) {
-      entry.set.clear();
-    }
-  }
-  /**
-  * Reset the entire store
-  */
-  reset() {
-    this.store = this.createStore();
-  }
-  /**
-  * Get entries for a specific hook type
-  */
-  getEntries(type) {
-    return [
-      ...this.store[type].set
-    ];
-  }
-  /**
-  * Check if a hook type has entries
-  */
-  hasEntries(type) {
-    return this.store[type].set.size > 0;
-  }
-  // ==========================================================================
-  // Visibility Management
-  // ==========================================================================
-  /**
-  * Set visibility for a hook type
-  */
-  setVisibility(type, visible) {
-    this.store[type].visible = visible;
-  }
-  /**
-  * Check if a hook type is visible
-  */
-  isVisible(type) {
-    return this.store[type].visible;
-  }
-  /**
-  * Get filter list for UI
-  */
-  getFilterList() {
-    return HOOK_TYPES.filter((type) => this.hasEntries(type) && this.isVisible(type)).map((key) => ({
-      key,
-      display: this.store[key].visible
-    }));
-  }
-  // ==========================================================================
-  // Tree Building
-  // ==========================================================================
-  /**
-  * Build tree nodes from all stored hook data
-  */
-  buildTree() {
-    const result = [];
-    for (const hookType of HOOK_TYPES) {
-      if (!this.hasEntries(hookType) || !this.isVisible(hookType)) continue;
-      const nodes = this.transformEntries(hookType);
-      if (nodes.length > 0) {
-        result.push(this.treeBuilder.createGroupNode(hookType, nodes));
-      }
-    }
-    return result;
-  }
-  transformEntries(hookType) {
-    const entries = this.getEntries(hookType);
-    return entries.map((entry) => this.transformEntry(hookType, entry)).flat();
-  }
-  transformEntry(hookType, entry) {
-    const typedEntry = entry;
-    switch (hookType) {
-      case "props":
-      case "listens":
-      case "render":
-        return this.treeBuilder.objectToTree(typedEntry.data);
-      case "useTask":
-      case "useVisibleTask": {
-        const scopeVars = this.findScopeVariables(typedEntry);
-        return this.treeBuilder.objectToTree({
-          [`let ${typedEntry.variableName ?? hookType} =`]: scopeVars
-        });
-      }
-      case "customhook": {
-        const captureRef = typedEntry.data?.[CAPTURE_REF_KEY];
-        return this.treeBuilder.objectToTree({
-          [`let ${typedEntry.variableName ?? "customhook"} = Scope `]: captureRef
-        });
-      }
-      default:
-        return this.treeBuilder.objectToTree({
-          [`let ${typedEntry.variableName ?? hookType} =`]: typedEntry.data
-        });
-    }
-  }
-  findScopeVariables(item) {
-    const targets = item.data?.[CAPTURE_REF_KEY];
-    if (!targets) return "Scope []";
-    const variableNames = [];
-    for (const entry of Object.values(this.store)) {
-      for (const storedEntry of entry.set) {
-        const entryData = storedEntry;
-        const data = entryData?.data ?? entryData;
-        if (!data) continue;
-        const match = targets.find((target) => target === data);
-        if (match && entryData.variableName) {
-          variableNames.push(entryData.variableName);
-        }
-      }
-    }
-    return `Scope [${variableNames.join(", ")}]`;
-  }
-  // ==========================================================================
-  // QRL Path Utilities
-  // ==========================================================================
-  /**
-  * Find all QRL paths for code lookup
-  */
-  findAllQrlPaths() {
-    const paths = [];
-    for (const hookType of QRL_HOOKS) {
-      const entries = this.getEntries(hookType);
-      for (const entry of entries) {
-        const extracted = this.extractQrlPath(hookType, entry);
-        if (extracted) {
-          if (Array.isArray(extracted)) {
-            paths.push(...extracted.filter(Boolean));
-          } else {
-            paths.push(extracted);
-          }
-        }
-      }
-    }
-    log("findAllQrlPaths return: %O", paths);
-    return paths.filter(Boolean);
-  }
-  extractQrlPath(hookType, entry) {
-    if (hookType === "listens") {
-      const data2 = entry.data ?? entry;
-      return Object.values(data2).map((v) => v?.$chunk$).filter((v) => typeof v === "string");
-    }
-    if (hookType === "render") {
-      const renderFn = entry.data?.render ?? entry;
-      return QrlUtils.getPath(renderFn);
-    }
-    const data = entry.data ?? entry;
-    const qrlObj = data[QRL_KEY] ?? data[COMPUTED_QRL_KEY];
-    return QrlUtils.getPath(qrlObj);
-  }
-}
-class QrlUtils {
-  /**
-  * Get the file path from a QRL object.
-  * In dev mode, uses dev.file; in production, uses $chunk$.
-  */
-  static getPath(qrl) {
-    if (!qrl) return null;
-    if (qrl.dev) return qrl.dev.file;
-    return qrl.$chunk$;
-  }
-  /**
-  * Get the chunk name from a QRL for component identification
-  */
-  static getChunkName(qrl) {
-    const splitPoint = "_component";
-    const chunk = qrl.$chunk$;
-    return chunk?.split(splitPoint)?.[0] ?? "";
-  }
-  /**
-  * Normalize raw qseq data with parsed structure metadata
-  */
-  static normalizeData(qseq, parsed) {
-    return qseq.map((item, index) => ({
-      data: item,
-      ...parsed[index]
-    }));
-  }
-}
-const hookStore = new HookStore();
-function getHookStore() {
-  return hookStore;
-}
-export {
-  HookStore,
-  QrlUtils,
-  getHookStore
+import { HIDDEN_HOOKS, HOOK_TYPES, QRL_HOOKS } from "./types.qwik.mjs";
+var log = (0, (/* @__PURE__ */ __toESM(require_browser(), 1)).default)("qwik:devtools:renderTree");
+/**
+* Static utilities for working with QRL objects
+*/ var QrlUtils = class {
+	/**
+	* Get the file path from a QRL object.
+	* In dev mode, uses dev.file; in production, uses $chunk$.
+	*/ static getPath(qrl) {
+		if (!qrl) return null;
+		if (qrl.dev) return qrl.dev.file;
+		return qrl.$chunk$;
+	}
+	/**
+	* Get the chunk name from a QRL for component identification
+	*/ static getChunkName(qrl) {
+		return qrl.$chunk$?.split("_component")?.[0] ?? "";
+	}
+	/**
+	* Normalize raw qseq data with parsed structure metadata
+	*/ static normalizeData(qseq, parsed) {
+		return qseq.map((item, index) => ({
+			data: item,
+			...parsed[index]
+		}));
+	}
 };
+/**
+* Manages hook data storage and tree building for the devtools.
+*/ var HookStore = class {
+	constructor() {
+		this.store = this.createStore();
+		this.treeBuilder = new TreeBuilder();
+	}
+	createStore() {
+		const store = {};
+		for (const hookType of HOOK_TYPES) store[hookType] = {
+			set: /* @__PURE__ */ new Set(),
+			visible: !HIDDEN_HOOKS.includes(hookType)
+		};
+		return store;
+	}
+	/**
+	* Add data to the store for a specific hook type
+	*/ add(type, data) {
+		this.store[type].set.add(data);
+	}
+	/**
+	* Clear all stored hook data
+	*/ clear() {
+		for (const entry of Object.values(this.store)) entry.set.clear();
+	}
+	/**
+	* Reset the entire store
+	*/ reset() {
+		this.store = this.createStore();
+	}
+	/**
+	* Get entries for a specific hook type
+	*/ getEntries(type) {
+		return [...this.store[type].set];
+	}
+	/**
+	* Check if a hook type has entries
+	*/ hasEntries(type) {
+		return this.store[type].set.size > 0;
+	}
+	/**
+	* Set visibility for a hook type
+	*/ setVisibility(type, visible) {
+		this.store[type].visible = visible;
+	}
+	/**
+	* Check if a hook type is visible
+	*/ isVisible(type) {
+		return this.store[type].visible;
+	}
+	/**
+	* Get filter list for UI
+	*/ getFilterList() {
+		return HOOK_TYPES.filter((type) => this.hasEntries(type) && this.isVisible(type)).map((key) => ({
+			key,
+			display: this.store[key].visible
+		}));
+	}
+	/**
+	* Build tree nodes from all stored hook data
+	*/ buildTree() {
+		const result = [];
+		for (const hookType of HOOK_TYPES) {
+			if (!this.hasEntries(hookType) || !this.isVisible(hookType)) continue;
+			const nodes = this.transformEntries(hookType);
+			if (nodes.length > 0) result.push(this.treeBuilder.createGroupNode(hookType, nodes));
+		}
+		return result;
+	}
+	transformEntries(hookType) {
+		return this.getEntries(hookType).map((entry) => this.transformEntry(hookType, entry)).flat();
+	}
+	transformEntry(hookType, entry) {
+		const typedEntry = entry;
+		switch (hookType) {
+			case "props":
+			case "listens":
+			case "render": return this.treeBuilder.objectToTree(typedEntry.data);
+			case "useTask":
+			case "useVisibleTask": {
+				const scopeVars = this.findScopeVariables(typedEntry);
+				return this.treeBuilder.objectToTree({ [`let ${typedEntry.variableName ?? hookType} =`]: scopeVars });
+			}
+			case "customhook": {
+				const captureRef = typedEntry.data?.[CAPTURE_REF_KEY];
+				return this.treeBuilder.objectToTree({ [`let ${typedEntry.variableName ?? "customhook"} = Scope `]: captureRef });
+			}
+			default: return this.treeBuilder.objectToTree({ [`let ${typedEntry.variableName ?? hookType} =`]: typedEntry.data });
+		}
+	}
+	findScopeVariables(item) {
+		const targets = item.data?.[CAPTURE_REF_KEY];
+		if (!targets) return "Scope []";
+		const variableNames = [];
+		for (const entry of Object.values(this.store)) for (const storedEntry of entry.set) {
+			const entryData = storedEntry;
+			const data = entryData?.data ?? entryData;
+			if (!data) continue;
+			if (targets.find((target) => target === data) && entryData.variableName) variableNames.push(entryData.variableName);
+		}
+		return `Scope [${variableNames.join(", ")}]`;
+	}
+	/**
+	* Find all QRL paths for code lookup
+	*/ findAllQrlPaths() {
+		const paths = [];
+		for (const hookType of QRL_HOOKS) {
+			const entries = this.getEntries(hookType);
+			for (const entry of entries) {
+				const extracted = this.extractQrlPath(hookType, entry);
+				if (extracted) if (Array.isArray(extracted)) paths.push(...extracted.filter(Boolean));
+				else paths.push(extracted);
+			}
+		}
+		log("findAllQrlPaths return: %O", paths);
+		return paths.filter(Boolean);
+	}
+	extractQrlPath(hookType, entry) {
+		if (hookType === "listens") {
+			const data = entry.data ?? entry;
+			return Object.values(data).map((v) => v?.$chunk$).filter((v) => typeof v === "string");
+		}
+		if (hookType === "render") {
+			const renderFn = entry.data?.render ?? entry;
+			return QrlUtils.getPath(renderFn);
+		}
+		const data = entry.data ?? entry;
+		const qrlObj = data["$qrl$"] ?? data["$computeQrl$"];
+		return QrlUtils.getPath(qrlObj);
+	}
+};
+/** Global hook store instance */ var hookStore = new HookStore();
+/** Get the global hook store instance */ function getHookStore() {
+	return hookStore;
+}
+//#endregion
+export { QrlUtils, getHookStore };

package/dist/ui/features/RenderTree/types.qwik.mjs

@@ -1,50 +1,51 @@
-const HOOK_TYPES = [
-  // Variable declaration hooks
-  "useStore",
-  "useSignal",
-  "useContext",
-  "useId",
-  "useStyles",
-  "useStylesScoped",
-  "useConstant",
-  "useComputed",
-  "useAsyncComputed",
-  "useErrorBoundary",
-  "useServerData",
-  "useSerializer",
-  "useLocation",
-  "useNavigate",
-  "useContent",
-  "useDocumentHead",
-  // Expression statement hooks
-  "useTask",
-  "useVisibleTask",
-  "useResource",
-  "useContextProvider",
-  "usePreventNavigate",
-  // Special types
-  "props",
-  "listens",
-  "render",
-  "customhook"
+//#region src/features/RenderTree/types.ts
+/**
+* All supported hook types in the devtools
+*/ var HOOK_TYPES = [
+	"useStore",
+	"useSignal",
+	"useContext",
+	"useId",
+	"useStyles",
+	"useStylesScoped",
+	"useConstant",
+	"useComputed",
+	"useAsyncComputed",
+	"useErrorBoundary",
+	"useServerData",
+	"useSerializer",
+	"useLocation",
+	"useNavigate",
+	"useContent",
+	"useDocumentHead",
+	"useTask",
+	"useVisibleTask",
+	"useResource",
+	"useContextProvider",
+	"usePreventNavigate",
+	"props",
+	"listens",
+	"render",
+	"customhook"
 ];
-const HIDDEN_HOOKS = [
-  "useResource",
-  "usePreventNavigate",
-  "render"
+/**
+* Hooks that should be hidden from the filter list by default
+*/ var HIDDEN_HOOKS = [
+	"useResource",
+	"usePreventNavigate",
+	"render"
 ];
-const QRL_HOOKS = [
-  "useTask",
-  "useVisibleTask",
-  "useComputed",
-  "useAsyncComputed",
-  "useServerData",
-  "useSerializer",
-  "render",
-  "listens"
+/**
+* Hooks that contain QRL references (used for code lookup)
+*/ var QRL_HOOKS = [
+	"useTask",
+	"useVisibleTask",
+	"useComputed",
+	"useAsyncComputed",
+	"useServerData",
+	"useSerializer",
+	"render",
+	"listens"
 ];
-export {
-  HIDDEN_HOOKS,
-  HOOK_TYPES,
-  QRL_HOOKS
-};
+//#endregion
+export { HIDDEN_HOOKS, HOOK_TYPES, QRL_HOOKS };

package/dist/ui/features/Routes/Routes.qwik.mjs

@@ -1,63 +1,30 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$ } from "@qwik.dev/core";
-const Routes = component$(({ state }) => {
-  return /* @__PURE__ */ jsxs("div", {
-    class: "border-border flex-1 overflow-hidden rounded-xl border",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        class: "bg-card-item-bg grid grid-cols-4 gap-4 p-4 text-sm font-medium",
-        children: [
-          /* @__PURE__ */ jsx("div", {
-            children: "Route Path"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            children: "Name"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            children: "Middleware"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            children: "Layout"
-          })
-        ]
-      }),
-      state.routes?.map((route, i) => {
-        const children = route.children || [];
-        const layout = route.relativePath !== "" && route.type === "directory" && children.find((child) => child.name.startsWith("layout"));
-        return /* @__PURE__ */ jsxs("div", {
-          class: "border-border hover:bg-card-item-hover-bg grid grid-cols-4 gap-4 border-t p-4 text-sm",
-          children: [
-            /* @__PURE__ */ jsx("div", {
-              children: /* @__PURE__ */ jsx("span", {
-                class: {
-                  "text-accent": location.pathname === "/" && route.relativePath === "" || location.pathname === `/${route.relativePath}/`
-                },
-                children: route.relativePath === "" ? "/" : `/${route.relativePath}/`
-              })
-            }),
-            /* @__PURE__ */ jsx("div", {
-              class: "text-muted-foreground",
-              children: route.name
-            }),
-            /* @__PURE__ */ jsx("div", {
-              class: "text-muted-foreground",
-              children: "-"
-            }),
-            /* @__PURE__ */ jsx("div", {
-              children: /* @__PURE__ */ jsx("span", {
-                class: {
-                  "text-accent": layout && i > 0,
-                  "text-muted-foreground": !layout || i === 0
-                },
-                children: layout && i > 0 ? `${route.relativePath}/layout` : "default"
-              })
-            })
-          ]
-        }, route.relativePath);
-      })
-    ]
-  });
-});
-export {
-  Routes
-};
+import { _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+//#region src/features/Routes/Routes.tsx
+var _hf0 = (p0) => p0.relativePath === "" ? "/" : `/${p0.relativePath}/`;
+var _hf1 = (p0, p1, p2) => p1 && p0 > 0 ? `${p2.relativePath}/layout` : "default";
+var Routes = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ state }) => {
+	return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex-1 overflow-hidden rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "bg-card-item-bg grid grid-cols-4 gap-4 p-4 text-sm font-medium" }, [
+		/* @__PURE__ */ _jsxSorted("div", null, null, "Route Path", 3, null),
+		/* @__PURE__ */ _jsxSorted("div", null, null, "Name", 3, null),
+		/* @__PURE__ */ _jsxSorted("div", null, null, "Middleware", 3, null),
+		/* @__PURE__ */ _jsxSorted("div", null, null, "Layout", 3, null)
+	], 3, null), state.routes?.map((route, i) => {
+		const children = route.children || [];
+		const layout = route.relativePath !== "" && route.type === "directory" && children.find((child) => child.name.startsWith("layout"));
+		return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border hover:bg-card-item-hover-bg grid grid-cols-4 gap-4 border-t p-4 text-sm" }, [
+			/* @__PURE__ */ _jsxSorted("div", null, null, /* @__PURE__ */ _jsxSorted("span", { class: { "text-accent": location.pathname === "/" && route.relativePath === "" || location.pathname === `/${route.relativePath}/` } }, null, _fnSignal(_hf0, [route]), 1, null), 1, null),
+			/* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground" }, _wrapProp(route, "name"), 1, null),
+			/* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground" }, "-", 3, null),
+			/* @__PURE__ */ _jsxSorted("div", null, null, /* @__PURE__ */ _jsxSorted("span", { class: {
+				"text-accent": layout && i > 0,
+				"text-muted-foreground": !layout || i === 0
+			} }, null, _fnSignal(_hf1, [
+				i,
+				layout,
+				route
+			]), 1, null), 1, null)
+		], 1, route.relativePath);
+	})], 1, "HR_0");
+}, "Routes_component_rYio0FtJ7Rc"));
+//#endregion
+export { Routes };

package/dist/ui/features/inspect/Inspect.qwik.mjs

@@ -1,17 +1,12 @@
-import { jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$ } from "@qwik.dev/core";
 import { inspectorLink } from "./constant.qwik.mjs";
-const Inspect = component$(() => {
-  return /* @__PURE__ */ jsx("div", {
-    class: "h-full flex-1 overflow-hidden",
-    children: /* @__PURE__ */ jsx("iframe", {
-      src: `${location.href}${inspectorLink}`,
-      width: "100%",
-      height: "100%",
-      id: "inspect_qwik"
-    })
-  });
-});
-export {
-  Inspect
-};
+import { _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+//#region src/features/inspect/Inspect.tsx
+var Inspect = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
+	return /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full flex-1 overflow-hidden" }, /* @__PURE__ */ _jsxSorted("iframe", { src: `${location.href}${inspectorLink}` }, {
+		width: "100%",
+		height: "100%",
+		id: "inspect_qwik"
+	}, null, 3, null), 1, "o0_0");
+}, "Inspect_component_hp0adRBjF9Q"));
+//#endregion
+export { Inspect };

package/dist/ui/features/inspect/constant.qwik.mjs

@@ -1,4 +1,4 @@
-const inspectorLink = "__inspect/";
-export {
-  inspectorLink
-};
+//#region src/features/inspect/constant.ts
+var inspectorLink = "__inspect/";
+//#endregion
+export { inspectorLink };

package/dist/ui/index.qwik.mjs

@@ -1,4 +1,2 @@
 import { QwikDevtools } from "./devtools.qwik.mjs";
-export {
-  QwikDevtools
-};
+export { QwikDevtools };

package/dist/ui/lib-types/kit/src/context.d.ts

@@ -2,7 +2,7 @@ import { ViteClientContext, ViteServerContext } from './globals';
 import { ServerRpc, ClientRpc } from './types';
 export declare function getViteClientContext(): ViteClientContext;
 export declare function setViteClientContext(ctx: ViteClientContext): void;
-export declare function getViteServerContext(): import("vite").ViteDevServer;
+export declare function getViteServerContext(): ViteServerContext;
 export declare function setViteServerContext(ctx: ViteServerContext): void;
 export declare function getViteServerRpc(): ServerRpc;
 export declare function setViteServerRpc(rpc: ServerRpc): void;

package/dist/ui/lib-types/ui/src/components/Icons/Icons.d.ts

@@ -0,0 +1,19 @@
+type IconProps = {
+    class?: string;
+    style?: Record<string, string>;
+    title?: string;
+};
+export declare const IconSunOutline: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconMoonOutline: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconSparkles: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconChevronUpMini: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconBoltOutline: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconCubeOutline: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconDiagram3: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconFolderTree: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconPhotoOutline: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconMegaphoneMini: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconCodeBracketSolid: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconClockOutline: import("@qwik.dev/core").Component<IconProps>;
+export declare const IconXMark: import("@qwik.dev/core").Component<IconProps>;
+export {};

package/dist/ui/lib-types/ui/src/components/ThemeToggle/QwikThemeToggle.d.ts

@@ -1,3 +1,4 @@
+import './themToggle.css';
 type ThemeName = 'dark' | 'light' | 'auto';
 export declare const getTheme: () => ThemeName;
 export declare const setTheme: (theme: ThemeName) => void;