uidex 0.5.0 → 0.5.2

package/dist/headless/index.cjs

@@ -1046,6 +1046,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -3226,16 +3229,18 @@ function createCursorTooltip(deps) {
   const renderBody = () => {
     body.replaceChildren();
     if (typeof currentContent === "string") {
-      applyColor(DEFAULT_TOOLTIP_COLOR);
+      applyColor("#a1a1aa");
+      el2.style.opacity = "0.6";
       body.append(document.createTextNode(currentContent));
       return;
     }
     if (!currentContent) return;
+    el2.style.opacity = "1";
     const { entity, node } = currentContent;
     const style = KIND_STYLE[entity.kind];
     const demoted = entity.kind === "primitive";
     applyColor(style?.color ?? DEFAULT_TOOLTIP_COLOR);
-    el2.style.opacity = demoted ? "0.55" : "1";
+    if (demoted) el2.style.opacity = "0.55";
     if (style) {
       const svg = (0, import_lucide2.createElement)(style.icon);
       svg.setAttribute("aria-hidden", "true");
@@ -3343,7 +3348,8 @@ function createInspector(options) {
     resolveAll = (target) => defaultResolveAllMatches(target, registry),
     onHover,
     onSelect,
-    onCycle
+    onCycle,
+    onObscured
   } = options;
   let mounted = false;
   let currentEl = null;
@@ -3352,6 +3358,13 @@ function createInspector(options) {
   let layerIndex = 0;
   let lastCursor = { x: 0, y: 0 };
   const makeStack = () => stack.length > 0 ? { matches: stack, index: layerIndex, current: stack[layerIndex] } : null;
+  const onDocumentLeave = () => {
+    currentEl = null;
+    stack = [];
+    layerIndex = 0;
+    session.highlight.unhover();
+    onObscured?.(lastCursor);
+  };
   const onMouseMove = (e) => {
     if (!(e.target instanceof Element)) return;
     const matches = resolveAll(e.target);
@@ -3404,6 +3417,7 @@ function createInspector(options) {
         document.head.appendChild(cursorStyleEl);
       }
       document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseleave", onDocumentLeave);
       document.addEventListener("click", onClick, true);
       document.addEventListener("contextmenu", onContextMenu, true);
     },
@@ -3418,6 +3432,7 @@ function createInspector(options) {
         cursorStyleEl = null;
       }
       document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseleave", onDocumentLeave);
       document.removeEventListener("click", onClick, true);
       document.removeEventListener("contextmenu", onContextMenu, true);
       session.highlight.unhover();
@@ -4194,6 +4209,10 @@ function createSurfaceShell(options) {
     },
     onCycle: (stack, cursor) => {
       showStack(stack, cursor);
+    },
+    onObscured: (cursor) => {
+      overlay.hide();
+      tooltip.update("iframe", cursor);
     }
   });
   cleanup.add(inspector);