uilint-react 0.1.49 → 0.1.50

package/dist/{ElementBadges-TPLIZJA5.js → ElementBadges-ISBIBC3T.js}

@@ -3,7 +3,7 @@
 import {
   useUILintContext,
   useUILintStore
-} from "./chunk-N6U5BUAN.js";
+} from "./chunk-TLHXCIXS.js";
 
 // src/components/ui-lint/ElementBadges.tsx
 import React, { useState, useEffect, useCallback, useMemo } from "react";
@@ -403,6 +403,9 @@ function ElementBadges() {
     {
       "data-ui-lint": true,
       onMouseDown: handleUILintInteraction,
+      onPointerDown: handleUILintInteraction,
+      onPointerUp: handleUILintInteraction,
+      onTouchStart: handleUILintInteraction,
       onClick: handleUILintInteraction,
       onKeyDown: handleUILintInteraction,
       style: { pointerEvents: "none" },
@@ -485,6 +488,9 @@ function NudgedBadge({
     },
     [element, issue, onSelect]
   );
+  const handlePointerDown = useCallback((e) => {
+    e.stopPropagation();
+  }, []);
   const hoveredBadge = useMemo(() => {
     if (hoveredIndex === null) return null;
     return nearbyBadges[hoveredIndex] ?? null;
@@ -567,6 +573,7 @@ function NudgedBadge({
         "data-ui-lint": true,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
+        onPointerDown: handlePointerDown,
         onClick: handleClick,
         children: /* @__PURE__ */ jsx(
           "div",

package/dist/{InspectionPanel-FKDEPTX7.js → InspectionPanel-OCCB5KUE.js}

@@ -2,9 +2,9 @@
 "use client";
 import {
   InspectionPanel
-} from "./chunk-2BV2MBAM.js";
+} from "./chunk-NOYDJR7R.js";
 import "./chunk-S4IWHBOQ.js";
-import "./chunk-N6U5BUAN.js";
+import "./chunk-TLHXCIXS.js";
 export {
   InspectionPanel
 };

package/dist/{LocatorOverlay-W33BHLRE.js → LocatorOverlay-VACYO52F.js}

@@ -3,8 +3,8 @@
 import {
   InspectedElementHighlight,
   LocatorOverlay
-} from "./chunk-IRG3I75F.js";
-import "./chunk-N6U5BUAN.js";
+} from "./chunk-TQTSKK5G.js";
+import "./chunk-TLHXCIXS.js";
 export {
   InspectedElementHighlight,
   LocatorOverlay

package/dist/{UILintToolbar-OQ44CM63.js → UILintToolbar-TXSF3YZF.js}

@@ -2,9 +2,9 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-URAH2PAM.js";
+} from "./chunk-ZNBNHYJX.js";
 import "./chunk-S4IWHBOQ.js";
-import "./chunk-N6U5BUAN.js";
+import "./chunk-TLHXCIXS.js";
 export {
   UILintToolbar
 };

package/dist/{chunk-2BV2MBAM.js → chunk-NOYDJR7R.js}

@@ -7,7 +7,7 @@ import {
   buildEditorUrl,
   useUILintContext,
   useUILintStore
-} from "./chunk-N6U5BUAN.js";
+} from "./chunk-TLHXCIXS.js";
 
 // src/components/ui-lint/InspectionPanel.tsx
 import React, {
@@ -362,6 +362,9 @@ function InspectionPanel() {
       ref: popoverRef,
       "data-ui-lint": true,
       onMouseDown: handleUILintInteraction,
+      onPointerDown: handleUILintInteraction,
+      onPointerUp: handleUILintInteraction,
+      onTouchStart: handleUILintInteraction,
       onClick: handleUILintInteraction,
       onKeyDown: handleUILintInteraction,
       style: {

package/dist/{chunk-N6U5BUAN.js → chunk-TLHXCIXS.js}

@@ -1063,10 +1063,10 @@ function UILintUI() {
   const [components, setComponents] = useState(null);
   useEffect2(() => {
     Promise.all([
-      import("./UILintToolbar-OQ44CM63.js"),
-      import("./InspectionPanel-FKDEPTX7.js"),
-      import("./LocatorOverlay-W33BHLRE.js"),
-      import("./ElementBadges-TPLIZJA5.js")
+      import("./UILintToolbar-TXSF3YZF.js"),
+      import("./InspectionPanel-OCCB5KUE.js"),
+      import("./LocatorOverlay-VACYO52F.js"),
+      import("./ElementBadges-ISBIBC3T.js")
     ]).then(([toolbar, panel, locator, badges]) => {
       setComponents({
         Toolbar: toolbar.UILintToolbar,

package/dist/{chunk-IRG3I75F.js → chunk-TQTSKK5G.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-N6U5BUAN.js";
+} from "./chunk-TLHXCIXS.js";
 
 // src/components/ui-lint/LocatorOverlay.tsx
 import { useState, useEffect, useMemo } from "react";
@@ -97,6 +97,10 @@ function InfoTooltip({ rect, source, componentName }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-ui-lint": true,
+      onPointerDown: (e) => e.stopPropagation(),
+      onPointerUp: (e) => e.stopPropagation(),
+      onTouchStart: (e) => e.stopPropagation(),
       style: {
         ...tooltipStyle,
         display: "flex",

package/dist/{chunk-URAH2PAM.js → chunk-ZNBNHYJX.js}

@@ -9,7 +9,7 @@ import {
   groupBySourceFile,
   useUILintContext,
   useUILintStore
-} from "./chunk-N6U5BUAN.js";
+} from "./chunk-TLHXCIXS.js";
 
 // src/components/ui-lint/UILintToolbar.tsx
 import React3, { useState as useState2, useRef as useRef2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
@@ -1101,6 +1101,9 @@ function ScanPanelStack({ show, onClose }) {
       ref: containerRef,
       "data-ui-lint": true,
       onMouseDown: handleUILintInteraction,
+      onPointerDown: handleUILintInteraction,
+      onPointerUp: handleUILintInteraction,
+      onTouchStart: handleUILintInteraction,
       onClick: handleUILintInteraction,
       onKeyDown: handleUILintInteraction,
       style: {
@@ -1672,13 +1675,7 @@ function UILintToolbar() {
   const totalIssues = elementIssues + fileLevelIssues;
   useEffect3(() => {
     const checkForNextOverlay = () => {
-      const overlaySelectors = [
-        "nextjs-portal",
-        "[data-nextjs-dialog]",
-        "[data-nextjs-dialog-overlay]",
-        "#__next-build-watcher",
-        "[data-nextjs-toast]"
-      ];
+      const overlaySelectors = ["data-next-badge-root"];
       const hasOverlay = overlaySelectors.some((selector) => {
         const el = document.querySelector(selector);
         if (!el) return false;
@@ -1795,6 +1792,9 @@ function UILintToolbar() {
     {
       "data-ui-lint": true,
       onMouseDown: handleUILintInteraction,
+      onPointerDown: handleUILintInteraction,
+      onPointerUp: handleUILintInteraction,
+      onTouchStart: handleUILintInteraction,
       onClick: handleUILintInteraction,
       onKeyDown: handleUILintInteraction,
       style: {
@@ -1814,6 +1814,12 @@ function UILintToolbar() {
             ref: toolbarRef,
             role: "toolbar",
             "aria-label": "UI Lint toolbar",
+            onMouseDown: handleUILintInteraction,
+            onPointerDown: handleUILintInteraction,
+            onPointerUp: handleUILintInteraction,
+            onTouchStart: handleUILintInteraction,
+            onClick: handleUILintInteraction,
+            onKeyDown: handleUILintInteraction,
             style: { pointerEvents: "auto" },
             children: renderToolbar()
           }
@@ -1823,6 +1829,12 @@ function UILintToolbar() {
           {
             ref: settingsRef,
             className: `uilint-popover ${settingsClosing ? "uilint-popover--closing" : ""}`,
+            onMouseDown: handleUILintInteraction,
+            onPointerDown: handleUILintInteraction,
+            onPointerUp: handleUILintInteraction,
+            onTouchStart: handleUILintInteraction,
+            onClick: handleUILintInteraction,
+            onKeyDown: handleUILintInteraction,
             style: {
               position: "absolute",
               bottom: "100%",

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-URAH2PAM.js";
+} from "./chunk-ZNBNHYJX.js";
 import {
   InspectionPanel
-} from "./chunk-2BV2MBAM.js";
+} from "./chunk-NOYDJR7R.js";
 import {
   clearSourceCache,
   fetchSource,
@@ -14,7 +14,7 @@ import {
 } from "./chunk-S4IWHBOQ.js";
 import {
   LocatorOverlay
-} from "./chunk-IRG3I75F.js";
+} from "./chunk-TQTSKK5G.js";
 import {
   DATA_UILINT_ID,
   DEFAULT_SETTINGS,
@@ -30,7 +30,7 @@ import {
   scanDOMForSources,
   updateElementRects,
   useUILintContext
-} from "./chunk-N6U5BUAN.js";
+} from "./chunk-TLHXCIXS.js";
 
 // src/consistency/snapshot.ts
 var DATA_ELEMENTS_ATTR = "data-elements";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilint-react",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "description": "React component for AI-powered UI consistency checking",
   "author": "Peter Suggate",
   "repository": {
@@ -34,7 +34,7 @@
     "node": ">=20.0.0"
   },
   "dependencies": {
-    "uilint-core": "^0.1.49",
+    "uilint-core": "^0.1.50",
     "zustand": "^5.0.5"
   },
   "peerDependencies": {