@qwik.dev/devtools 2.0.0-beta.43 → 2.0.0-beta.45

package/dist/ui/packages/devtools/ui/src/components/Icons/Icons.qwik.mjs

@@ -1,7 +1,9 @@
-import { _fnSignal, _jsxSorted, _jsxSplit, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
 var _hf0 = (p0) => p0.title ? void 0 : true;
+var _hf0_str = "p0.title?undefined:true";
 var _hf1 = (p0) => p0.title ? "img" : void 0;
+var _hf1_str = "p0.title?\"img\":undefined";
 function baseSvgProps(props) {
 	const { class: className, style, title, viewBox } = props;
 	return {
@@ -17,31 +19,40 @@ function baseSvgProps(props) {
 	};
 }
 var IconSunOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_0") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_0") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M12 3v2.25M6.364 6.364l1.591 1.591M3 12h2.25m1.114 5.636 1.591-1.591M12 18.75V21m5.636-2.364-1.591-1.591M18.75 12H21m-2.364-5.636-1.591 1.591M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
-	}, null, 3, null)], 0, "IM_1");
+	}, null, 3, null)], 0, "4J_1");
 }, "IconSunOutline_component_whRbp4BgL0I"));
 var IconMoonOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_2") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_2") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M21.752 15.002A9.718 9.718 0 0 1 12 21.75 9.75 9.75 0 0 1 11.002 2.248 7.5 7.5 0 0 0 21.752 15Z"
-	}, null, 3, null)], 0, "IM_3");
+	}, null, 3, null)], 0, "4J_3");
 }, "IconMoonOutline_component_M0Wpop07o0c"));
 var IconSparkles = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_4") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_4") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -52,44 +63,56 @@ var IconSparkles = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) =
 			"stroke-linejoin": "round",
 			d: "M19.5 13.125 21 12l-1.5-1.125L18.375 9.75 17.25 11.25 16.125 9.75 15 10.875 16.5 12l-1.5 1.125 1.125 1.5 1.125-1.5 1.125 1.5 1.125-1.5Z"
 		}, null, 3, null)
-	], 0, "IM_5");
+	], 0, "4J_5");
 }, "IconSparkles_component_KINO0LPICFo"));
 var IconChevronUpMini = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_6") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_6") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "m18 15-6-6-6 6"
-	}, null, 3, null)], 0, "IM_7");
+	}, null, 3, null)], 0, "4J_7");
 }, "IconChevronUpMini_component_tQuGC61SUZ4"));
 var IconBoltOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_8") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_8") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M13 2 3 14h7l-1 8 12-14h-7l1-6Z"
-	}, null, 3, null)], 0, "IM_9");
+	}, null, 3, null)], 0, "4J_9");
 }, "IconBoltOutline_component_lNQ4JVAf15c"));
 var IconCubeOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_10") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_10") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M21 7.5 12 2.25 3 7.5m18 0v9L12 21.75 3 16.5v-9m18 0L12 12.75 3 7.5m9 5.25v9"
-	}, null, 3, null)], 0, "IM_11");
+	}, null, 3, null)], 0, "4J_11");
 }, "IconCubeOutline_component_by0e0HIBLEM"));
 var IconDiagram3 = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_12") : null,
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_12") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -110,14 +133,17 @@ var IconDiagram3 = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) =
 			"stroke-linejoin": "round",
 			d: "M7 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm16.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 18a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm16.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
 		}, null, 3, null)
-	], 0, "IM_13");
+	], 0, "4J_13");
 }, "IconDiagram3_component_PJDJLSGGtvE"));
 var IconFolderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_14") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_14") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -128,14 +154,17 @@ var IconFolderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 			"stroke-linejoin": "round",
 			d: "M12 9v3m0 0H8.25m3.75 0h3.75M8.25 12v3m7.5-3v3"
 		}, null, 3, null)
-	], 0, "IM_15");
+	], 0, "4J_15");
 }, "IconFolderTree_component_Ea6jn79bUw8"));
 var IconPhotoOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_16") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_16") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -151,14 +180,17 @@ var IconPhotoOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((prop
 			"stroke-linejoin": "round",
 			d: "m21.75 15-6.3-6.3a1.125 1.125 0 0 0-1.59 0L3.75 18"
 		}, null, 3, null)
-	], 0, "IM_17");
+	], 0, "4J_17");
 }, "IconPhotoOutline_component_At0tlll1cjo"));
 var IconMegaphoneMini = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_18") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_18") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -174,24 +206,30 @@ var IconMegaphoneMini = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((pro
 			"stroke-linejoin": "round",
 			d: "M20.25 8.25a6.75 6.75 0 0 1 0 7.5"
 		}, null, 3, null)
-	], 0, "IM_19");
+	], 0, "4J_19");
 }, "IconMegaphoneMini_component_wa0HCNgF35k"));
 var IconCodeBracketSolid = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_20") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_20") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M8.25 6.75 3.75 12l4.5 5.25M15.75 6.75 20.25 12l-4.5 5.25"
-	}, null, 3, null)], 0, "IM_21");
+	}, null, 3, null)], 0, "4J_21");
 }, "IconCodeBracketSolid_component_oc7J6sjRCbU"));
 var IconClockOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_22") : null,
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_22") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -202,14 +240,17 @@ var IconClockOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((prop
 			"stroke-linejoin": "round",
 			d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
 		}, null, 3, null)
-	], 0, "IM_23");
+	], 0, "4J_23");
 }, "IconClockOutline_component_MNqkJQYTKgQ"));
 var IconChartBarOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_24") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_24") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -225,14 +266,17 @@ var IconChartBarOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((p
 			"stroke-linejoin": "round",
 			d: "M3.75 3.75h16.5v16.5H3.75z"
 		}, null, 3, null)
-	], 0, "IM_25");
+	], 0, "4J_25");
 }, "IconChartBarOutline_component_m8edopc6p0I"));
 var IconArrowDownTray = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_26") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_26") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -243,34 +287,43 @@ var IconArrowDownTray = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((pro
 			"stroke-linejoin": "round",
 			d: "M3.75 15.75v2.25A2.25 2.25 0 0 0 6 20.25h12a2.25 2.25 0 0 0 2.25-2.25v-2.25"
 		}, null, 3, null)
-	], 0, "IM_27");
+	], 0, "4J_27");
 }, "IconArrowDownTray_component_lFmyJcjjyLQ"));
 var IconXMark = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_28") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_28") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M6 18 18 6M6 6l12 12"
-	}, null, 3, null)], 0, "IM_29");
+	}, null, 3, null)], 0, "4J_29");
 }, "IconXMark_component_lqkxIqDRb14"));
 var IconMagnifyingGlass = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_30") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_30") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
-	}, null, 3, null)], 0, "IM_31");
+	}, null, 3, null)], 0, "4J_31");
 }, "IconMagnifyingGlass_component_Z8LLYrhceAI"));
 var IconArrowsPointingOut = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_32") : null,
+	})) }, _getConstProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_32") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -281,18 +334,22 @@ var IconArrowsPointingOut = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(
 			"stroke-linejoin": "round",
 			d: "M9 3 3 9m12-6 6 6M9 21l-6-6m12 6 6-6"
 		}, null, 3, null)
-	], 0, "IM_33");
+	], 0, "4J_33");
 }, "IconArrowsPointingOut_component_JMV4sPWCdW8"));
 var IconInfoCircle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, {
+	})) }, {
+		..._getConstProps(baseSvgProps({
+			...props,
+			viewBox: "0 0 24 24"
+		})),
 		"stroke-width": "2",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round"
 	}, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_34") : null,
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_34") : null,
 		/*#__PURE__*/ _jsxSorted("circle", null, {
 			cx: "12",
 			cy: "12",
@@ -310,18 +367,22 @@ var IconInfoCircle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 			x2: "12.01",
 			y2: "8"
 		}, null, 3, null)
-	], 0, "IM_35");
+	], 0, "4J_35");
 }, "IconInfoCircle_component_kKMHwIuTbQ4"));
 var IconTarget = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, {
+	})) }, {
+		..._getConstProps(baseSvgProps({
+			...props,
+			viewBox: "0 0 24 24"
+		})),
 		"stroke-width": "2",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round"
 	}, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_36") : null,
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_36") : null,
 		/*#__PURE__*/ _jsxSorted("circle", null, {
 			cx: "12",
 			cy: "12",
@@ -361,17 +422,21 @@ var IconTarget = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) =>
 			x2: "22",
 			y2: "12"
 		}, null, 3, null)
-	], 0, "IM_37");
+	], 0, "4J_37");
 }, "IconTarget_component_T0mpdrkca7s"));
 var IconExpandShrink = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, {
+	})) }, {
+		..._getConstProps(baseSvgProps({
+			...props,
+			viewBox: "0 0 24 24"
+		})),
 		"stroke-width": "2",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round"
-	}, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_38") : null, props.expanded ? /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
+	}, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_38") : null, props.expanded ? /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
 		/*#__PURE__*/ _jsxSorted("polyline", null, { points: "4 14 10 14 10 20" }, null, 3, null),
 		/*#__PURE__*/ _jsxSorted("polyline", null, { points: "20 10 14 10 14 4" }, null, 3, null),
 		/*#__PURE__*/ _jsxSorted("line", null, {
@@ -386,7 +451,7 @@ var IconExpandShrink = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((prop
 			x2: "10",
 			y2: "14"
 		}, null, 3, null)
-	], 3, "IM_39") : /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
+	], 3, "4J_39") : /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
 		/*#__PURE__*/ _jsxSorted("polyline", null, { points: "15 3 21 3 21 9" }, null, 3, null),
 		/*#__PURE__*/ _jsxSorted("polyline", null, { points: "9 21 3 21 3 15" }, null, 3, null),
 		/*#__PURE__*/ _jsxSorted("line", null, {
@@ -401,18 +466,22 @@ var IconExpandShrink = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((prop
 			x2: "10",
 			y2: "14"
 		}, null, 3, null)
-	], 3, "IM_40")], 0, "IM_41");
+	], 3, "4J_40")], 0, "4J_41");
 }, "IconExpandShrink_component_5JdTyF80dAk"));
 var IconMonitor = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, {
+	})) }, {
+		..._getConstProps(baseSvgProps({
+			...props,
+			viewBox: "0 0 24 24"
+		})),
 		"stroke-width": "1.5",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round"
 	}, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_42") : null,
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_42") : null,
 		/*#__PURE__*/ _jsxSorted("rect", null, {
 			x: "2",
 			y: "3",
@@ -433,14 +502,17 @@ var IconMonitor = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) =>
 			x2: "12",
 			y2: "21"
 		}, null, 3, null)
-	], 0, "IM_43");
+	], 0, "4J_43");
 }, "IconMonitor_component_YaLxy705axg"));
 var IconArrowsPointingIn = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_44") : null,
+	})), [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_44") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -451,19 +523,19 @@ var IconArrowsPointingIn = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((
 			"stroke-linejoin": "round",
 			d: "m9 9-6-6m12 6 6-6m-12 12-6 6m12-6 6 6"
 		}, null, 3, null)
-	], 0, "IM_45");
+	], 0, "4J_45");
 }, "IconArrowsPointingIn_component_AXzESBp7InQ"));
 var QwikLogo = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
 	return /*#__PURE__*/ _jsxSorted("svg", {
-		"aria-hidden": _fnSignal(_hf0, [props]),
+		"aria-hidden": _fnSignal(_hf0, [props], _hf0_str),
 		class: _wrapProp(props, "class"),
-		role: _fnSignal(_hf1, [props]),
+		role: _fnSignal(_hf1, [props], _hf1_str),
 		style: _wrapProp(props, "style")
 	}, {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 500 506"
 	}, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_46") : null,
+		props.title ? /*#__PURE__*/ _jsxSorted(props.title, null, null, _wrapProp(props, "title"), 1, "4J_46") : null,
 		/*#__PURE__*/ _jsxSorted("path", null, {
 			fill: "white",
 			d: "M370.826 224.859 156.157 16.117l23.021 158.743-50.004 49.999 213.863 198.793-12.209-158.792 39.998-40.001Z"
@@ -476,37 +548,47 @@ var QwikLogo = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
 			fill: "#ac7ef4",
 			d: "M343.843 0H156.157a62.312 62.312 0 0 0-53.965 31.157L8.348 193.702 156.157 16.117l214.669 208.742-39.998 40.001 12.209 158.792 88.065 81.859c5.078 1.564 9.533-3.756 7.102-8.48l-40.395-78.48 93.842-162.535a62.313 62.313 0 0 0 .001-62.314L397.808 31.157A62.312 62.312 0 0 0 343.843 0Z"
 		}, null, 3, null)
-	], 1, "IM_47");
+	], 1, "4J_47");
 }, "QwikLogo_component_Td1OS5CbfzE"));
 var IconAdjustmentsHorizontal = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_48") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_48") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"
-	}, null, 3, null)], 0, "IM_49");
+	}, null, 3, null)], 0, "4J_49");
 }, "IconAdjustmentsHorizontal_component_nsuoDZC96P0"));
 var IconEllipsisHorizontal = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	})) }, _getConstProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, null, [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_50") : null, /*#__PURE__*/ _jsxSorted("path", null, {
+	})), [props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_50") : null, /*#__PURE__*/ _jsxSorted("path", null, {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
-	}, null, 3, null)], 0, "IM_51");
+	}, null, 3, null)], 0, "4J_51");
 }, "IconEllipsisHorizontal_component_2ckT22JoY1Q"));
 var IconGripVertical = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+	return /*#__PURE__*/ _jsxSplit("svg", { ..._getVarProps(baseSvgProps({
 		...props,
 		viewBox: "0 0 24 24"
-	}) }, {
+	})) }, {
+		..._getConstProps(baseSvgProps({
+			...props,
+			viewBox: "0 0 24 24"
+		})),
 		fill: "currentColor",
 		stroke: "none"
 	}, [
-		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_52") : null,
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "4J_52") : null,
 		/*#__PURE__*/ _jsxSorted("circle", null, {
 			cx: "9",
 			cy: "5",
@@ -537,6 +619,6 @@ var IconGripVertical = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((prop
 			cy: "19",
 			r: "1.5"
 		}, null, 3, null)
-	], 0, "IM_53");
+	], 0, "4J_53");
 }, "IconGripVertical_component_CTeo7k0NExw"));
 export { IconAdjustmentsHorizontal, IconArrowDownTray, IconArrowsPointingIn, IconArrowsPointingOut, IconBoltOutline, IconChartBarOutline, IconChevronUpMini, IconClockOutline, IconCodeBracketSolid, IconCubeOutline, IconDiagram3, IconEllipsisHorizontal, IconExpandShrink, IconFolderTree, IconGripVertical, IconInfoCircle, IconMagnifyingGlass, IconMegaphoneMini, IconMonitor, IconMoonOutline, IconPhotoOutline, IconSparkles, IconSunOutline, IconTarget, IconXMark, QwikLogo };

package/dist/ui/packages/devtools/ui/src/components/InfoBanner/InfoBanner.qwik.mjs

@@ -1,10 +1,12 @@
 import { IconInfoCircle } from "../Icons/Icons.qwik.mjs";
 import { Slot, _fnSignal, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => ["border-border bg-card-item-bg flex items-center gap-3 rounded-xl border p-4", p0.class];
+var _hf0_str = "[\"border-border bg-card-item-bg flex items-center gap-3 rounded-xl border p-4\",p0.class]";
 /**
 * Informational banner with an icon and message content. Used for contextual hints (e.g. "Vite
 * plugin detected").
-*/ var InfoBanner = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
-	return /*#__PURE__*/ _jsxSorted("div", { class: _fnSignal(_hf0, [props]) }, null, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-accent shrink-0 text-lg" }, /*#__PURE__*/ _jsxSorted(IconInfoCircle, null, { class: "h-5 w-5" }, null, 3, "6O_0"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-sm" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "6O_1"), 1, null)], 1, "6O_2");
+*/
+var InfoBanner = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSorted("div", { class: _fnSignal(_hf0, [props], _hf0_str) }, null, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-accent shrink-0 text-lg" }, /*#__PURE__*/ _jsxSorted(IconInfoCircle, null, { class: "h-5 w-5" }, null, 3, "gG_0"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-sm" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "gG_1"), 1, null)], 1, "gG_2");
 }, "InfoBanner_component_hsC2DF6XeOg"));
 export { InfoBanner };

package/dist/ui/packages/devtools/ui/src/components/Tab/Tab.qwik.mjs

@@ -1,14 +1,13 @@
-import { Slot, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { Slot, _captures, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var Tab = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const isActive = _rawProps.state.activeTab === _rawProps.id;
 	return /*#__PURE__*/ _jsxSorted("button", {
 		class: ["relative flex h-11 w-11 items-center justify-center rounded-xl transition-all duration-300 ease-out select-none", isActive ? "bg-primary/15 text-primary cursor-pointer" : "text-muted-foreground hover:bg-foreground/5 hover:text-foreground cursor-pointer"],
-		"q-e:click": /*#__PURE__*/ inlinedQrl((_, _1, _rawProps) => {
-			_rawProps.state.activeTab = _rawProps.id;
-		}, "Tab_component_button_q_e_click_mLGAiGoqTr0").m(),
-		"q:p": _rawProps,
 		style: isActive ? { boxShadow: "inset 3px 0 0 0 var(--color-primary)" } : {},
 		title: _wrapProp(_rawProps, "title")
-	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "5U_0"), 4, "5U_1");
+	}, { "q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+		const _rawProps = _captures[0];
+		_rawProps.state.activeTab = _rawProps.id;
+	}, "Tab_component_button_q_e_click_mLGAiGoqTr0", [_rawProps]) }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Cp_0"), 1, "Cp_1");
 }, "Tab_component_HsfA1eSoy4c"));
 export { Tab };

package/dist/ui/packages/devtools/ui/src/components/TabContent/TabContent.qwik.mjs

@@ -3,6 +3,6 @@ var TabContent = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	return /*#__PURE__*/ _jsxSorted("div", null, {
 		class: "animate-slide-up-fade flex h-full w-full flex-col space-y-8",
 		style: "animation-duration: 0.3s; animation-fill-mode: both; animation-delay: 0.1s;"
-	}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b px-2 pb-4" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "title" }, null, 3, "lX_0"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "custom-scrollbar flex-1 overflow-y-auto px-2 pb-8" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "content" }, null, 3, "lX_1"), 1, null)], 1, "lX_2");
+	}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b px-2 pb-4" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "title" }, null, 3, "B0_0"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "custom-scrollbar flex-1 overflow-y-auto px-2 pb-8" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "content" }, null, 3, "B0_1"), 1, null)], 1, "B0_2");
 }, "TabContent_component_QKBLQC1st04"));
 export { TabContent };

package/dist/ui/packages/devtools/ui/src/components/TabTitle/TabTitle.qwik.mjs

@@ -1,5 +1,5 @@
 import { _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var TabTitle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
-	return /*#__PURE__*/ _jsxSorted("h3", null, { class: "from-foreground to-muted-foreground bg-gradient-to-br bg-clip-text text-2xl font-bold tracking-tight text-transparent" }, _wrapProp(_rawProps, "title"), 1, "B3_0");
+	return /*#__PURE__*/ _jsxSorted("h3", null, { class: "from-foreground to-muted-foreground bg-gradient-to-br bg-clip-text text-2xl font-bold tracking-tight text-transparent" }, _wrapProp(_rawProps, "title"), 1, "xs_0");
 }, "TabTitle_component_FETeCscYgXU"));
 export { TabTitle };

package/dist/ui/packages/devtools/ui/src/components/ThemeToggle/QwikThemeToggle.qwik.mjs

@@ -28,9 +28,9 @@ var QwikThemeToggle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() =>
 		"q-e:click": onClick$,
 		class: "bg-background text-foreground group relative flex h-8 w-8 items-center justify-center rounded-md hover:opacity-60"
 	}, /*#__PURE__*/ _jsxSorted("div", null, { class: "absolute inset-0 grid place-items-center transition-transform duration-200 ease-out group-hover:scale-110 group-active:scale-75" }, [
-		/*#__PURE__*/ _jsxSorted(IconSunOutline, null, { class: "themeIcon light col-start-1 row-start-1" }, null, 3, "cO_0"),
-		/*#__PURE__*/ _jsxSorted(IconMoonOutline, null, { class: "themeIcon dark col-start-1 row-start-1" }, null, 3, "cO_1"),
-		/*#__PURE__*/ _jsxSorted(IconSparkles, null, { class: "themeIcon auto col-start-1 row-start-1" }, null, 3, "cO_2")
-	], 1, null), 1, null), 1, "cO_3");
+		/*#__PURE__*/ _jsxSorted(IconSunOutline, null, { class: "themeIcon light col-start-1 row-start-1" }, null, 3, "vb_0"),
+		/*#__PURE__*/ _jsxSorted(IconMoonOutline, null, { class: "themeIcon dark col-start-1 row-start-1" }, null, 3, "vb_1"),
+		/*#__PURE__*/ _jsxSorted(IconSparkles, null, { class: "themeIcon auto col-start-1 row-start-1" }, null, 3, "vb_2")
+	], 1, null), 1, null), 1, "vb_3");
 }, "QwikThemeToggle_component_7eADANc7QaI"));
 export { QwikThemeToggle, getTheme, setTheme };

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

@@ -8,6 +8,6 @@ var ThemeScript = () => {
               document.firstElementChild.setAttribute('data-theme', getItem);
           }
         } catch (err) { }`;
-	return /*#__PURE__*/ _jsxSorted("script", { dangerouslySetInnerHTML: themeScript }, null, null, 3, "sD_0");
+	return /*#__PURE__*/ _jsxSorted("script", { dangerouslySetInnerHTML: themeScript }, null, null, 3, "C4_0");
 };
 export { ThemeScript };