react-os-shell 1.1.1 → 1.2.0

package/dist/{chunk-JHQDV7SP.js → chunk-GWVVILYQ.js}

@@ -2014,21 +2014,25 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
   const isGroup = items.length > 1;
   const popoverRef = useRef(null);
   const [pos, setPos] = useState({ left: -9999, top: -9999, ready: false });
+  const [taskbarPos, setTaskbarPos] = useState(
+    () => typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--taskbar-position")?.trim() || "bottom" : "bottom"
+  );
   useLayoutEffect(() => {
     const el = popoverRef.current;
     if (!el) return;
     const measure = () => {
       const tabRect = anchorEl.getBoundingClientRect();
       const popRect = el.getBoundingClientRect();
-      const taskbarPos = getComputedStyle(document.documentElement).getPropertyValue("--taskbar-position")?.trim() || "bottom";
+      const tbPos = getComputedStyle(document.documentElement).getPropertyValue("--taskbar-position")?.trim() || "bottom";
+      setTaskbarPos(tbPos);
       let left = tabRect.left + tabRect.width / 2 - popRect.width / 2;
       let top;
-      if (taskbarPos === "top") {
+      if (tbPos === "top") {
         top = tabRect.bottom + 8;
-      } else if (taskbarPos === "left") {
+      } else if (tbPos === "left") {
         left = tabRect.right + 8;
         top = tabRect.top + tabRect.height / 2 - popRect.height / 2;
-      } else if (taskbarPos === "right") {
+      } else if (tbPos === "right") {
         left = tabRect.left - popRect.width - 8;
         top = tabRect.top + tabRect.height / 2 - popRect.height / 2;
       } else {
@@ -2043,6 +2047,8 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
     ro.observe(el);
     return () => ro.disconnect();
   }, [anchorEl, items.length]);
+  const titleBelow = taskbarPos === "top";
+  const titleClass = `${titleBelow ? "mt-1" : "mb-1"} max-w-[240px] truncate text-[11px] font-medium text-gray-900 bg-white/80 px-2 py-0.5 rounded shadow-sm ring-2 ring-transparent transition group-hover:ring-blue-400`;
   return createPortal(
     /* @__PURE__ */ jsx(
       "div",
@@ -2060,7 +2066,7 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
         onMouseEnter,
         onMouseLeave,
         children: items.map((it) => /* @__PURE__ */ jsxs("div", { className: "group flex flex-col items-center", children: [
-          /* @__PURE__ */ jsx("span", { className: "mb-1 max-w-[240px] truncate text-[11px] font-medium text-gray-900 bg-white/80 px-2 py-0.5 rounded shadow-sm ring-2 ring-transparent transition group-hover:ring-blue-400", children: it.label }),
+          !titleBelow && /* @__PURE__ */ jsx("span", { className: titleClass, children: it.label }),
           /* @__PURE__ */ jsx(
             ThumbCard,
             {
@@ -2072,7 +2078,8 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
               onClick: () => onActivate(it.id),
               onClose: () => onClose(it.id)
             }
-          )
+          ),
+          titleBelow && /* @__PURE__ */ jsx("span", { className: titleClass, children: it.label })
         ] }, it.id))
       }
     ),
@@ -2392,5 +2399,5 @@ function WindowManagerProvider({ children }) {
 }
 
 export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-JHQDV7SP.js.map
-//# sourceMappingURL=chunk-JHQDV7SP.js.map
+//# sourceMappingURL=chunk-GWVVILYQ.js.map
+//# sourceMappingURL=chunk-GWVVILYQ.js.map