next-recomponents 2.0.15 → 2.0.16

package/dist/index.js

@@ -37123,16 +37123,18 @@ function Modal({
   color = "primary"
 }) {
   const pop = usePopup();
+  const hide = () => pop.close(false);
+  const childrenWithHide = (0, import_react10.cloneElement)(children, { hide });
   (0, import_react10.useEffect)(() => {
-    pop.updateMessage(children);
+    pop.updateMessage(childrenWithHide);
   }, [children]);
-  const props = children == null ? void 0 : children.props;
+  const props = button == null ? void 0 : button.props;
   const onClick = props == null ? void 0 : props.onClick;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     (0, import_react10.cloneElement)(button, {
       onClick: (e) => {
         onClick == null ? void 0 : onClick(e);
-        pop.modal(children, color, false, true);
+        pop.modal(childrenWithHide, color, false, true);
       }
     }),
     pop.PopupComponent

package/dist/index.mjs

@@ -37109,16 +37109,18 @@ function Modal({
   color = "primary"
 }) {
   const pop = usePopup();
+  const hide = () => pop.close(false);
+  const childrenWithHide = cloneElement2(children, { hide });
   useEffect6(() => {
-    pop.updateMessage(children);
+    pop.updateMessage(childrenWithHide);
   }, [children]);
-  const props = children == null ? void 0 : children.props;
+  const props = button == null ? void 0 : button.props;
   const onClick = props == null ? void 0 : props.onClick;
   return /* @__PURE__ */ jsxs10(Fragment2, { children: [
     cloneElement2(button, {
       onClick: (e) => {
         onClick == null ? void 0 : onClick(e);
-        pop.modal(children, color, false, true);
+        pop.modal(childrenWithHide, color, false, true);
       }
     }),
     pop.PopupComponent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "2.0.15",
+  "version": "2.0.16",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/modal/index.tsx

@@ -1,6 +1,7 @@
 // Modal.tsx
 import React, { ReactElement, cloneElement, useEffect } from "react";
 import usePopup from "../pop";
+
 export type PopupColor =
   | "white"
   | "primary"
@@ -22,20 +23,24 @@ export default function Modal({
   color?: PopupColor;
 }) {
   const pop = usePopup();
+  const hide = () => pop.close(false);
+
+  // Inyectamos hide en children
+  const childrenWithHide = cloneElement(children, { hide });
 
-  // ✅ Cada vez que children cambia (estado del padre actualizado),
-  // propagamos el nuevo ReactNode al modal si está abierto
   useEffect(() => {
-    pop.updateMessage(children);
-  }, [children]);
-  const props = children?.props;
+    pop.updateMessage(childrenWithHide);
+  }, [children]); // children como dep para detectar cambios del padre
+
+  const props = button?.props;
   const onClick = props?.onClick;
+
   return (
     <>
       {cloneElement(button, {
         onClick: (e) => {
           onClick?.(e as any);
-          pop.modal(children, color, false, true);
+          pop.modal(childrenWithHide, color, false, true);
         },
       })}
       {pop.PopupComponent}