@gustavo-valsechi/client 1.4.276 → 1.4.278

package/dist/src/contexts/target/events/blur.d.ts

@@ -0,0 +1 @@
+export declare const onBlur: (target: any, index: any, close: any, focusable: any, insideMemory: any) => void;

package/dist/src/contexts/target/events/blur.js

@@ -0,0 +1,47 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var blur_exports = {};
+__export(blur_exports, {
+  onBlur: () => onBlur
+});
+module.exports = __toCommonJS(blur_exports);
+var import_lodash = __toESM(require("lodash"));
+const onBlur = (target, index, close, focusable, insideMemory) => {
+  if (import_lodash.default.some(insideMemory, (i) => i === index)) {
+    console.log("BLUR", target, index);
+    focusable.focus();
+    return;
+  }
+  close(index);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  onBlur
+});

package/dist/src/contexts/target/events/blur.mjs

@@ -0,0 +1,13 @@
+"use client";
+import _ from "lodash";
+const onBlur = (target, index, close, focusable, insideMemory) => {
+  if (_.some(insideMemory, (i) => i === index)) {
+    console.log("BLUR", target, index);
+    focusable.focus();
+    return;
+  }
+  close(index);
+};
+export {
+  onBlur
+};

package/dist/src/contexts/target/events/click.d.ts

@@ -0,0 +1 @@
+export declare const onClick: (target: any, index: any, close: any, focusable: any, targetElement: any, theme: any, setModal: any) => void;

package/dist/src/contexts/target/events/click.js

@@ -0,0 +1,41 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var click_exports = {};
+__export(click_exports, {
+  onClick: () => onClick
+});
+module.exports = __toCommonJS(click_exports);
+const onClick = (target, index, close, focusable, targetElement, theme, setModal) => {
+  if (theme.content.isMobile) {
+    setModal(index);
+    return;
+  }
+  const styles = window.getComputedStyle(targetElement);
+  if (styles.opacity === "1") {
+    close(index);
+    return;
+  }
+  console.log("CLICK", target, index);
+  focusable.focus();
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  onClick
+});

package/dist/src/contexts/target/events/click.mjs

@@ -0,0 +1,17 @@
+"use client";
+const onClick = (target, index, close, focusable, targetElement, theme, setModal) => {
+  if (theme.content.isMobile) {
+    setModal(index);
+    return;
+  }
+  const styles = window.getComputedStyle(targetElement);
+  if (styles.opacity === "1") {
+    close(index);
+    return;
+  }
+  console.log("CLICK", target, index);
+  focusable.focus();
+};
+export {
+  onClick
+};

package/dist/src/contexts/target/events/focus.d.ts

@@ -0,0 +1 @@
+export declare const onFocus: (target: any, index: any, open: any) => void;

package/dist/src/contexts/target/events/focus.js

@@ -0,0 +1,32 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var focus_exports = {};
+__export(focus_exports, {
+  onFocus: () => onFocus
+});
+module.exports = __toCommonJS(focus_exports);
+const onFocus = (target, index, open) => {
+  console.log("FOCUS", target, index);
+  open(target, index);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  onFocus
+});

package/dist/src/contexts/target/events/focus.mjs

@@ -0,0 +1,8 @@
+"use client";
+const onFocus = (target, index, open) => {
+  console.log("FOCUS", target, index);
+  open(target, index);
+};
+export {
+  onFocus
+};

package/dist/src/contexts/target/events/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./blur";
+export * from "./scroll";
+export * from "./focus";
+export * from "./click";

package/dist/src/contexts/target/events/index.js

@@ -0,0 +1,29 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var events_exports = {};
+module.exports = __toCommonJS(events_exports);
+__reExport(events_exports, require("./blur"), module.exports);
+__reExport(events_exports, require("./scroll"), module.exports);
+__reExport(events_exports, require("./focus"), module.exports);
+__reExport(events_exports, require("./click"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./blur"),
+  ...require("./scroll"),
+  ...require("./focus"),
+  ...require("./click")
+});

package/dist/src/contexts/target/events/index.mjs

@@ -0,0 +1,5 @@
+"use client";
+export * from "./blur";
+export * from "./scroll";
+export * from "./focus";
+export * from "./click";

package/dist/src/contexts/target/events/scroll.d.ts

@@ -0,0 +1 @@
+export declare const onScroll: (close: any, containerRef: any, insideMemory: any) => () => void;

package/dist/src/contexts/target/events/scroll.js

@@ -0,0 +1,83 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var scroll_exports = {};
+__export(scroll_exports, {
+  onScroll: () => onScroll
+});
+module.exports = __toCommonJS(scroll_exports);
+var import_lodash = __toESM(require("lodash"));
+const onScroll = (close, containerRef, insideMemory) => {
+  const handleScroll = () => {
+    import_lodash.default.forEach(containerRef.current, (element, index) => {
+      if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
+      close(index);
+    });
+  };
+  window.addEventListener("scroll", handleScroll, { passive: true });
+  const addScrollListener = (el) => {
+    el.addEventListener("scroll", handleScroll, { passive: true });
+  };
+  const handleScrollabels = (el) => {
+    if (el.children) import_lodash.default.forEach(el.children, (children) => handleScrollabels(children));
+    const style = getComputedStyle(el);
+    if (/(auto|scroll|overlay)/.test(style.overflow + style.overflowY + style.overflowX)) {
+      addScrollListener(el);
+    }
+  };
+  const modalScrollables = document.querySelectorAll(".modal-content");
+  const divScrollables = document.querySelectorAll("div");
+  const articleScrollables = document.querySelectorAll("article");
+  const ulScrollables = document.querySelectorAll("ul");
+  modalScrollables.forEach((el) => handleScrollabels(el));
+  divScrollables.forEach((el) => handleScrollabels(el));
+  articleScrollables.forEach((el) => handleScrollabels(el));
+  ulScrollables.forEach((el) => handleScrollabels(el));
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      mutation.addedNodes.forEach((node) => {
+        if (!(node instanceof HTMLElement)) return;
+        handleScrollabels(node);
+      });
+    }
+  });
+  observer.observe(document.body, { childList: true, subtree: true });
+  return () => {
+    window.removeEventListener("scroll", handleScroll);
+    document.querySelectorAll(".modal-content").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    document.querySelectorAll("div").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    document.querySelectorAll("article").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    document.querySelectorAll("ul").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    observer.disconnect();
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  onScroll
+});

package/dist/src/contexts/target/events/scroll.mjs

@@ -0,0 +1,49 @@
+"use client";
+import _ from "lodash";
+const onScroll = (close, containerRef, insideMemory) => {
+  const handleScroll = () => {
+    _.forEach(containerRef.current, (element, index) => {
+      if (_.some(insideMemory, (i) => i === index)) return;
+      close(index);
+    });
+  };
+  window.addEventListener("scroll", handleScroll, { passive: true });
+  const addScrollListener = (el) => {
+    el.addEventListener("scroll", handleScroll, { passive: true });
+  };
+  const handleScrollabels = (el) => {
+    if (el.children) _.forEach(el.children, (children) => handleScrollabels(children));
+    const style = getComputedStyle(el);
+    if (/(auto|scroll|overlay)/.test(style.overflow + style.overflowY + style.overflowX)) {
+      addScrollListener(el);
+    }
+  };
+  const modalScrollables = document.querySelectorAll(".modal-content");
+  const divScrollables = document.querySelectorAll("div");
+  const articleScrollables = document.querySelectorAll("article");
+  const ulScrollables = document.querySelectorAll("ul");
+  modalScrollables.forEach((el) => handleScrollabels(el));
+  divScrollables.forEach((el) => handleScrollabels(el));
+  articleScrollables.forEach((el) => handleScrollabels(el));
+  ulScrollables.forEach((el) => handleScrollabels(el));
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      mutation.addedNodes.forEach((node) => {
+        if (!(node instanceof HTMLElement)) return;
+        handleScrollabels(node);
+      });
+    }
+  });
+  observer.observe(document.body, { childList: true, subtree: true });
+  return () => {
+    window.removeEventListener("scroll", handleScroll);
+    document.querySelectorAll(".modal-content").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    document.querySelectorAll("div").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    document.querySelectorAll("article").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    document.querySelectorAll("ul").forEach((el) => el.removeEventListener("scroll", handleScroll));
+    observer.disconnect();
+  };
+};
+export {
+  onScroll
+};

package/dist/src/contexts/target/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_styles = require("./styles");
 var import_theme = require("../theme");
 var import_react_dom = require("react-dom");
+var import_events = require("./events");
 var import_lodash = __toESM(require("lodash"));
 var import_modal = __toESM(require("./modal"));
 const TargetContext = (0, import_react.createContext)({});
@@ -51,50 +52,8 @@ const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = (0, import_react.useState)([]);
   const [modal, setModal] = (0, import_react.useState)(-1);
   (0, import_react.useEffect)(() => {
-    const handleScroll = () => {
-      import_lodash.default.forEach(containerRef.current, (element, index) => {
-        if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
-        close(index);
-      });
-    };
-    window.addEventListener("scroll", handleScroll, { passive: true });
-    const addScrollListener = (el) => {
-      el.addEventListener("scroll", handleScroll, { passive: true });
-    };
-    const handleScrollabels = (el) => {
-      if (el.children) import_lodash.default.forEach(el.children, (children2) => handleScrollabels(children2));
-      const style = getComputedStyle(el);
-      if (/(auto|scroll|overlay)/.test(style.overflow + style.overflowY + style.overflowX)) {
-        addScrollListener(el);
-      }
-    };
-    const modalScrollables = document.querySelectorAll(".modal-content");
-    const divScrollables = document.querySelectorAll("div");
-    const articleScrollables = document.querySelectorAll("article");
-    const ulScrollables = document.querySelectorAll("ul");
-    modalScrollables.forEach((el) => handleScrollabels(el));
-    divScrollables.forEach((el) => handleScrollabels(el));
-    articleScrollables.forEach((el) => handleScrollabels(el));
-    ulScrollables.forEach((el) => handleScrollabels(el));
-    const observer = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        mutation.addedNodes.forEach((node) => {
-          if (!(node instanceof HTMLElement)) return;
-          handleScrollabels(node);
-        });
-      }
-    });
-    observer.observe(document.body, { childList: true, subtree: true });
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-      document.querySelectorAll(".modal-content").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      document.querySelectorAll("div").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      document.querySelectorAll("article").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      document.querySelectorAll("ul").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      observer.disconnect();
-    };
+    (0, import_events.onScroll)(close, containerRef, insideMemory);
   }, [containerRef]);
-  console.log("targets", targets);
   (0, import_react.useEffect)(() => {
     import_lodash.default.forEach(targets, (target, index) => {
       var _a, _b;
@@ -103,38 +62,15 @@ const TargetProviderContainer = ({ children }) => {
       if (!(toggleElement == null ? void 0 : toggleElement.addEventListener)) return;
       const focusable = elementFocusable(target, index);
       const targetElement = containerRef.current[index];
-      toggleElement.addEventListener("click", () => {
-        if (theme.content.isMobile) {
-          setModal(index);
-          return;
-        }
-        const styles = window.getComputedStyle(targetElement);
-        if (styles.opacity === "1") {
-          close(index);
-          return;
-        }
-        console.log("CLICK", target, index);
-        focusable.focus();
-      });
+      toggleElement.removeEventListener("click", () => (0, import_events.onClick)(target, index, close, focusable, targetElement, theme, setModal));
+      toggleElement.addEventListener("click", () => (0, import_events.onClick)(target, index, close, focusable, targetElement, theme, setModal));
       if (theme.content.isMobile) return;
-      toggleElement.addEventListener("mouseleave", () => {
-        removeInside(index);
-      });
-      element.addEventListener("resize", () => {
-        import_lodash.default.forEach(containerRef.current, (elementRef) => close(index));
-      });
-      focusable.addEventListener("focus", () => {
-        console.log("FOCUS", target, index);
-        open(target, index);
-      });
-      focusable.addEventListener("blur", () => {
-        if (import_lodash.default.some(insideMemory, (i) => i === index)) {
-          console.log("BLUR", target, index);
-          focusable.focus();
-          return;
-        }
-        close(index);
-      });
+      toggleElement.removeEventListener("mouseleave", () => removeInside(index));
+      focusable.removeEventListener("focus", () => (0, import_events.onFocus)(target, index, open));
+      focusable.removeEventListener("blur", () => (0, import_events.onBlur)(target, index, close, focusable, insideMemory));
+      toggleElement.addEventListener("mouseleave", () => removeInside(index));
+      focusable.addEventListener("focus", () => (0, import_events.onFocus)(target, index, open));
+      focusable.addEventListener("blur", () => (0, import_events.onBlur)(target, index, close, focusable, insideMemory));
     });
   }, [targets, inputRef, containerRef, theme.content.isMobile]);
   const getCoords = (target, component) => {
@@ -187,7 +123,7 @@ const TargetProviderContainer = ({ children }) => {
   const add = (target) => {
     const exists = import_lodash.default.find(memory, (data) => data.ref.current === target.ref.current);
     if (exists) return;
-    console.log("memory", memory);
+    console.log("memory", [...memory]);
     memory.push(target);
     setTargets([...memory]);
   };

package/dist/src/contexts/target/index.mjs

@@ -5,6 +5,7 @@ import React, { createContext, useContext, useEffect, useState, useRef } from "r
 import { Container } from "./styles";
 import { useTheme } from "../theme";
 import { createPortal } from "react-dom";
+import { onScroll, onBlur, onFocus, onClick } from "./events";
 import _ from "lodash";
 import Modal from "./modal";
 const TargetContext = createContext({});
@@ -17,50 +18,8 @@ const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = useState([]);
   const [modal, setModal] = useState(-1);
   useEffect(() => {
-    const handleScroll = () => {
-      _.forEach(containerRef.current, (element, index) => {
-        if (_.some(insideMemory, (i) => i === index)) return;
-        close(index);
-      });
-    };
-    window.addEventListener("scroll", handleScroll, { passive: true });
-    const addScrollListener = (el) => {
-      el.addEventListener("scroll", handleScroll, { passive: true });
-    };
-    const handleScrollabels = (el) => {
-      if (el.children) _.forEach(el.children, (children2) => handleScrollabels(children2));
-      const style = getComputedStyle(el);
-      if (/(auto|scroll|overlay)/.test(style.overflow + style.overflowY + style.overflowX)) {
-        addScrollListener(el);
-      }
-    };
-    const modalScrollables = document.querySelectorAll(".modal-content");
-    const divScrollables = document.querySelectorAll("div");
-    const articleScrollables = document.querySelectorAll("article");
-    const ulScrollables = document.querySelectorAll("ul");
-    modalScrollables.forEach((el) => handleScrollabels(el));
-    divScrollables.forEach((el) => handleScrollabels(el));
-    articleScrollables.forEach((el) => handleScrollabels(el));
-    ulScrollables.forEach((el) => handleScrollabels(el));
-    const observer = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        mutation.addedNodes.forEach((node) => {
-          if (!(node instanceof HTMLElement)) return;
-          handleScrollabels(node);
-        });
-      }
-    });
-    observer.observe(document.body, { childList: true, subtree: true });
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-      document.querySelectorAll(".modal-content").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      document.querySelectorAll("div").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      document.querySelectorAll("article").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      document.querySelectorAll("ul").forEach((el) => el.removeEventListener("scroll", handleScroll));
-      observer.disconnect();
-    };
+    onScroll(close, containerRef, insideMemory);
   }, [containerRef]);
-  console.log("targets", targets);
   useEffect(() => {
     _.forEach(targets, (target, index) => {
       var _a, _b;
@@ -69,38 +28,15 @@ const TargetProviderContainer = ({ children }) => {
       if (!(toggleElement == null ? void 0 : toggleElement.addEventListener)) return;
       const focusable = elementFocusable(target, index);
       const targetElement = containerRef.current[index];
-      toggleElement.addEventListener("click", () => {
-        if (theme.content.isMobile) {
-          setModal(index);
-          return;
-        }
-        const styles = window.getComputedStyle(targetElement);
-        if (styles.opacity === "1") {
-          close(index);
-          return;
-        }
-        console.log("CLICK", target, index);
-        focusable.focus();
-      });
+      toggleElement.removeEventListener("click", () => onClick(target, index, close, focusable, targetElement, theme, setModal));
+      toggleElement.addEventListener("click", () => onClick(target, index, close, focusable, targetElement, theme, setModal));
       if (theme.content.isMobile) return;
-      toggleElement.addEventListener("mouseleave", () => {
-        removeInside(index);
-      });
-      element.addEventListener("resize", () => {
-        _.forEach(containerRef.current, (elementRef) => close(index));
-      });
-      focusable.addEventListener("focus", () => {
-        console.log("FOCUS", target, index);
-        open(target, index);
-      });
-      focusable.addEventListener("blur", () => {
-        if (_.some(insideMemory, (i) => i === index)) {
-          console.log("BLUR", target, index);
-          focusable.focus();
-          return;
-        }
-        close(index);
-      });
+      toggleElement.removeEventListener("mouseleave", () => removeInside(index));
+      focusable.removeEventListener("focus", () => onFocus(target, index, open));
+      focusable.removeEventListener("blur", () => onBlur(target, index, close, focusable, insideMemory));
+      toggleElement.addEventListener("mouseleave", () => removeInside(index));
+      focusable.addEventListener("focus", () => onFocus(target, index, open));
+      focusable.addEventListener("blur", () => onBlur(target, index, close, focusable, insideMemory));
     });
   }, [targets, inputRef, containerRef, theme.content.isMobile]);
   const getCoords = (target, component) => {
@@ -153,7 +89,7 @@ const TargetProviderContainer = ({ children }) => {
   const add = (target) => {
     const exists = _.find(memory, (data) => data.ref.current === target.ref.current);
     if (exists) return;
-    console.log("memory", memory);
+    console.log("memory", [...memory]);
     memory.push(target);
     setTargets([...memory]);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.276",
+  "version": "1.4.278",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",