react-os-shell 0.2.53 → 0.2.55

package/dist/{chunk-VVXXHR5V.js → chunk-YMSQ23E4.js}

@@ -578,6 +578,12 @@ function setExposeState(v) {
   _exposeOn = v;
   _notifyExpose();
 }
+function toggleExposeMode() {
+  setExposeState(!_exposeOn);
+}
+function exitExposeMode() {
+  setExposeState(false);
+}
 var _exposeExitFocusId = null;
 var _exposeExitListeners = /* @__PURE__ */ new Set();
 function subscribeExposeExitFocus(fn) {
@@ -592,12 +598,37 @@ function setExposeExitFocus(id) {
   _exposeExitFocusId = id;
   _exposeExitListeners.forEach((fn) => fn());
 }
+var _exposeHighlightId = null;
+var _exposeHighlightListeners = /* @__PURE__ */ new Set();
+function subscribeExposeHighlight(fn) {
+  _exposeHighlightListeners.add(fn);
+  return () => _exposeHighlightListeners.delete(fn);
+}
+function getExposeHighlight() {
+  return _exposeHighlightId;
+}
+function setExposeHighlight(id) {
+  if (_exposeHighlightId === id) return;
+  _exposeHighlightId = id;
+  _exposeHighlightListeners.forEach((fn) => fn());
+}
+function commitExposeHighlight() {
+  if (!_exposeHighlightId) {
+    setExposeState(false);
+    return;
+  }
+  const id = _exposeHighlightId;
+  setExposeExitFocus(id);
+  setExposeHighlight(null);
+  setExposeState(false);
+}
 function triggerSplitView() {
   setExposeState(!_exposeOn);
   window.dispatchEvent(new CustomEvent("modal-split-view"));
 }
 window.addEventListener("keydown", (e) => {
   if (_exposeOn && e.key === "Escape") {
+    setExposeHighlight(null);
     setExposeState(false);
   }
 });
@@ -796,9 +827,11 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
   const isActive = useIsActiveModal(modalId);
   const exposeOn = useSyncExternalStore(subscribeExpose, getExposeState);
   const exposeExitFocusId = useSyncExternalStore(subscribeExposeExitFocus, getExposeExitFocus);
+  const exposeHighlightId = useSyncExternalStore(subscribeExposeHighlight, getExposeHighlight);
   const isExposeTileable = !allowPinOnTop && !widget;
   const exposeActive = exposeOn && isExposeTileable;
   const [exposeHovered, setExposeHovered] = useState(false);
+  const exposeKeyboardHighlight = exposeActive && exposeHighlightId === modalId;
   const [exposeExiting, setExposeExiting] = useState(false);
   const exposeExitRole = exposeExiting && isExposeTileable && exposeExitFocusId === modalId ? "picked" : null;
   const prevExposeActiveRef = useRef(exposeActive);
@@ -1262,15 +1295,15 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       const scaledH = box.h * scale;
       const tx = exposeTile.x + (exposeTile.w - scaledW) / 2 - box.x;
       const ty = exposeTile.y + (exposeTile.h - scaledH) / 2 - box.y;
+      const lit = exposeHovered || exposeKeyboardHighlight;
       return {
         transform: `translate(${tx}px, ${ty}px) scale(${scale})`,
         transformOrigin: "top left",
         transition: "transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 280ms",
         cursor: "pointer",
-        // Hovered tile lifts above its neighbours so the hover ring isn't
-        // clipped by adjacent panels.
-        zIndex: exposeHovered ? 2020 : 2010,
-        boxShadow: exposeHovered ? "0 24px 72px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.55), 0 0 36px 12px rgba(96,165,250,0.85), 0 0 96px 28px rgba(96,165,250,0.55)" : "0 16px 48px rgba(0,0,0,0.55)",
+        // Lifted tile sits above its neighbours so the glow isn't clipped.
+        zIndex: lit ? 2020 : 2010,
+        boxShadow: lit ? "0 24px 72px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.55), 0 0 36px 12px rgba(96,165,250,0.85), 0 0 96px 28px rgba(96,165,250,0.55)" : "0 16px 48px rgba(0,0,0,0.55)",
         pointerEvents: "auto"
       };
     }
@@ -2269,6 +2302,6 @@ function WindowManagerProvider({ children }) {
   ] });
 }
 
-export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, getActiveModalId, getActiveWindowRoute, glassStyle, isEntityEntry, isPageEntry, isSection, navIcons, navSections, sectionIcons, setShellApiClient, setShellNavIcons, setShellWindowRegistry, setWindowDefaultPosition, startMenuCategories, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-VVXXHR5V.js.map
-//# sourceMappingURL=chunk-VVXXHR5V.js.map
+export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, glassStyle, isEntityEntry, isPageEntry, isSection, navIcons, navSections, sectionIcons, setExposeHighlight, setShellApiClient, setShellNavIcons, setShellWindowRegistry, setWindowDefaultPosition, startMenuCategories, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-YMSQ23E4.js.map
+//# sourceMappingURL=chunk-YMSQ23E4.js.map