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

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

@@ -1,11 +1,12 @@
 import { QwikLogo } from "../Icons/Icons.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, componentQrl, inlinedQrl, useSignal, useTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, componentQrl, inlinedQrl, useSignal, useTaskQrl } from "@qwik.dev/core";
 var _hf0 = (p0, p1) => ({
 	bottom: `${p1.value.y}px`,
 	right: `${p1.value.x}px`,
 	userSelect: p0.value ? "none" : void 0,
 	transition: p0.value ? "none" : void 0
 });
+var _hf0_str = "{bottom:`${p1.value.y}px`,right:`${p1.value.x}px`,userSelect:p0.value?\"none\":undefined,transition:p0.value?\"none\":undefined}";
 var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
 	const position = useSignal({
 		x: 24,
@@ -22,8 +23,9 @@ var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		y: 0
 	});
 	const isMoved = useSignal(false);
-	/** Handles mouse movement during drag. Defined outside handleMouseDown$ for serialization. */ const handleMouseMove = /*#__PURE__*/ inlinedQrl((event) => {
-		const isDragging = _captures[0], isMoved = _captures[1], position = _captures[2], startElementPos = _captures[3], startMousePos = _captures[4];
+	/** Handles mouse movement during drag. Defined outside handleMouseDown$ for serialization. */
+	const handleMouseMove = /*#__PURE__*/ inlinedQrl((event) => {
+		let isDragging = _capturesObj._[0], isMoved = _capturesObj._[1], position = _capturesObj._[2], startElementPos = _capturesObj._[3], startMousePos = _capturesObj._[4];
 		if (!isDragging.value) return;
 		const deltaX = event.clientX - startMousePos.value.x;
 		const deltaY = event.clientY - startMousePos.value.y;
@@ -43,12 +45,13 @@ var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		startElementPos,
 		startMousePos
 	]);
-	/** Handles mouse release to end drag. Defined outside handleMouseDown$ for serialization. */ const handleMouseUp = /*#__PURE__*/ inlinedQrl(() => {
-		const isDragging = _captures[0];
+	/** Handles mouse release to end drag. Defined outside handleMouseDown$ for serialization. */
+	const handleMouseUp = /*#__PURE__*/ inlinedQrl(() => {
+		let isDragging = _capturesObj._[0];
 		if (isDragging.value) isDragging.value = false;
 	}, "DevtoolsButton_component_handleMouseUp_GgvQR4Yjzk0", [isDragging]);
 	const handleClick = /*#__PURE__*/ inlinedQrl(() => {
-		const isMoved = _captures[0], props = _captures[1];
+		let isMoved = _capturesObj._[0], props = _capturesObj._[1];
 		if (isMoved.value) {
 			isMoved.value = false;
 			return;
@@ -56,8 +59,9 @@ var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		if (!props.state) return;
 		props.state.isOpen = !props.state.isOpen;
 	}, "DevtoolsButton_component_handleClick_Rt3WuwyzzVQ", [isMoved, props]);
-	/** Handles the mouse down event to initiate dragging. */ const handleMouseDown = /*#__PURE__*/ inlinedQrl((event) => {
-		const elementRef = _captures[0], isDragging = _captures[1], isMoved = _captures[2], position = _captures[3], startElementPos = _captures[4], startMousePos = _captures[5];
+	/** Handles the mouse down event to initiate dragging. */
+	const handleMouseDown = /*#__PURE__*/ inlinedQrl((event) => {
+		let elementRef = _capturesObj._[0], isDragging = _capturesObj._[1], isMoved = _capturesObj._[2], position = _capturesObj._[3], startElementPos = _capturesObj._[4], startMousePos = _capturesObj._[5];
 		if (event.button !== 0) return;
 		if (!elementRef.value) return;
 		event.preventDefault();
@@ -87,7 +91,7 @@ var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		startMousePos
 	]);
 	useTaskQrl(/*#__PURE__*/ inlinedQrl(({ track, cleanup }) => {
-		const handleMouseMove = _captures[0], handleMouseUp = _captures[1], isDragging = _captures[2];
+		let handleMouseMove = _capturesObj._[0], handleMouseUp = _capturesObj._[1], isDragging = _capturesObj._[2];
 		track(() => isDragging.value);
 		if (isDragging.value && typeof window !== "undefined") {
 			window.addEventListener("mousemove", handleMouseMove);
@@ -102,20 +106,18 @@ var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		handleMouseUp,
 		isDragging
 	]));
-	return /*#__PURE__*/ _jsxSorted("div", {
-		class: [
-			"fixed z-[9990] flex h-14 w-14 origin-center items-center justify-center rounded-full select-none",
-			props.state?.isOpen && !isDragging.value ? "glass-button shadow-accent/20 pointer-events-none scale-90 rotate-90 opacity-0" : "glass-button animate-pulsar opacity-100 hover:scale-105 hover:shadow-[0_0_20px_rgba(22,182,246,0.5)]",
-			!isDragging.value ? "cursor-pointer transition-all duration-500 ease-out" : "scale-95 cursor-grabbing opacity-80"
-		],
-		ref: elementRef
-	}, {
-		style: _fnSignal(_hf0, [isDragging, position]),
+	return /*#__PURE__*/ _jsxSorted("div", { class: [
+		"fixed z-[9990] flex h-14 w-14 origin-center items-center justify-center rounded-full select-none",
+		props.state?.isOpen && !isDragging.value ? "glass-button shadow-accent/20 pointer-events-none scale-90 rotate-90 opacity-0" : "glass-button animate-pulsar opacity-100 hover:scale-105 hover:shadow-[0_0_20px_rgba(22,182,246,0.5)]",
+		!isDragging.value ? "cursor-pointer transition-all duration-500 ease-out" : "scale-95 cursor-grabbing opacity-80"
+	] }, {
+		ref: elementRef,
+		style: _fnSignal(_hf0, [isDragging, position], _hf0_str),
 		"q-e:mousedown": handleMouseDown,
 		"q-e:click": handleClick
 	}, /*#__PURE__*/ _jsxSorted(QwikLogo, null, {
 		title: "Qwik Logo",
 		class: "pointer-events-none h-7 w-7 opacity-90 drop-shadow-[0_2px_4px_rgba(0,0,0,0.2)]"
-	}, null, 3, "Ur_0"), 1, "Ur_1");
+	}, null, 3, "r2_0"), 1, "r2_1");
 }, "DevtoolsButton_component_pc0s731OwsI"));
 export { DevtoolsButton };

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

@@ -1,5 +1,8 @@
 import { Slot, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var DevtoolsContainer = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
-	return /*#__PURE__*/ _jsxSorted("div", null, { class: "qwik-devtools" }, /*#__PURE__*/ _jsxSorted("div", { "q:slot": "content" }, { class: "fixed right-0 bottom-0 z-[2147483647] font-sans" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "9S_0"), 1, null), 1, "9S_1");
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "qwik-devtools" }, /*#__PURE__*/ _jsxSorted("div", null, {
+		class: "fixed right-0 bottom-0 z-[2147483647] font-sans",
+		"q:slot": "content"
+	}, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Y6_0"), 1, null), 1, "Y6_1");
 }, "DevtoolsContainer_component_am55eKQZVYo"));
 export { DevtoolsContainer };

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

@@ -1,9 +1,12 @@
 import { IconArrowsPointingIn, IconArrowsPointingOut, IconXMark, QwikLogo } from "../Icons/Icons.qwik.mjs";
-import { Slot, _captures, _fnSignal, _jsxSorted, componentQrl, inlinedQrl, isBrowser, useSignal, useTaskQrl, useVisibleTaskQrl } from "@qwik.dev/core";
+import { Slot, _capturesObj, _fnSignal, _jsxSorted, componentQrl, inlinedQrl, isBrowser, useSignal, useTaskQrl, useVisibleTaskQrl } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
 var _hf0 = (p0) => ["border-glass-border/80 flex items-center justify-between border-b px-4 py-3", p0.state.isPanelFullscreen ? "cursor-default" : "cursor-grab"];
+var _hf0_str = "[\"border-glass-border/80 flex items-center justify-between border-b px-4 py-3\",p0.state.isPanelFullscreen?\"cursor-default\":\"cursor-grab\"]";
 var _hf1 = (p0) => p0.state.isPanelFullscreen ? "Fullscreen mode" : "Drag the title bar or resize from any edge";
+var _hf1_str = "p0.state.isPanelFullscreen?\"Fullscreen mode\":\"Drag the title bar or resize from any edge\"";
 var _hf2 = (p0) => p0.state.isPanelFullscreen ? "Restore window" : "Enter fullscreen";
+var _hf2_str = "p0.state.isPanelFullscreen?\"Restore window\":\"Enter fullscreen\"";
 var WINDOW_MARGIN = 24;
 var COMPACT_MARGIN = 8;
 var DEFAULT_WIDTH = 1180;
@@ -109,12 +112,12 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 	});
 	const panelBounds = useSignal({ ...props.state.panelBounds });
 	const stopInteraction = /*#__PURE__*/ inlinedQrl(() => {
-		const interactionMode = _captures[0];
+		let interactionMode = _capturesObj._[0];
 		interactionMode.value = null;
 		resetPointerStyles();
 	}, "DevtoolsPanel_component_stopInteraction_FDdPgYv46RA", [interactionMode]);
 	const handleMouseMove = /*#__PURE__*/ inlinedQrl((event) => {
-		const interactionMode = _captures[0], panelBounds = _captures[1], props = _captures[2], startBounds = _captures[3], startMousePosition = _captures[4];
+		let interactionMode = _capturesObj._[0], panelBounds = _capturesObj._[1], props = _capturesObj._[2], startBounds = _capturesObj._[3], startMousePosition = _capturesObj._[4];
 		if (!interactionMode.value || props.state.isPanelFullscreen) return;
 		const deltaX = event.clientX - startMousePosition.value.x;
 		const deltaY = event.clientY - startMousePosition.value.y;
@@ -160,7 +163,7 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		startMousePosition
 	]);
 	const handleDragStart = /*#__PURE__*/ inlinedQrl((event) => {
-		const interactionMode = _captures[0], panelBounds = _captures[1], props = _captures[2], startBounds = _captures[3], startMousePosition = _captures[4];
+		let interactionMode = _capturesObj._[0], panelBounds = _capturesObj._[1], props = _capturesObj._[2], startBounds = _capturesObj._[3], startMousePosition = _capturesObj._[4];
 		if (event.button !== 0 || props.state.isPanelFullscreen) return;
 		event.preventDefault();
 		event.stopPropagation();
@@ -182,7 +185,7 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		startMousePosition
 	]);
 	const handleResizeStart = /*#__PURE__*/ inlinedQrl((direction, event) => {
-		const interactionMode = _captures[0], panelBounds = _captures[1], props = _captures[2], startBounds = _captures[3], startMousePosition = _captures[4];
+		let interactionMode = _capturesObj._[0], panelBounds = _capturesObj._[1], props = _capturesObj._[2], startBounds = _capturesObj._[3], startMousePosition = _capturesObj._[4];
 		if (event.button !== 0 || props.state.isPanelFullscreen) return;
 		event.preventDefault();
 		event.stopPropagation();
@@ -204,7 +207,7 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		startMousePosition
 	]);
 	const handleToggleFullscreen = /*#__PURE__*/ inlinedQrl(() => {
-		const interactionMode = _captures[0], panelBounds = _captures[1], props = _captures[2];
+		let interactionMode = _capturesObj._[0], panelBounds = _capturesObj._[1], props = _capturesObj._[2];
 		if (!isBrowser) return;
 		if (props.state.isPanelFullscreen) {
 			props.state.isPanelFullscreen = false;
@@ -223,7 +226,7 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		props
 	]);
 	useTaskQrl(/*#__PURE__*/ inlinedQrl(({ cleanup }) => {
-		const props = _captures[0];
+		let props = _capturesObj._[0];
 		const handleKeyPress = (e) => {
 			if (e.key === "`" && e.metaKey) props.state.isOpen = !props.state.isOpen;
 			if (e.key === "Escape" && props.state.isPaletteOpen) props.state.isPaletteOpen = false;
@@ -236,7 +239,7 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		});
 	}, "DevtoolsPanel_component_useTask_m0ftdAGWrnk", [props]));
 	useTaskQrl(/*#__PURE__*/ inlinedQrl(({ track, cleanup }) => {
-		const handleMouseMove = _captures[0], interactionMode = _captures[1], stopInteraction = _captures[2];
+		let handleMouseMove = _capturesObj._[0], interactionMode = _capturesObj._[1], stopInteraction = _capturesObj._[2];
 		track(() => interactionMode.value);
 		if (!interactionMode.value || !isBrowser) return;
 		window.addEventListener("mousemove", handleMouseMove);
@@ -254,7 +257,7 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		stopInteraction
 	]));
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(({ track, cleanup }) => {
-		const panelBounds = _captures[0], props = _captures[1];
+		let panelBounds = _capturesObj._[0], props = _capturesObj._[1];
 		track(() => props.state.isOpen);
 		track(() => props.state.isPanelFullscreen);
 		if (!props.state.isOpen) return;
@@ -281,107 +284,117 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		width: `min(calc(100vw - 48px), ${DEFAULT_WIDTH}px)`,
 		height: `min(calc(100vh - 48px), ${DEFAULT_HEIGHT}px)`
 	};
-	return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [/*#__PURE__*/ _jsxSorted("div", {
-		"q-e:mousedown": /*#__PURE__*/ inlinedQrl((_, _1, props) => {
+	return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [/*#__PURE__*/ _jsxSorted("div", null, {
+		class: "fixed inset-0 z-[9990] bg-black/50 backdrop-blur-sm transition-opacity duration-300",
+		"q-e:mousedown": /*#__PURE__*/ inlinedQrl(() => {
+			let props = _capturesObj._[0];
 			props.state.isOpen = false;
-		}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_Yyj4ufBP6gI").m(),
-		"q:p": props
-	}, { class: "fixed inset-0 z-[9990] bg-black/50 backdrop-blur-sm transition-opacity duration-300" }, null, 6, null), /*#__PURE__*/ _jsxSorted("div", {
+		}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_Yyj4ufBP6gI", [props])
+	}, null, 3, null), /*#__PURE__*/ _jsxSorted("div", {
 		class: [
 			"glass-panel text-foreground fixed z-[9991] flex overflow-hidden border transition-[border-radius,width,height,left,top]",
 			interactionMode.value ? "duration-0" : "duration-200 ease-out",
 			props.state.isPanelFullscreen ? "inset-0 rounded-none" : "rounded-2xl shadow-2xl"
 		],
-		"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
-			event.stopPropagation();
-		}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_1_TccpGpuhI0Q"),
 		style: panelStyle
-	}, null, [!props.state.isPanelFullscreen && /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("n", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_Kpo8QnowZug").m(),
-			"q:p": handleResizeStart
-		}, {
+	}, { "q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+		event.stopPropagation();
+	}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_1_TccpGpuhI0Q") }, [!props.state.isPanelFullscreen && /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize north",
-			class: "absolute inset-x-4 top-0 z-20 h-2 cursor-ns-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("s", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_1_rpnKj8SmWbQ").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute inset-x-4 top-0 z-20 h-2 cursor-ns-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("n", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_Kpo8QnowZug", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize south",
-			class: "absolute inset-x-4 bottom-0 z-20 h-2 cursor-ns-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("e", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_2_7pH0bhGUSrQ").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute inset-x-4 bottom-0 z-20 h-2 cursor-ns-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("s", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_1_rpnKj8SmWbQ", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize east",
-			class: "absolute top-4 right-0 bottom-4 z-20 w-2 cursor-ew-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("w", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_3_BqRiXxG6CsY").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-4 right-0 bottom-4 z-20 w-2 cursor-ew-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("e", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_2_7pH0bhGUSrQ", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize west",
-			class: "absolute top-4 bottom-4 left-0 z-20 w-2 cursor-ew-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("nw", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_4_azrG92Zn70A").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-4 bottom-4 left-0 z-20 w-2 cursor-ew-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("w", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_3_BqRiXxG6CsY", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize northwest",
-			class: "absolute top-0 left-0 z-20 h-4 w-4 cursor-nwse-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("ne", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_5_hTShrOzMO2s").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-0 left-0 z-20 h-4 w-4 cursor-nwse-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("nw", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_4_azrG92Zn70A", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize northeast",
-			class: "absolute top-0 right-0 z-20 h-4 w-4 cursor-nesw-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("sw", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_6_ukQTZz0jKXc").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-0 right-0 z-20 h-4 w-4 cursor-nesw-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("ne", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_5_hTShrOzMO2s", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize southwest",
-			class: "absolute bottom-0 left-0 z-20 h-4 w-4 cursor-nesw-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("se", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_7_eWsKZf7ZlNg").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute bottom-0 left-0 z-20 h-4 w-4 cursor-nesw-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("sw", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_6_ukQTZz0jKXc", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize southeast",
-			class: "absolute right-0 bottom-0 z-20 h-4 w-4 cursor-nwse-resize"
-		}, null, 6, null)
-	], 1, "Qq_0"), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden" }, [/*#__PURE__*/ _jsxSorted("div", { class: _fnSignal(_hf0, [props]) }, {
+			class: "absolute right-0 bottom-0 z-20 h-4 w-4 cursor-nwse-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				let handleResizeStart = _capturesObj._[0];
+				return handleResizeStart("se", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_7_eWsKZf7ZlNg", [handleResizeStart])
+		}, null, 3, null)
+	], 3, "YV_0"), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden" }, [/*#__PURE__*/ _jsxSorted("div", { class: _fnSignal(_hf0, [props], _hf0_str) }, {
 		"q-e:mousedown": handleDragStart,
 		"q-e:dblclick": handleToggleFullscreen
 	}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-w-0 items-center gap-3" }, [/*#__PURE__*/ _jsxSorted(QwikLogo, null, {
 		title: "Qwik Logo",
 		class: "h-5 w-5 shrink-0"
-	}, null, 3, "Qq_1"), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-w-0" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "truncate text-sm font-semibold" }, "Qwik DevTools", 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground truncate text-xs" }, _fnSignal(_hf1, [props]), 1, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", { "q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
-		event.stopPropagation();
-	}, "DevtoolsPanel_component_Fragment_div_div_div_div_q_e_mousedown_4Q09AHNKYqo") }, { class: "flex items-center gap-2" }, [/*#__PURE__*/ _jsxSorted("button", { "aria-label": _fnSignal(_hf2, [props]) }, {
+	}, null, 3, "YV_1"), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-w-0" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "truncate text-sm font-semibold" }, "Qwik DevTools", 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground truncate text-xs" }, _fnSignal(_hf1, [props], _hf1_str), 1, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, {
+		class: "flex items-center gap-2",
+		"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+			event.stopPropagation();
+		}, "DevtoolsPanel_component_Fragment_div_div_div_div_q_e_mousedown_4Q09AHNKYqo")
+	}, [/*#__PURE__*/ _jsxSorted("button", { "aria-label": _fnSignal(_hf2, [props], _hf2_str) }, {
 		type: "button",
 		class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border shadow-sm backdrop-blur-md transition-all hover:scale-105 active:scale-95",
 		"q-e:click": handleToggleFullscreen
-	}, props.state.isPanelFullscreen ? /*#__PURE__*/ _jsxSorted(IconArrowsPointingIn, null, { class: "h-4 w-4" }, null, 3, "Qq_2") : /*#__PURE__*/ _jsxSorted(IconArrowsPointingOut, null, { class: "h-4 w-4" }, null, 3, "Qq_3"), 1, null), /*#__PURE__*/ _jsxSorted("button", {
-		"q-e:click": /*#__PURE__*/ inlinedQrl((_, _1, props) => {
-			props.state.isOpen = false;
-		}, "DevtoolsPanel_component_Fragment_div_div_div_div_button_q_e_click_wy3qFhRhsTU").m(),
-		"q:p": props
-	}, {
+	}, props.state.isPanelFullscreen ? /*#__PURE__*/ _jsxSorted(IconArrowsPointingIn, null, { class: "h-4 w-4" }, null, 3, "YV_2") : /*#__PURE__*/ _jsxSorted(IconArrowsPointingOut, null, { class: "h-4 w-4" }, null, 3, "YV_3"), 1, null), /*#__PURE__*/ _jsxSorted("button", null, {
 		type: "button",
 		"aria-label": "Close devtools",
-		class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border shadow-sm backdrop-blur-md transition-all hover:scale-105 active:scale-95"
-	}, /*#__PURE__*/ _jsxSorted(IconXMark, null, { class: "h-5 w-5" }, null, 3, "Qq_4"), 4, null)], 0, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 overflow-hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Qq_5"), 1, null)], 1, null)], 0, null)], 1, "Qq_6");
+		class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border shadow-sm backdrop-blur-md transition-all hover:scale-105 active:scale-95",
+		"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+			let props = _capturesObj._[0];
+			props.state.isOpen = false;
+		}, "DevtoolsPanel_component_Fragment_div_div_div_div_button_q_e_click_wy3qFhRhsTU", [props])
+	}, /*#__PURE__*/ _jsxSorted(IconXMark, null, { class: "h-5 w-5" }, null, 3, "YV_4"), 1, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 overflow-hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "YV_5"), 1, null)], 1, null)], 1, null)], 1, "YV_6");
 }, "DevtoolsPanel_component_BVQpbxoWoJY"));
 export { DevtoolsPanel };

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

@@ -1,5 +1,6 @@
 import { Slot, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
-/** Small toolbar button with icon slot and optional text. Supports active/inactive visual states. */ var IconButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+/** Small toolbar button with icon slot and optional text. Supports active/inactive visual states. */
+var IconButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
 	return /*#__PURE__*/ _jsxSorted("button", {
 		"aria-label": _wrapProp(props, "title"),
 		class: [
@@ -9,6 +10,6 @@ import { Slot, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev
 		],
 		"q-e:click": props.onClick$,
 		title: _wrapProp(props, "title")
-	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Uf_0"), 0, "Uf_1");
+	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "W9_0"), 0, "W9_1");
 }, "IconButton_component_bgPeqZ4Kexo"));
 export { IconButton };