framepexls-ui-lib 0.1.31 → 0.1.32

package/dist/Dialog.js

@@ -100,16 +100,16 @@ function useLockBodyScroll(open) {
     };
   }, [open]);
 }
-function useEscToClose(open, onClose, disabled, onlyIfTop) {
+function useEscToClose(open, onClose, disabled, onlyTop) {
   (0, import_react.useEffect)(() => {
     if (!open || disabled) return;
-    if (onlyIfTop && !onlyIfTop()) return;
+    if (onlyTop === false) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [open, onClose, disabled, onlyIfTop == null ? void 0 : onlyIfTop()]);
+  }, [open, onClose, disabled, onlyTop]);
 }
 function cx(...a) {
   return a.filter(Boolean).join(" ");
@@ -134,7 +134,7 @@ function DialogBase({
   const lastFocusedRef = (0, import_react.useRef)(null);
   const [zIndexBase, setZIndexBase] = (0, import_react.useState)(null);
   useLockBodyScroll(open);
-  useEscToClose(open, onClose, disableEscClose, () => zManager.isTop(zIndexBase));
+  useEscToClose(open, onClose, disableEscClose, zManager.isTop(zIndexBase));
   (0, import_react.useEffect)(() => {
     if (open) {
       const z = zManager.acquire();
@@ -162,13 +162,13 @@ function DialogBase({
     if (!dismissibleBackdrop) return;
     if (e.target === e.currentTarget) onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && typeof document !== "undefined" && zIndexBase !== null && (0, import_react_dom.createPortal)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_framer_motion.motion.div,
         {
           className: "fixed inset-0 bg-black/45 backdrop-blur-sm",
-          style: { zIndex: zIndexBase },
+          style: { zIndex: zIndexBase != null ? zIndexBase : 1e3 },
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           exit: { opacity: 0 }
@@ -182,7 +182,7 @@ function DialogBase({
           "aria-labelledby": title ? "dialog-title" : void 0,
           "aria-describedby": description ? "dialog-desc" : void 0,
           className: "fixed inset-0 grid place-items-center p-4",
-          style: { zIndex: zIndexBase + 1 },
+          style: { zIndex: (zIndexBase != null ? zIndexBase : 1e3) + 1 },
           initial: { opacity: 0, scale: 0.98, y: 8 },
           animate: { opacity: 1, scale: 1, y: 0 },
           exit: { opacity: 0, scale: 0.98, y: 8 },

package/dist/Dialog.mjs

@@ -60,16 +60,16 @@ function useLockBodyScroll(open) {
     };
   }, [open]);
 }
-function useEscToClose(open, onClose, disabled, onlyIfTop) {
+function useEscToClose(open, onClose, disabled, onlyTop) {
   useEffect(() => {
     if (!open || disabled) return;
-    if (onlyIfTop && !onlyIfTop()) return;
+    if (onlyTop === false) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [open, onClose, disabled, onlyIfTop == null ? void 0 : onlyIfTop()]);
+  }, [open, onClose, disabled, onlyTop]);
 }
 function cx(...a) {
   return a.filter(Boolean).join(" ");
@@ -94,7 +94,7 @@ function DialogBase({
   const lastFocusedRef = useRef(null);
   const [zIndexBase, setZIndexBase] = useState(null);
   useLockBodyScroll(open);
-  useEscToClose(open, onClose, disableEscClose, () => zManager.isTop(zIndexBase));
+  useEscToClose(open, onClose, disableEscClose, zManager.isTop(zIndexBase));
   useEffect(() => {
     if (open) {
       const z = zManager.acquire();
@@ -122,13 +122,13 @@ function DialogBase({
     if (!dismissibleBackdrop) return;
     if (e.target === e.currentTarget) onClose();
   };
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: open && typeof document !== "undefined" && zIndexBase !== null && createPortal(
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open && typeof document !== "undefined" && createPortal(
     /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         motion.div,
         {
           className: "fixed inset-0 bg-black/45 backdrop-blur-sm",
-          style: { zIndex: zIndexBase },
+          style: { zIndex: zIndexBase != null ? zIndexBase : 1e3 },
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           exit: { opacity: 0 }
@@ -142,7 +142,7 @@ function DialogBase({
           "aria-labelledby": title ? "dialog-title" : void 0,
           "aria-describedby": description ? "dialog-desc" : void 0,
           className: "fixed inset-0 grid place-items-center p-4",
-          style: { zIndex: zIndexBase + 1 },
+          style: { zIndex: (zIndexBase != null ? zIndexBase : 1e3) + 1 },
           initial: { opacity: 0, scale: 0.98, y: 8 },
           animate: { opacity: 1, scale: 1, y: 0 },
           exit: { opacity: 0, scale: 0.98, y: 8 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framepexls-ui-lib",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "private": false,
   "license": "MIT",
   "description": "Componentes UI de Framepexls para React/Next.",