@fivepixels-js/react 0.2.0 → 0.2.2

package/dist/components/overlay/DotWaveOverlay.js

@@ -0,0 +1,226 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+const DEFAULT_ORIGIN = { x: 0.5, y: 0.5 };
+const TAU = Math.PI * 2;
+const DOT_REVEAL_DURATION = 360;
+const BLINK_BLEND_DURATION = 720;
+const DOT_EXIT_DURATION = 300;
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function easeOutCubic(value) {
+    return 1 - Math.pow(1 - value, 3);
+}
+export function DotWaveOverlay({ active = true, dotSize = 2, gap = 20, minOpacity = 0.2, maxOpacity = 0.8, waveDuration = 1400, fadeOutDuration = 2200, deactivateDelay = 0, color = "#94a3b8", origin = DEFAULT_ORIGIN, className = "", style, }) {
+    const canvasRef = useRef(null);
+    const controllerRef = useRef(null);
+    const activeRef = useRef(active);
+    const colorRef = useRef(color);
+    activeRef.current = active;
+    colorRef.current = color;
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas) {
+            return;
+        }
+        const context = canvas.getContext("2d");
+        if (!context) {
+            return;
+        }
+        const drawingContext = context;
+        const safeDotSize = Math.max(0.5, dotSize);
+        const safeGap = Math.max(safeDotSize + 1, gap);
+        const safeMinOpacity = clamp(minOpacity, 0, 1);
+        const safeMaxOpacity = clamp(Math.max(safeMinOpacity, maxOpacity), 0, 1);
+        const safeWaveDuration = Math.max(0, waveDuration);
+        const safeFadeOutDuration = Math.max(0, fadeOutDuration);
+        const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        const dots = [];
+        let width = 0;
+        let height = 0;
+        let frameId = null;
+        let resizeFrameId = null;
+        let isActive = activeRef.current;
+        let currentColor = colorRef.current;
+        let startedAt = performance.now();
+        let stoppedAt = null;
+        let maxExitEnd = 0;
+        let deactivateTimeout = null;
+        const buildDots = () => {
+            dots.length = 0;
+            maxExitEnd = 0;
+            const originX = width * clamp(origin.x, 0, 1);
+            const originY = height * clamp(origin.y, 0, 1);
+            const maxDistance = Math.max(Math.hypot(originX, originY), Math.hypot(width - originX, originY), Math.hypot(originX, height - originY), Math.hypot(width - originX, height - originY), 1);
+            const startX = (width % safeGap) / 2;
+            const startY = (height % safeGap) / 2;
+            for (let y = startY; y < height; y += safeGap) {
+                for (let x = startX; x < width; x += safeGap) {
+                    const distanceProgress = Math.hypot(x - originX, y - originY) / maxDistance;
+                    const jitter = (Math.random() - 0.5) * safeWaveDuration * 0.12;
+                    const exitAt = distanceProgress * Math.max(0, safeFadeOutDuration - DOT_EXIT_DURATION);
+                    dots.push({
+                        x,
+                        y,
+                        revealAt: Math.max(0, distanceProgress * safeWaveDuration + jitter),
+                        exitAt,
+                        initialOpacity: safeMinOpacity + Math.random() * (safeMaxOpacity - safeMinOpacity),
+                        maxOpacity: safeMinOpacity + Math.random() * (safeMaxOpacity - safeMinOpacity),
+                        phase: Math.random() * TAU,
+                        speed: 0.0007 + Math.random() * 0.0011,
+                    });
+                    maxExitEnd = Math.max(maxExitEnd, exitAt + DOT_EXIT_DURATION);
+                }
+            }
+        };
+        const resize = () => {
+            const rect = canvas.getBoundingClientRect();
+            width = Math.max(0, rect.width);
+            height = Math.max(0, rect.height);
+            const pixelRatio = Math.min(window.devicePixelRatio || 1, 2);
+            canvas.width = Math.round(width * pixelRatio);
+            canvas.height = Math.round(height * pixelRatio);
+            drawingContext.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+            buildDots();
+        };
+        function requestDraw() {
+            if (frameId === null) {
+                frameId = window.requestAnimationFrame(draw);
+            }
+        }
+        function draw(now) {
+            frameId = null;
+            drawingContext.clearRect(0, 0, width, height);
+            if (reducedMotion && !isActive) {
+                return;
+            }
+            const elapsed = now - startedAt;
+            const exitElapsed = stoppedAt === null ? null : now - stoppedAt;
+            drawingContext.fillStyle = currentColor;
+            for (const dot of dots) {
+                const timeSinceReveal = elapsed - dot.revealAt;
+                if (!reducedMotion && timeSinceReveal < 0) {
+                    continue;
+                }
+                const revealProgress = reducedMotion ? 1 : easeOutCubic(clamp(timeSinceReveal / DOT_REVEAL_DURATION, 0, 1));
+                const blinkOpacity = ((Math.sin(elapsed * dot.speed + dot.phase) + 1) / 2) * dot.maxOpacity;
+                const blinkBlend = reducedMotion ? 0 : clamp((timeSinceReveal - DOT_REVEAL_DURATION) / BLINK_BLEND_DURATION, 0, 1);
+                const exitProgress = exitElapsed === null ? 0 : easeOutCubic(clamp((exitElapsed - dot.exitAt) / DOT_EXIT_DURATION, 0, 1));
+                const opacity = (dot.initialOpacity * (1 - blinkBlend) + blinkOpacity * blinkBlend) * revealProgress * (1 - exitProgress);
+                if (opacity <= 0.001) {
+                    continue;
+                }
+                drawingContext.globalAlpha = opacity;
+                drawingContext.fillRect(dot.x - safeDotSize / 2, dot.y - safeDotSize / 2, safeDotSize, safeDotSize);
+            }
+            drawingContext.globalAlpha = 1;
+            if (reducedMotion) {
+                return;
+            }
+            if (isActive || (exitElapsed !== null && exitElapsed < maxExitEnd)) {
+                requestDraw();
+            }
+        }
+        const scheduleResize = () => {
+            if (resizeFrameId !== null) {
+                window.cancelAnimationFrame(resizeFrameId);
+            }
+            resizeFrameId = window.requestAnimationFrame(() => {
+                resize();
+                resizeFrameId = null;
+                const exiting = stoppedAt !== null && performance.now() - stoppedAt < maxExitEnd;
+                if (isActive || exiting) {
+                    requestDraw();
+                }
+            });
+        };
+        resize();
+        if (isActive) {
+            requestDraw();
+        }
+        const controller = {
+            setActive(nextActive, delay) {
+                if (deactivateTimeout !== null) {
+                    window.clearTimeout(deactivateTimeout);
+                    deactivateTimeout = null;
+                }
+                if (nextActive) {
+                    if (isActive) {
+                        requestDraw();
+                        return;
+                    }
+                    isActive = true;
+                    startedAt = performance.now();
+                    stoppedAt = null;
+                    buildDots();
+                    requestDraw();
+                    return;
+                }
+                if (!isActive) {
+                    return;
+                }
+                const deactivate = () => {
+                    deactivateTimeout = null;
+                    isActive = false;
+                    stoppedAt = performance.now();
+                    if (reducedMotion) {
+                        drawingContext.clearRect(0, 0, width, height);
+                        return;
+                    }
+                    requestDraw();
+                };
+                const safeDelay = reducedMotion ? 0 : Math.max(0, delay);
+                if (safeDelay > 0) {
+                    deactivateTimeout = window.setTimeout(deactivate, safeDelay);
+                    requestDraw();
+                    return;
+                }
+                deactivate();
+            },
+            setColor(nextColor) {
+                if (!isActive && stoppedAt !== null) {
+                    return;
+                }
+                currentColor = nextColor;
+                if (isActive) {
+                    requestDraw();
+                }
+            },
+        };
+        controllerRef.current = controller;
+        const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleResize);
+        resizeObserver?.observe(canvas);
+        window.addEventListener("resize", scheduleResize);
+        return () => {
+            if (frameId !== null) {
+                window.cancelAnimationFrame(frameId);
+            }
+            if (resizeFrameId !== null) {
+                window.cancelAnimationFrame(resizeFrameId);
+            }
+            if (deactivateTimeout !== null) {
+                window.clearTimeout(deactivateTimeout);
+            }
+            resizeObserver?.disconnect();
+            window.removeEventListener("resize", scheduleResize);
+            if (controllerRef.current === controller) {
+                controllerRef.current = null;
+            }
+        };
+    }, [dotSize, fadeOutDuration, gap, maxOpacity, minOpacity, origin.x, origin.y, waveDuration]);
+    useEffect(() => {
+        const controller = controllerRef.current;
+        if (!controller) {
+            return;
+        }
+        if (active) {
+            controller.setActive(true, deactivateDelay);
+            controller.setColor(color);
+            return;
+        }
+        controller.setColor(color);
+        controller.setActive(false, deactivateDelay);
+    }, [active, color, deactivateDelay]);
+    return (_jsx("canvas", { ref: canvasRef, "aria-hidden": "true", className: `pointer-events-none absolute inset-0 h-full w-full ${className}`, style: style }));
+}
+//# sourceMappingURL=DotWaveOverlay.js.map

package/dist/components/overlay/DotWaveOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotWaveOverlay.js","sourceRoot":"","sources":["../../../src/components/overlay/DotWaveOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/components/overlay/FloatingPinRail.d.ts

@@ -0,0 +1,2 @@
+export declare function FloatingPinRail(): import("react").JSX.Element | null;
+//# sourceMappingURL=FloatingPinRail.d.ts.map

package/dist/components/overlay/FloatingPinRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPinRail.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/FloatingPinRail.tsx"],"names":[],"mappings":"AAmMA,wBAAgB,eAAe,uCA8K9B"}

package/dist/components/overlay/FloatingPinRail.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { CloseIcon, ChevronDownIcon, FavoritePinIcon } from "../../components/icons/Icons.js";
+import { MOTION } from "../../constants/motionClasses.js";
+import { useReportData, useReportPreferences, useReportSession } from "../../providers/reportContext.js";
+import { formatFeedbackCaseId } from "../../utils/feedback/feedbackCaseId.js";
+import { getPinnedFeedbackCaseProgress } from "../../utils/pinned/pinnedFeedback.js";
+function CircularProgress({ progress, size = 30, showPercentLabel = false, }) {
+    const { messages } = useReportPreferences();
+    const strokeWidth = showPercentLabel ? 3.5 : 3;
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const offset = circumference - (progress.percentage / 100) * circumference;
+    const labelSize = Math.max(9, Math.round(size * 0.28));
+    return (_jsxs("span", { className: "relative inline-flex shrink-0 items-center justify-center", style: { width: size, height: size }, role: "img", "aria-label": messages.pins.progressAriaLabel(progress.resolved, progress.total, progress.percentage), children: [_jsxs("svg", { viewBox: `0 0 ${size} ${size}`, className: "h-full w-full -rotate-90", "aria-hidden": true, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "var(--adaptive-black200)", strokeWidth: strokeWidth }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "var(--adaptive-blue500)", strokeWidth: strokeWidth, strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: offset, className: "transition-[stroke-dashoffset] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]" })] }), showPercentLabel ? (_jsxs("span", { className: "absolute inset-0 flex items-center justify-center font-bold tabular-nums text-[var(--adaptive-blue500)]", style: { fontSize: `${labelSize}px` }, "aria-hidden": true, children: [progress.percentage, "%"] })) : null] }));
+}
+function PinRailCard({ item, index, onOpen, onRemove, }) {
+    const { messages } = useReportPreferences();
+    const [pulsing, setPulsing] = useState(false);
+    const handleOpen = () => {
+        setPulsing(true);
+        window.setTimeout(() => setPulsing(false), 180);
+        onOpen(item);
+    };
+    return (_jsxs("div", { className: `${MOTION.pinCardEnter} group relative flex flex-col gap-[4px] rounded-[10px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-fillOpacity800)] px-[10px] py-[8px] shadow-[var(--adaptive-popup-shadow)] backdrop-blur-[8px] ${pulsing ? MOTION.pinCardPulse : ""}`, style: { animationDelay: `${index * 35}ms` }, children: [_jsxs("button", { type: "button", "data-fivepixels-interactive": "", onClick: handleOpen, "aria-label": messages.pins.openPinAriaLabel, className: "flex w-full flex-col gap-[3px] pr-[20px] text-left", children: [_jsx("p", { className: "text-[12px] font-bold leading-none text-[var(--adaptive-black900)]", children: item.fcNumber ? formatFeedbackCaseId(item.fcNumber) : "#FC-—" }), _jsx("p", { className: "line-clamp-1 text-[11px] leading-[1.35] text-[var(--adaptive-black500)]", children: item.summary })] }), _jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: () => onRemove(item.reportId), "aria-label": messages.pins.removePinAriaLabel, className: "absolute right-[4px] top-[4px] flex h-[20px] w-[20px] items-center justify-center rounded-[6px] text-[var(--adaptive-black400)] opacity-0 transition-opacity hover:bg-[var(--adaptive-tintOpacity200)] hover:text-[var(--adaptive-black900)] group-hover:opacity-100", children: _jsx(CloseIcon, { className: "h-[12px] w-[12px]" }) })] }));
+}
+function PinnedRouteAccordion({ group, collapsed, onToggle, onOpen, onRemove, }) {
+    const { messages } = useReportPreferences();
+    const expanded = !collapsed;
+    return (_jsxs("section", { className: "overflow-hidden rounded-[10px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-black50)]", children: [_jsxs("button", { type: "button", "data-fivepixels-interactive": "", onClick: onToggle, "aria-expanded": expanded, "aria-label": messages.pins.routeToggleAriaLabel(group.pathname), className: "flex w-full items-center justify-between gap-[8px] px-[10px] py-[8px] text-left", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-[7px]", children: [_jsx(CircularProgress, { progress: group.progress, size: 26 }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate text-[11px] font-semibold text-[var(--adaptive-black900)]", children: group.pathname }), _jsx("span", { className: "block text-[10px] tabular-nums text-[var(--adaptive-black500)]", children: messages.pins.completedCasesLabel(group.progress.resolved, group.progress.total) })] })] }), _jsx(ChevronDownIcon, { className: `h-[13px] w-[13px] shrink-0 text-[var(--adaptive-black500)] transition-transform duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] ${expanded ? "rotate-180" : ""}` })] }), _jsx("div", { className: MOTION.pinRailBody, "data-expanded": expanded ? "true" : "false", children: _jsx("div", { className: MOTION.pinRailBodyInner, children: _jsx("div", { className: "flex flex-col gap-[6px] border-t border-[var(--adaptive-border-subtle)] p-[6px]", children: group.items.map((item, index) => (_jsx(PinRailCard, { item: item, index: index, onOpen: onOpen, onRemove: onRemove }, item.reportId))) }) }) })] }));
+}
+export function FloatingPinRail() {
+    const { messages, pinnedFeedbackItems, pinRailCollapsed, setPinRailCollapsed, unpinFeedback, syncPinnedFeedbackReports, } = useReportPreferences();
+    const { openPinnedFeedback } = useReportSession();
+    const { reports, allPageReports } = useReportData();
+    const [entered, setEntered] = useState(false);
+    const [collapsedRoutes, setCollapsedRoutes] = useState(() => new Set());
+    const hasPins = pinnedFeedbackItems.length > 0;
+    const enrichedItems = useMemo(() => {
+        const reportById = new Map([...allPageReports, ...reports].map((report) => [report.id, report]));
+        return [...pinnedFeedbackItems].reverse().map((item) => {
+            const report = reportById.get(item.reportId);
+            if (!report) {
+                return item;
+            }
+            return {
+                ...item,
+                fcNumber: report.fc_number ?? item.fcNumber ?? null,
+                pathname: report.pathname,
+                cases: report.cases.map((caseItem) => ({
+                    id: caseItem.id,
+                    status: caseItem.status,
+                })),
+            };
+        });
+    }, [allPageReports, pinnedFeedbackItems, reports]);
+    const routeGroups = useMemo(() => {
+        const groups = new Map();
+        for (const item of enrichedItems) {
+            const current = groups.get(item.pathname);
+            if (current) {
+                current.push(item);
+            }
+            else {
+                groups.set(item.pathname, [item]);
+            }
+        }
+        return [...groups].map(([pathname, items]) => ({
+            pathname,
+            items,
+            progress: getPinnedFeedbackCaseProgress(items),
+        }));
+    }, [enrichedItems]);
+    const overallProgress = useMemo(() => getPinnedFeedbackCaseProgress(enrichedItems), [enrichedItems]);
+    useEffect(() => {
+        syncPinnedFeedbackReports([...allPageReports, ...reports]);
+    }, [allPageReports, reports, syncPinnedFeedbackReports]);
+    useEffect(() => {
+        if (!hasPins) {
+            setEntered(false);
+            return;
+        }
+        const frame = window.requestAnimationFrame(() => setEntered(true));
+        return () => window.cancelAnimationFrame(frame);
+    }, [hasPins]);
+    if (!hasPins) {
+        return null;
+    }
+    const expanded = !pinRailCollapsed;
+    const handleOpen = (item) => {
+        void openPinnedFeedback(item.reportId, {
+            caseId: item.caseId,
+            pathname: item.pathname,
+        });
+    };
+    if (!expanded) {
+        return (_jsx("div", { className: `pointer-events-auto fixed right-[16px] top-[20%] z-[1000002] ${entered ? MOTION.pinRailEnter : ""}`, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", onClick: () => setPinRailCollapsed(false), "aria-expanded": false, "aria-label": messages.pins.railExpandAriaLabel, className: "flex h-[52px] w-[52px] items-center justify-center rounded-full border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-fillOpacity700)] shadow-[var(--adaptive-popup-shadow)] backdrop-blur-[12px] transition-transform duration-200 ease-[cubic-bezier(0.34,1.28,0.64,1)] hover:scale-[1.04]", children: _jsx(CircularProgress, { progress: overallProgress, size: 44, showPercentLabel: true }) }) }));
+    }
+    return (_jsx("div", { className: `pointer-events-auto fixed right-[16px] top-[20%] z-[1000002] flex w-[280px] flex-col gap-[8px] ${entered ? MOTION.pinRailEnter : ""}`, children: _jsxs("div", { className: `${MOTION.pinRailShell} overflow-hidden rounded-[14px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-fillOpacity700)] shadow-[var(--adaptive-popup-shadow)] backdrop-blur-[12px]`, "data-expanded": "true", children: [_jsxs("button", { type: "button", "data-fivepixels-interactive": "", onClick: () => setPinRailCollapsed(true), "aria-expanded": true, "aria-label": messages.pins.railCollapseAriaLabel, className: "flex w-full items-center justify-between gap-[8px] px-[12px] py-[9px] text-left", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-[7px]", children: [_jsx(CircularProgress, { progress: overallProgress, size: 30, showPercentLabel: true }), _jsx(FavoritePinIcon, { filled: true, className: "h-[14px] w-[14px] shrink-0 text-[var(--adaptive-blue500)]" }), _jsx("span", { className: "truncate text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.pins.railTitle }), _jsx("span", { className: "rounded-[999px] bg-[var(--adaptive-black100)] px-[6px] py-[1px] text-[10px] font-semibold tabular-nums text-[var(--adaptive-black600)]", children: messages.pins.railCountLabel(pinnedFeedbackItems.length) })] }), _jsx(ChevronDownIcon, { className: "h-[14px] w-[14px] shrink-0 rotate-180 text-[var(--adaptive-black500)] transition-transform duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]" })] }), _jsx("div", { className: MOTION.pinRailBody, "data-expanded": "true", children: _jsx("div", { className: MOTION.pinRailBodyInner, children: _jsx("div", { className: "max-h-[min(60vh,520px)] overflow-y-auto px-[8px] pb-[8px]", children: _jsx("div", { className: "flex flex-col gap-[7px]", children: routeGroups.map((group) => (_jsx(PinnedRouteAccordion, { group: group, collapsed: collapsedRoutes.has(group.pathname), onToggle: () => {
+                                        setCollapsedRoutes((current) => {
+                                            const next = new Set(current);
+                                            if (next.has(group.pathname)) {
+                                                next.delete(group.pathname);
+                                            }
+                                            else {
+                                                next.add(group.pathname);
+                                            }
+                                            return next;
+                                        });
+                                    }, onOpen: handleOpen, onRemove: unpinFeedback }, group.pathname))) }) }) }) })] }) }));
+}
+//# sourceMappingURL=FloatingPinRail.js.map

package/dist/components/overlay/FloatingPinRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPinRail.js","sourceRoot":"","sources":["../../../src/components/overlay/FloatingPinRail.tsx"],"names":[],"mappings":"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"}

package/dist/components/overlay/PickTargetCompareChip.d.ts

@@ -2,6 +2,6 @@ import type { TargetSnapshot } from "../../types/report-ui.js";
 type PickTargetCompareChipProps = {
     target: TargetSnapshot;
 };
-export declare function PickTargetCompareChip({ target }: PickTargetCompareChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickTargetCompareChip({ target }: PickTargetCompareChipProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PickTargetCompareChip.d.ts.map

package/dist/components/overlay/PickTargetCompareChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetCompareChip.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetCompareChip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,KAAK,0BAA0B,GAAG;IAC9B,MAAM,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,EAAE,0BAA0B,2CAkD3E"}
+{"version":3,"file":"PickTargetCompareChip.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetCompareChip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,KAAK,0BAA0B,GAAG;IAC9B,MAAM,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,EAAE,0BAA0B,+BAmD3E"}

package/dist/components/overlay/PickTargetCompareChip.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
-import { useReport } from "../../providers/reportContext.js";
-import { getPickProbeCompareChipLayout } from "../../utils/pickProbeLayout.js";
+import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
+import { getPickProbeCompareChipLayout } from "../../utils/probe/pickProbeLayout.js";
 import { PickTargetCompareSegment } from "./PickTargetCompareSegment.js";
 export function PickTargetCompareChip({ target }) {
-    const { messages, pickProbeCompareMode, setPickProbeCompareMode } = useReport();
+    const { messages } = useReportPreferences();
+    const { pickProbeCompareMode, setPickProbeCompareMode } = useReportSession();
     const chipRef = useRef(null);
     const [layout, setLayout] = useState(null);
     const updateLayout = useCallback(() => {

package/dist/components/overlay/PickTargetCompareChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetCompareChip.js","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetCompareChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAMzE,MAAM,UAAU,qBAAqB,CAAC,EAAE,MAAM,EAA8B;IACxE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAChF,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuC,IAAI,CAAC,CAAC;IAEjF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,SAAS,CAAC,6BAA6B,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAElB,eAAe,CAAC,GAAG,EAAE;QACjB,YAAY,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAE3D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;YACrC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,OAAO,CACH,cACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE;YACH,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG;YACnC,IAAI,EAAE,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK;YACvC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B,iCAC2B,EAAE,EAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,YAE3C,KAAC,wBAAwB,IACrB,IAAI,EAAE,oBAAoB,EAC1B,QAAQ,EAAE,uBAAuB,EACjC,WAAW,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,EAC5C,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,UAAU,GAC5C,GACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PickTargetCompareChip.js","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetCompareChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEtF,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAMzE,MAAM,UAAU,qBAAqB,CAAC,EAAE,MAAM,EAA8B;IACxE,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC5C,MAAM,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7E,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuC,IAAI,CAAC,CAAC;IAEjF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,SAAS,CAAC,6BAA6B,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAElB,eAAe,CAAC,GAAG,EAAE;QACjB,YAAY,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAE3D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;YACrC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,OAAO,CACH,cACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE;YACH,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG;YACnC,IAAI,EAAE,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK;YACvC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B,iCAC2B,EAAE,EAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,YAE3C,KAAC,wBAAwB,IACrB,IAAI,EAAE,oBAAoB,EAC1B,QAAQ,EAAE,uBAAuB,EACjC,WAAW,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,EAC5C,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,UAAU,GAC5C,GACA,CACT,CAAC;AACN,CAAC"}

package/dist/components/overlay/PickTargetCompareSegment.d.ts

@@ -7,6 +7,6 @@ type PickTargetCompareSegmentProps = {
     className?: string;
     tone?: "default" | "inverse";
 };
-export declare function PickTargetCompareSegment({ mode, onChange, beforeLabel, afterLabel, className, tone, }: PickTargetCompareSegmentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickTargetCompareSegment({ mode, onChange, beforeLabel, afterLabel, className, tone, }: PickTargetCompareSegmentProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PickTargetCompareSegment.d.ts.map

package/dist/components/overlay/PickTargetCompareSegment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetCompareSegment.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetCompareSegment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,KAAK,6BAA6B,GAAG;IACjC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAc,EACd,IAAgB,GACnB,EAAE,6BAA6B,2CAqC/B"}
+{"version":3,"file":"PickTargetCompareSegment.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetCompareSegment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,KAAK,6BAA6B,GAAG;IACjC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAc,EACd,IAAgB,GACnB,EAAE,6BAA6B,+BAqC/B"}

package/dist/components/overlay/PickTargetContextMenu.d.ts

@@ -3,6 +3,6 @@ type PickTargetContextMenuProps = {
     clientY: number;
     showRevert: boolean;
 };
-export declare function PickTargetContextMenu({ clientX, clientY, showRevert }: PickTargetContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickTargetContextMenu({ clientX, clientY, showRevert }: PickTargetContextMenuProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PickTargetContextMenu.d.ts.map

package/dist/components/overlay/PickTargetContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetContextMenu.tsx"],"names":[],"mappings":"AAUA,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,0BAA0B,2CAoFjG"}
+{"version":3,"file":"PickTargetContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetContextMenu.tsx"],"names":[],"mappings":"AAUA,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,0BAA0B,+BAoFjG"}

package/dist/components/overlay/PickTargetContextMenu.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { DeleteIcon, EditIcon, RevertIcon } from "../../components/icons/Icons.js";
-import { useReport } from "../../providers/reportContext.js";
+import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
 const MENU_SURFACE_CLASS = "pointer-events-auto fixed z-[1000004] min-w-[140px] overflow-hidden rounded-[10px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-overlay)] py-[4px] shadow-[var(--adaptive-popup-shadow)] backdrop-blur-[20px]";
 const MENU_ITEM_CLASS = "flex w-full items-center gap-[8px] px-[12px] py-[8px] text-left text-[14px] font-medium hover:bg-[var(--adaptive-black100)]";
 const MENU_DIVIDER_CLASS = "my-[4px] h-px bg-[var(--adaptive-border-subtle)]";
 export function PickTargetContextMenu({ clientX, clientY, showRevert }) {
-    const { messages, closePickTargetContextMenu, handlePickTargetEdit, handlePickTargetDelete, handlePickTargetRevert, } = useReport();
+    const { messages } = useReportPreferences();
+    const { closePickTargetContextMenu, handlePickTargetEdit, handlePickTargetDelete, handlePickTargetRevert, } = useReportSession();
     useEffect(() => {
         const handleKeyDown = (event) => {
             if (event.key === "Escape") {

package/dist/components/overlay/PickTargetContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetContextMenu.js","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetContextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PickTargetContextMenu.js","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/overlay/PickTargetHoverTooltip.d.ts

@@ -2,6 +2,6 @@ import type { TargetSnapshot } from "../../types/report-ui.js";
 type PickTargetHoverTooltipProps = {
     target: TargetSnapshot;
 };
-export declare function PickTargetHoverTooltip({ target }: PickTargetHoverTooltipProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PickTargetHoverTooltip({ target }: PickTargetHoverTooltipProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=PickTargetHoverTooltip.d.ts.map

package/dist/components/overlay/PickTargetHoverTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetHoverTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetHoverTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQ3D,KAAK,2BAA2B,GAAG;IAC/B,MAAM,EAAE,cAAc,CAAC;CAC1B,CAAC;AAuDF,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EAAE,2BAA2B,kDAsF7E"}
+{"version":3,"file":"PickTargetHoverTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetHoverTooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQ3D,KAAK,2BAA2B,GAAG;IAC/B,MAAM,EAAE,cAAc,CAAC;CAC1B,CAAC;AAuDF,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EAAE,2BAA2B,sCAuF7E"}

package/dist/components/overlay/PickTargetHoverTooltip.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
-import { useReport } from "../../providers/reportContext.js";
-import { HOVER_TOOLTIP_MARGIN } from "../../utils/hoverTooltipLayout.js";
-const TOOLTIP_SURFACE_CLASS = "pointer-events-none fixed z-[1000002] min-w-[220px] max-w-[min(320px,calc(100vw-16px))] overflow-hidden rounded-[12px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-overlay)] px-[12px] py-[10px] shadow-[var(--adaptive-popup-shadow)] backdrop-blur-[20px]";
+import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
+import { MOTION } from "../../constants/motionClasses.js";
+import { HOVER_TOOLTIP_MARGIN } from "../../utils/marker/hoverTooltipLayout.js";
+const TOOLTIP_SURFACE_CLASS = `pointer-events-none fixed z-[1000002] min-w-[220px] max-w-[min(320px,calc(100vw-16px))] overflow-hidden rounded-[12px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-overlay)] px-[12px] py-[10px] shadow-[var(--adaptive-popup-shadow)] backdrop-blur-[20px] ${MOTION.tooltipIn}`;
 const POINTER_OFFSET = 12;
 function InspectRow({ label, value, valueClassName = "" }) {
     return (_jsxs("div", { className: "flex items-start justify-between gap-[12px] text-[11px] leading-[1.45]", children: [_jsx("span", { className: "shrink-0 text-[var(--adaptive-black500)]", children: label }), _jsx("span", { className: `min-w-0 break-all text-right font-[var(--coding-font)] text-[var(--adaptive-black900)] ${valueClassName}`.trim(), children: value })] }));
@@ -29,7 +30,8 @@ function getPointerTooltipLayout(clientX, clientY, tooltipRect) {
     return { top, left };
 }
 export function PickTargetHoverTooltip({ target }) {
-    const { messages, hoverPointer } = useReport();
+    const { messages } = useReportPreferences();
+    const { hoverPointer } = useReportSession();
     const tooltipRef = useRef(null);
     const [layout, setLayout] = useState(null);
     const updateLayout = useCallback(() => {
@@ -63,7 +65,7 @@ export function PickTargetHoverTooltip({ target }) {
     return (_jsx("div", { ref: tooltipRef, className: TOOLTIP_SURFACE_CLASS, style: {
             top: layout?.top ?? hoverPointer.clientY + POINTER_OFFSET,
             left: layout?.left ?? hoverPointer.clientX + POINTER_OFFSET,
-            opacity: layout ? 1 : 0,
+            visibility: layout ? "visible" : "hidden",
         }, children: _jsxs("div", { className: "flex flex-col gap-[6px]", children: [_jsx(InspectRow, { label: messages.pickTarget.tooltipTag, value: `<${tagName}>` }), _jsx(InspectRow, { label: messages.pickTarget.tooltipSize, value: sizeLabel }), target.boxStyle ? (_jsxs(_Fragment, { children: [_jsx(InspectRow, { label: messages.pickTarget.tooltipDisplay, value: target.boxStyle.display }), _jsx(InspectRow, { label: messages.pickTarget.tooltipPadding, value: target.boxStyle.padding }), _jsx(InspectRow, { label: messages.pickTarget.tooltipMargin, value: target.boxStyle.margin })] })) : null, target.fontStyle ? (_jsxs(_Fragment, { children: [_jsx(InspectRow, { label: messages.pickTarget.tooltipFontFamily, value: target.fontStyle.fontFamily }), _jsx(InspectRow, { label: messages.pickTarget.tooltipFontSize, value: target.fontStyle.fontSize }), _jsx(InspectRow, { label: messages.pickTarget.tooltipFontWeight, value: target.fontStyle.fontWeight }), _jsx(InspectRow, { label: messages.pickTarget.tooltipLineHeight, value: target.fontStyle.lineHeight })] })) : null, _jsx("div", { className: "mt-[2px] border-t border-[var(--adaptive-border-subtle)] pt-[6px]", children: _jsxs("div", { className: "flex items-start justify-between gap-[8px] text-[11px] leading-[1.45]", children: [_jsx("span", { className: "shrink-0 text-[var(--adaptive-black500)]", children: messages.pickTarget.tooltipReportId }), _jsxs("div", { className: "flex min-w-0 items-start justify-end gap-[6px]", children: [_jsx(ReportIdStatusIcon, { tagged: target.isTagged }), _jsx("span", { className: "min-w-0 break-all text-right font-[var(--coding-font)] text-[var(--adaptive-black900)]", children: reportIdValue })] })] }) })] }) }));
 }
 //# sourceMappingURL=PickTargetHoverTooltip.js.map

package/dist/components/overlay/PickTargetHoverTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetHoverTooltip.js","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetHoverTooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PickTargetHoverTooltip.js","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetHoverTooltip.tsx"],"names":[],"mappings":"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"}

package/dist/components/overlay/PickTargetProbePanel.d.ts

@@ -1,2 +1,2 @@
-export declare function PickTargetProbePanel(): import("react/jsx-runtime").JSX.Element | null;
+export declare function PickTargetProbePanel(): import("react").JSX.Element | null;
 //# sourceMappingURL=PickTargetProbePanel.d.ts.map

package/dist/components/overlay/PickTargetProbePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickTargetProbePanel.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetProbePanel.tsx"],"names":[],"mappings":"AAwLA,wBAAgB,oBAAoB,mDAoKnC"}
+{"version":3,"file":"PickTargetProbePanel.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/PickTargetProbePanel.tsx"],"names":[],"mappings":"AAwLA,wBAAgB,oBAAoB,uCAwJnC"}