@underverse-ui/underverse 0.2.18 → 0.2.19

package/dist/index.cjs

@@ -2406,29 +2406,28 @@ var useToast = () => {
   }
   return context;
 };
-var ToastProvider = ({
-  children,
-  position = "top-right",
-  maxToasts = 5
-}) => {
+var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
   const [toasts, setToasts] = (0, import_react7.useState)([]);
   const idRef = (0, import_react7.useRef)(0);
   const removeToast = (0, import_react7.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
-  const addToast = (0, import_react7.useCallback)((toast) => {
-    const id = `toast-${++idRef.current}`;
-    const newToast = { ...toast, id };
-    setToasts((prev) => {
-      const updated = [newToast, ...prev];
-      return updated.slice(0, maxToasts);
-    });
-    if (toast.duration !== 0) {
-      setTimeout(() => {
-        removeToast(id);
-      }, toast.duration || 5e3);
-    }
-  }, [maxToasts, removeToast]);
+  const addToast = (0, import_react7.useCallback)(
+    (toast) => {
+      const id = `toast-${++idRef.current}`;
+      const newToast = { ...toast, id };
+      setToasts((prev) => {
+        const updated = [newToast, ...prev];
+        return updated.slice(0, maxToasts);
+      });
+      if (toast.duration !== 0) {
+        setTimeout(() => {
+          removeToast(id);
+        }, toast.duration || 5e3);
+      }
+    },
+    [maxToasts, removeToast]
+  );
   const positionClasses = {
     "top-right": "top-4 right-4",
     "top-left": "top-4 left-4",
@@ -2439,7 +2438,7 @@ var ToastProvider = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ToastContext.Provider, { value: { addToast, removeToast, toasts }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("fixed z-50 flex flex-col gap-2 pointer-events-none", positionClasses[position]), "aria-live": "polite", "aria-atomic": true, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastComponent, { toast, onRemove: removeToast }, toast.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("fixed z-[99999] flex flex-col gap-2 pointer-events-none", positionClasses[position]), "aria-live": "polite", "aria-atomic": true, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastComponent, { toast, onRemove: removeToast }, toast.id)) })
   ] });
 };
 var ToastComponent = ({ toast, onRemove }) => {
@@ -3880,36 +3879,34 @@ var DropdownMenu = ({
     if (open && triggerRef.current && contentRef.current) {
       const rect = triggerRef.current.getBoundingClientRect();
       const menuRect = contentRef.current.getBoundingClientRect();
-      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-      const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
       const viewportHeight = window.innerHeight;
-      let top = rect.bottom + scrollTop + 4;
-      let left = rect.left + scrollLeft;
+      let top = rect.bottom + 4;
+      let left = rect.left;
       if (rect.bottom + menuRect.height > viewportHeight && rect.top > menuRect.height) {
-        top = rect.top + scrollTop - menuRect.height - 4;
+        top = rect.top - menuRect.height - 4;
       }
       switch (placement) {
         case "top":
         case "top-start":
-          top = rect.top + scrollTop - menuRect.height - 4;
+          top = rect.top - menuRect.height - 4;
           break;
         case "top-end":
-          top = rect.top + scrollTop - menuRect.height - 4;
-          left = rect.right + scrollLeft - menuRect.width;
+          top = rect.top - menuRect.height - 4;
+          left = rect.right - menuRect.width;
           break;
         case "bottom":
         case "bottom-start":
           break;
         case "bottom-end":
-          left = rect.right + scrollLeft - menuRect.width;
+          left = rect.right - menuRect.width;
           break;
         case "left":
-          top = rect.top + scrollTop;
-          left = rect.left + scrollLeft - menuRect.width - 4;
+          top = rect.top;
+          left = rect.left - menuRect.width - 4;
           break;
         case "right":
-          top = rect.top + scrollTop;
-          left = rect.right + scrollLeft + 4;
+          top = rect.top;
+          left = rect.right + 4;
           break;
       }
       setPosition({ top, left });
@@ -3983,7 +3980,7 @@ var DropdownMenu = ({
       "data-combobox-dropdown": true,
       ref: contentRef,
       style: {
-        position: "absolute",
+        position: "fixed",
         top: position?.top ?? -9999,
         left: position?.left ?? -9999,
         zIndex: 9999,