uilint-react 0.1.44 → 0.1.45

package/dist/{ElementBadges-OQC6YCQD.js → ElementBadges-RV7I6QXS.js}

@@ -3,7 +3,7 @@
 import {
   useUILintContext,
   useUILintStore
-} from "./chunk-HECINZHM.js";
+} from "./chunk-BJD2V2LF.js";
 
 // src/components/ui-lint/ElementBadges.tsx
 import React, { useState, useEffect, useCallback, useMemo } from "react";

package/dist/{InspectionPanel-UW5UBZIK.js → InspectionPanel-QC6WR5IG.js}

@@ -2,9 +2,9 @@
 "use client";
 import {
   InspectionPanel
-} from "./chunk-X4PRYONL.js";
+} from "./chunk-ZZOKTGSU.js";
 import "./chunk-W42PI2OF.js";
-import "./chunk-HECINZHM.js";
+import "./chunk-BJD2V2LF.js";
 export {
   InspectionPanel
 };

package/dist/{LocatorOverlay-RMU6JIFI.js → LocatorOverlay-Z24VU27L.js}

@@ -3,8 +3,8 @@
 import {
   InspectedElementHighlight,
   LocatorOverlay
-} from "./chunk-GCZ53K35.js";
-import "./chunk-HECINZHM.js";
+} from "./chunk-YLTHKMTO.js";
+import "./chunk-BJD2V2LF.js";
 export {
   InspectedElementHighlight,
   LocatorOverlay

package/dist/{UILintToolbar-G5AVKNXA.js → UILintToolbar-5NK77IQJ.js}

@@ -2,9 +2,9 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-RULQAXE4.js";
+} from "./chunk-EQKEHJI4.js";
 import "./chunk-W42PI2OF.js";
-import "./chunk-HECINZHM.js";
+import "./chunk-BJD2V2LF.js";
 export {
   UILintToolbar
 };

package/dist/{chunk-HECINZHM.js → chunk-BJD2V2LF.js}

@@ -1063,10 +1063,10 @@ function UILintUI() {
   const [components, setComponents] = useState(null);
   useEffect2(() => {
     Promise.all([
-      import("./UILintToolbar-G5AVKNXA.js"),
-      import("./InspectionPanel-UW5UBZIK.js"),
-      import("./LocatorOverlay-RMU6JIFI.js"),
-      import("./ElementBadges-OQC6YCQD.js")
+      import("./UILintToolbar-5NK77IQJ.js"),
+      import("./InspectionPanel-QC6WR5IG.js"),
+      import("./LocatorOverlay-Z24VU27L.js"),
+      import("./ElementBadges-RV7I6QXS.js")
     ]).then(([toolbar, panel, locator, badges]) => {
       setComponents({
         Toolbar: toolbar.UILintToolbar,

package/dist/{chunk-RULQAXE4.js → chunk-EQKEHJI4.js}

@@ -7,7 +7,7 @@ import {
   groupBySourceFile,
   useUILintContext,
   useUILintStore
-} from "./chunk-HECINZHM.js";
+} from "./chunk-BJD2V2LF.js";
 
 // src/components/ui-lint/UILintToolbar.tsx
 import { useState as useState2, useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
@@ -1312,6 +1312,50 @@ var globalStyles = `
   .uilint-popover--closing {
     animation: uilint-fade-out ${TOKENS.transitionBase} forwards;
   }
+  
+  /* Custom scrollbar styling for dark mode - scoped to uilint components */
+  [data-ui-lint] *,
+  [data-ui-lint] {
+    /* Firefox */
+    scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.15) rgba(15, 15, 15, 0.3);
+  }
+  
+  /* WebKit browsers (Chrome, Safari, Edge) */
+  [data-ui-lint] *::-webkit-scrollbar,
+  [data-ui-lint]::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  
+  [data-ui-lint] *::-webkit-scrollbar-track,
+  [data-ui-lint]::-webkit-scrollbar-track {
+    background: rgba(15, 15, 15, 0.3);
+    border-radius: 4px;
+  }
+  
+  [data-ui-lint] *::-webkit-scrollbar-thumb,
+  [data-ui-lint]::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 4px;
+    border: 1px solid rgba(15, 15, 15, 0.2);
+    transition: background ${TOKENS.transitionFast};
+  }
+  
+  [data-ui-lint] *::-webkit-scrollbar-thumb:hover,
+  [data-ui-lint]::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.25);
+  }
+  
+  [data-ui-lint] *::-webkit-scrollbar-thumb:active,
+  [data-ui-lint]::-webkit-scrollbar-thumb:active {
+    background: rgba(255, 255, 255, 0.35);
+  }
+  
+  [data-ui-lint] *::-webkit-scrollbar-corner,
+  [data-ui-lint]::-webkit-scrollbar-corner {
+    background: rgba(15, 15, 15, 0.3);
+  }
 `;
 function ToolbarButton({
   onClick,

package/dist/{chunk-GCZ53K35.js → chunk-YLTHKMTO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-HECINZHM.js";
+} from "./chunk-BJD2V2LF.js";
 
 // src/components/ui-lint/LocatorOverlay.tsx
 import { useState, useEffect, useMemo } from "react";

package/dist/{chunk-X4PRYONL.js → chunk-ZZOKTGSU.js}

@@ -6,7 +6,7 @@ import {
   buildEditorUrl,
   useUILintContext,
   useUILintStore
-} from "./chunk-HECINZHM.js";
+} from "./chunk-BJD2V2LF.js";
 
 // src/components/ui-lint/InspectionPanel.tsx
 import React, {
@@ -246,7 +246,7 @@ var STYLES = {
   font: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   fontMono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace'
 };
-var POPOVER_WIDTH = 380;
+var POPOVER_WIDTH = 450;
 var POPOVER_MAX_HEIGHT = 450;
 function InspectionPanel() {
   const {

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-RULQAXE4.js";
+} from "./chunk-EQKEHJI4.js";
 import {
   InspectionPanel,
   clearSourceCache,
@@ -9,11 +9,11 @@ import {
   fetchSourceWithContext,
   getCachedSource,
   prefetchSources
-} from "./chunk-X4PRYONL.js";
+} from "./chunk-ZZOKTGSU.js";
 import "./chunk-W42PI2OF.js";
 import {
   LocatorOverlay
-} from "./chunk-GCZ53K35.js";
+} from "./chunk-YLTHKMTO.js";
 import {
   DATA_UILINT_ID,
   DEFAULT_SETTINGS,
@@ -29,7 +29,7 @@ import {
   scanDOMForSources,
   updateElementRects,
   useUILintContext
-} from "./chunk-HECINZHM.js";
+} from "./chunk-BJD2V2LF.js";
 
 // src/consistency/snapshot.ts
 var DATA_ELEMENTS_ATTR = "data-elements";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilint-react",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "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.44",
+    "uilint-core": "^0.1.45",
     "zustand": "^5.0.5"
   },
   "peerDependencies": {