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

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

@@ -0,0 +1,542 @@
+import { _fnSignal, _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 _hf1 = (p0) => p0.title ? "img" : void 0;
+function baseSvgProps(props) {
+	const { class: className, style, title, viewBox } = props;
+	return {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox,
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "1.5",
+		class: className,
+		style,
+		"aria-hidden": title ? void 0 : true,
+		role: title ? "img" : void 0
+	};
+}
+var IconSunOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconSunOutline_component_whRbp4BgL0I"));
+var IconMoonOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconMoonOutline_component_M0Wpop07o0c"));
+var IconSparkles = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_4") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M9.813 5.146 12 2.25l2.187 2.896 3.563.717-2.431 2.398.434 3.489L12 10.6l-3.753 1.15.434-3.489-2.431-2.398 3.563-.717Z"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"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");
+}, "IconSparkles_component_KINO0LPICFo"));
+var IconChevronUpMini = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "m18 15-6-6-6 6"
+	}, null, 3, null)], 0, "IM_7");
+}, "IconChevronUpMini_component_tQuGC61SUZ4"));
+var IconBoltOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M13 2 3 14h7l-1 8 12-14h-7l1-6Z"
+	}, null, 3, null)], 0, "IM_9");
+}, "IconBoltOutline_component_lNQ4JVAf15c"));
+var IconCubeOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconCubeOutline_component_by0e0HIBLEM"));
+var IconDiagram3 = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_12") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M8 6h8"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M8 18h8"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M12 6v12"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"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");
+}, "IconDiagram3_component_PJDJLSGGtvE"));
+var IconFolderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_14") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M3.75 5.25h6l1.5 1.5h9A1.5 1.5 0 0 1 21.75 8.25v10.5A1.5 1.5 0 0 1 20.25 20.25H3.75A1.5 1.5 0 0 1 2.25 18.75V6.75A1.5 1.5 0 0 1 3.75 5.25Z"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M12 9v3m0 0H8.25m3.75 0h3.75M8.25 12v3m7.5-3v3"
+		}, null, 3, null)
+	], 0, "IM_15");
+}, "IconFolderTree_component_Ea6jn79bUw8"));
+var IconPhotoOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_16") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M2.25 6.75A2.25 2.25 0 0 1 4.5 4.5h15A2.25 2.25 0 0 1 21.75 6.75v10.5A2.25 2.25 0 0 1 19.5 19.5h-15a2.25 2.25 0 0 1-2.25-2.25V6.75Z"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M7.5 9.75a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"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");
+}, "IconPhotoOutline_component_At0tlll1cjo"));
+var IconMegaphoneMini = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_18") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M3 11.25v1.5a3 3 0 0 0 3 3h1.5l5.25 3V6.75L7.5 9.75H6a3 3 0 0 0-3 1.5Z"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M18 9.75a3.75 3.75 0 0 1 0 4.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M20.25 8.25a6.75 6.75 0 0 1 0 7.5"
+		}, null, 3, null)
+	], 0, "IM_19");
+}, "IconMegaphoneMini_component_wa0HCNgF35k"));
+var IconCodeBracketSolid = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconCodeBracketSolid_component_oc7J6sjRCbU"));
+var IconClockOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_22") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M12 6v6l4 2"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"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");
+}, "IconClockOutline_component_MNqkJQYTKgQ"));
+var IconChartBarOutline = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_24") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M7.5 17.25v-7.5m4.5 7.5v-10.5m4.5 10.5v-4.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M4.5 20.25h15"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M3.75 3.75h16.5v16.5H3.75z"
+		}, null, 3, null)
+	], 0, "IM_25");
+}, "IconChartBarOutline_component_m8edopc6p0I"));
+var IconArrowDownTray = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_26") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M12 3v10.5m0 0 3.75-3.75M12 13.5 8.25 9.75"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"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");
+}, "IconArrowDownTray_component_lFmyJcjjyLQ"));
+var IconXMark = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M6 18 18 6M6 6l12 12"
+	}, null, 3, null)], 0, "IM_29");
+}, "IconXMark_component_lqkxIqDRb14"));
+var IconMagnifyingGlass = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconMagnifyingGlass_component_Z8LLYrhceAI"));
+var IconArrowsPointingOut = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_32") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M9 3H4.5v4.5M15 3h4.5v4.5M9 21H4.5v-4.5M15 21h4.5v-4.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M9 3 3 9m12-6 6 6M9 21l-6-6m12 6 6-6"
+		}, null, 3, null)
+	], 0, "IM_33");
+}, "IconArrowsPointingOut_component_JMV4sPWCdW8"));
+var IconInfoCircle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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,
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "12",
+			y1: "16",
+			x2: "12",
+			y2: "12"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "12",
+			y1: "8",
+			x2: "12.01",
+			y2: "8"
+		}, null, 3, null)
+	], 0, "IM_35");
+}, "IconInfoCircle_component_kKMHwIuTbQ4"));
+var IconTarget = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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,
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "12",
+			cy: "12",
+			r: "6"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "12",
+			cy: "12",
+			r: "2"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "12",
+			y1: "2",
+			x2: "12",
+			y2: "6"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "12",
+			y1: "18",
+			x2: "12",
+			y2: "22"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "2",
+			y1: "12",
+			x2: "6",
+			y2: "12"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "18",
+			y1: "12",
+			x2: "22",
+			y2: "12"
+		}, null, 3, null)
+	], 0, "IM_37");
+}, "IconTarget_component_T0mpdrkca7s"));
+var IconExpandShrink = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, [
+		/*#__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, {
+			x1: "14",
+			y1: "10",
+			x2: "21",
+			y2: "3"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "3",
+			y1: "21",
+			x2: "10",
+			y2: "14"
+		}, null, 3, null)
+	], 3, "IM_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, {
+			x1: "21",
+			y1: "3",
+			x2: "14",
+			y2: "10"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "3",
+			y1: "21",
+			x2: "10",
+			y2: "14"
+		}, null, 3, null)
+	], 3, "IM_40")], 0, "IM_41");
+}, "IconExpandShrink_component_5JdTyF80dAk"));
+var IconMonitor = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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,
+		/*#__PURE__*/ _jsxSorted("rect", null, {
+			x: "2",
+			y: "3",
+			width: "20",
+			height: "14",
+			rx: "2",
+			ry: "2"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "8",
+			y1: "21",
+			x2: "16",
+			y2: "21"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("line", null, {
+			x1: "12",
+			y1: "17",
+			x2: "12",
+			y2: "21"
+		}, null, 3, null)
+	], 0, "IM_43");
+}, "IconMonitor_component_YaLxy705axg"));
+var IconArrowsPointingIn = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, null, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_44") : null,
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M9 9H3.75V3.75M15 9h5.25V3.75M9 15H3.75v5.25M15 15h5.25v5.25"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "m9 9-6-6m12 6 6-6m-12 12-6 6m12-6 6 6"
+		}, null, 3, null)
+	], 0, "IM_45");
+}, "IconArrowsPointingIn_component_AXzESBp7InQ"));
+var QwikLogo = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSorted("svg", {
+		"aria-hidden": _fnSignal(_hf0, [props]),
+		class: _wrapProp(props, "class"),
+		role: _fnSignal(_hf1, [props]),
+		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,
+		/*#__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"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			fill: "#18b6f6",
+			d: "m250 449.707 181.102 55.804-88.065-81.859-213.863-198.793 50.004-49.999-23.021-158.743L8.348 193.702a62.314 62.314 0 0 0 0 62.314l93.843 162.535a62.314 62.314 0 0 0 53.965 31.156H250Z"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("path", null, {
+			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");
+}, "QwikLogo_component_Td1OS5CbfzE"));
+var IconAdjustmentsHorizontal = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconAdjustmentsHorizontal_component_nsuoDZC96P0"));
+var IconEllipsisHorizontal = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...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, {
+		"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");
+}, "IconEllipsisHorizontal_component_2ckT22JoY1Q"));
+var IconGripVertical = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	return /*#__PURE__*/ _jsxSplit("svg", { ...baseSvgProps({
+		...props,
+		viewBox: "0 0 24 24"
+	}) }, {
+		fill: "currentColor",
+		stroke: "none"
+	}, [
+		props.title ? /*#__PURE__*/ _jsxSorted("title", null, null, props.title, 1, "IM_52") : null,
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "9",
+			cy: "5",
+			r: "1.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "15",
+			cy: "5",
+			r: "1.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "9",
+			cy: "12",
+			r: "1.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "15",
+			cy: "12",
+			r: "1.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "9",
+			cy: "19",
+			r: "1.5"
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("circle", null, {
+			cx: "15",
+			cy: "19",
+			r: "1.5"
+		}, null, 3, null)
+	], 0, "IM_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

@@ -0,0 +1,10 @@
+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];
+/**
+* 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");
+}, "InfoBanner_component_hsC2DF6XeOg"));
+export { InfoBanner };

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

@@ -0,0 +1,14 @@
+import { Slot, _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");
+}, "Tab_component_HsfA1eSoy4c"));
+export { Tab };

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

@@ -0,0 +1,8 @@
+import { Slot, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+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");
+}, "TabContent_component_QKBLQC1st04"));
+export { TabContent };

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

@@ -0,0 +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");
+}, "TabTitle_component_FETeCscYgXU"));
+export { TabTitle };

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

@@ -1,9 +1,8 @@
 import { IconMoonOutline, IconSparkles, IconSunOutline } from "../Icons/Icons.qwik.mjs";
 import { themeStorageKey } from "../router-head/theme-script.qwik.mjs";
-/* empty css                     */
+/* empty css                      */
 import { _jsxSorted, componentQrl, eventQrl, inlinedQrl, isServer } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
-//#region src/components/ThemeToggle/QwikThemeToggle.tsx
 var getTheme = () => {
 	if (isServer) return "auto";
 	let theme;
@@ -17,22 +16,21 @@ var setTheme = (theme) => {
 	else document.firstElementChild?.setAttribute("data-theme", theme);
 	localStorage.setItem(themeStorageKey, theme);
 };
-var QwikThemeToggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-	const onClick$ = eventQrl(/* @__PURE__ */ inlinedQrl(() => {
+var QwikThemeToggle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
+	const onClick$ = eventQrl(/*#__PURE__*/ inlinedQrl(() => {
 		let currentTheme = getTheme();
 		if (currentTheme === "dark") currentTheme = "light";
 		else if (currentTheme === "light") currentTheme = "auto";
 		else if (currentTheme === "auto") currentTheme = "dark";
 		setTheme(currentTheme);
-	}, "QwikThemeToggle_component_onClick_event_1L6qc00Ykpk"));
-	return /* @__PURE__ */ _jsxSorted(Fragment, null, null, /* @__PURE__ */ _jsxSorted("button", null, {
+	}, "QwikThemeToggle_component_onClick_event_mPgLgEB0unU"));
+	return /*#__PURE__*/ _jsxSorted(Fragment, null, null, /*#__PURE__*/ _jsxSorted("button", null, {
 		"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, "P3_0"),
-		/* @__PURE__ */ _jsxSorted(IconMoonOutline, null, { class: "themeIcon dark col-start-1 row-start-1" }, null, 3, "P3_1"),
-		/* @__PURE__ */ _jsxSorted(IconSparkles, null, { class: "themeIcon auto col-start-1 row-start-1" }, null, 3, "P3_2")
-	], 1, null), 1, null), 1, "P3_3");
-}, "QwikThemeToggle_component_S2o1m02h6YM"));
-//#endregion
-export { QwikThemeToggle };
+	}, /*#__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");
+}, "QwikThemeToggle_component_7eADANc7QaI"));
+export { QwikThemeToggle, getTheme, setTheme };

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

@@ -1,14 +1,13 @@
 import { themeStorageKey } from "../router-head/theme-script.qwik.mjs";
 import { _jsxSorted } from "@qwik.dev/core";
-//#region src/components/ThemeToggle/theme-script.tsx
 var ThemeScript = () => {
-	return /* @__PURE__ */ _jsxSorted("script", { dangerouslySetInnerHTML: `
+	const themeScript = `
         try {
           const getItem = localStorage.getItem('${themeStorageKey}')
           if(getItem === 'light' || getItem === 'dark'){
               document.firstElementChild.setAttribute('data-theme', getItem);
           }
-        } catch (err) { }` }, null, null, 3, "4v_0");
+        } catch (err) { }`;
+	return /*#__PURE__*/ _jsxSorted("script", { dangerouslySetInnerHTML: themeScript }, null, null, 3, "sD_0");
 };
-//#endregion
 export { ThemeScript };