@gustavo-valsechi/client 1.3.18 → 1.3.19

package/dist/components/index.mjs

@@ -1,3 +1,50 @@
 "use client";
-"use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u}from"../chunk-7KA3WXTD.mjs";import"../chunk-IF6P6NOG.mjs";export{q as Avatar,g as Badge,t as Block,l as Button,p as Chart,u as Component,s as CreditCard,o as Form,m as InputDateTime,i as InputFile,h as InputLabel,k as InputSelect,j as InputText,n as InputTextarea,e as LoadingApp,c as LoadingBar,d as Logo,r as Lottie,f as Modal,a as Paginate,b as Table};
+"use client";
+import {
+  Avatar,
+  Badge,
+  Block,
+  Button,
+  Chart,
+  Component,
+  CreditCard,
+  Form,
+  InputDateTime,
+  InputFile,
+  InputLabel,
+  InputSelect,
+  InputText,
+  InputTextarea,
+  LoadingApp,
+  LoadingBar,
+  Logo,
+  Lottie,
+  Modal,
+  Paginate,
+  Table
+} from "../chunk-XH4PSRD2.mjs";
+import "../chunk-2X7JQNHX.mjs";
+export {
+  Avatar,
+  Badge,
+  Block,
+  Button,
+  Chart,
+  Component,
+  CreditCard,
+  Form,
+  InputDateTime,
+  InputFile,
+  InputLabel,
+  InputSelect,
+  InputText,
+  InputTextarea,
+  LoadingApp,
+  LoadingBar,
+  Logo,
+  Lottie,
+  Modal,
+  Paginate,
+  Table
+};
 //# sourceMappingURL=index.mjs.map

package/dist/contexts/index.js

@@ -1,9 +1,62 @@
 "use client";
-"use strict";"use client";var ie=Object.create;var T=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var ce=(e,o)=>{for(var i in o)T(e,i,{get:o[i],enumerable:!0})},R=(e,o,i,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ae(o))!de.call(e,n)&&n!==i&&T(e,n,{get:()=>o[n],enumerable:!(f=se(o,n))||f.enumerable});return e};var y=(e,o,i)=>(i=e!=null?ie(fe(e)):{},R(o||!e||!e.__esModule?T(i,"default",{value:e,enumerable:!0}):i,e)),le=e=>R(T({},"__esModule",{value:!0}),e);var be={};ce(be,{IconProvider:()=>pe,ModalProvider:()=>xe,ThemeProvider:()=>me,TooltipProvider:()=>ue,useIcon:()=>he,useModal:()=>ve,useTheme:()=>P,useTooltip:()=>ge});module.exports=le(be);var m=require("react");var x=require("react"),W=require("styled-components");var N=y(require("styled-components")),A=N.default.div`
+"use strict";
+"use client";
+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);
+
+// contexts/index.tsx
+var contexts_exports = {};
+__export(contexts_exports, {
+  IconProvider: () => IconProviderContainer,
+  ModalProvider: () => ModalProviderContainer,
+  ThemeProvider: () => ThemeProviderContainer,
+  TooltipProvider: () => TooltipProviderContainer,
+  useIcon: () => useIcon,
+  useModal: () => useModal,
+  useTheme: () => useTheme,
+  useTooltip: () => useTooltip
+});
+module.exports = __toCommonJS(contexts_exports);
+
+// contexts/icon/index.tsx
+var import_react2 = require("react");
+
+// contexts/theme/index.tsx
+var import_react = require("react");
+var import_styled_components2 = require("styled-components");
+
+// contexts/theme/styles.tsx
+var import_styled_components = __toESM(require("styled-components"));
+var Switcher = import_styled_components.default.div`
     width: 3rem;
     height: 1.5rem;
     border-radius: 1rem;
-    border: 2px solid ${({theme:e})=>e.t05};
+    border: 2px solid ${({ theme }) => theme.t05};
     overflow: hidden;
     display: flex;
     align-items: center;
@@ -11,7 +64,7 @@
     position: relative;
 
     i {
-        color: ${({theme:e})=>e.t6};
+        color: ${({ theme }) => theme.t6};
         position: absolute;
         transform: translateY(-50%);
         font-size: .9rem;
@@ -21,13 +74,13 @@
         &:first-child {
             left: .2rem;
             top: 50%;
-            opacity: ${e=>e["data-theme"]==="light"?0:1};
+            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
         }
 
         &:last-child {
             right: .2rem;
             top: 50%;
-            opacity: ${e=>e["data-theme"]==="light"?1:0};
+            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
         }
     }
     
@@ -37,13 +90,13 @@
         border-radius: 1rem;
         position: relative;
         transition: ease .3s;
-        transform: ${e=>e["data-theme"]==="light"?"transform: translateX(.2rem)":"translateX(1.6rem)"};
+        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
         z-index: 1;
 
         div {
             width: 100%;
             height: 100%;
-            background: ${({theme:e})=>e.primary};
+            background: ${({ theme }) => theme.primary};
             border-radius: 1rem;
             position: relative;
             z-index: 2;
@@ -56,7 +109,7 @@
             height: 100%;
             border-radius: 1rem;
             transform: scale(1.8);
-            background: ${({theme:e})=>e.t05};
+            background: ${({ theme }) => theme.t05};
             top: 0;
             left: 0;
             z-index: 1;
@@ -69,13 +122,42 @@
             height: 100%;
             border-radius: 1rem;
             transform: scale(3);
-            background: ${({theme:e})=>e.t05};
+            background: ${({ theme }) => theme.t05};
             top: 0;
             left: 0;
             z-index: 0;
         }
     }
-`;var X={secondary:"#5869da",tertiary:"#629dfd33",positive:"#65c965",negative:"#FF334E",mobileMaxWidth:"650px",mobileMinWidth:"315px"},E={light:{primary:"#ffffff",reverse:"#353535",tooltip:"#f2f2f2",t8:"#000000cc",t7:"#000000b3",t6:"#00000099",t5:"#00000080",t4:"#00000066",t3:"#0000004d",t2:"#00000033",t1:"#0000001a",t08:"#00000014",t05:"#0000000d",t03:"#00000007",t02:"#00000005",t01:"#00000002",lgrad:`linear-gradient(
+`;
+
+// contexts/theme/content.tsx
+var CommonTheme = {
+  secondary: "#5869da",
+  tertiary: "#629dfd33",
+  positive: "#65c965",
+  negative: "#FF334E",
+  mobileMaxWidth: "650px",
+  mobileMinWidth: "315px"
+};
+var Themes = {
+  light: {
+    primary: "#ffffff",
+    reverse: "#353535",
+    tooltip: "#f2f2f2",
+    t8: "#000000cc",
+    t7: "#000000b3",
+    t6: "#00000099",
+    t5: "#00000080",
+    t4: "#00000066",
+    t3: "#0000004d",
+    t2: "#00000033",
+    t1: "#0000001a",
+    t08: "#00000014",
+    t05: "#0000000d",
+    t03: "#00000007",
+    t02: "#00000005",
+    t01: "#00000002",
+    lgrad: `linear-gradient(
             to right, 
             #dadef7 0%, 
             #dee2f8 5%, 
@@ -86,7 +168,28 @@
             #f3f4fc 80%, 
             #f7f8fd 90%, 
             #fbfbfe 100%
-        )`,maingrad:"linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",...X},dark:{primary:"#333333",reverse:"#b45252",tooltip:"#3d3d3d",t8:"#ffffffcc",t7:"#ffffffb3",t6:"#ffffff99",t5:"#ffffff80",t4:"#ffffff66",t3:"#ffffff4d",t2:"#ffffff33",t1:"#ffffff1a",t08:"#ffffff14",t05:"#ffffff0d",t03:"#ffffff07",t02:"#ffffff05",t01:"#ffffff02",lgrad:`linear-gradient(
+        )`,
+    maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
+    ...CommonTheme
+  },
+  dark: {
+    primary: "#333333",
+    reverse: "#b45252",
+    tooltip: "#3d3d3d",
+    t8: "#ffffffcc",
+    t7: "#ffffffb3",
+    t6: "#ffffff99",
+    t5: "#ffffff80",
+    t4: "#ffffff66",
+    t3: "#ffffff4d",
+    t2: "#ffffff33",
+    t1: "#ffffff1a",
+    t08: "#ffffff14",
+    t05: "#ffffff0d",
+    t03: "#ffffff07",
+    t02: "#ffffff05",
+    t01: "#ffffff02",
+    lgrad: `linear-gradient(
             to right, 
             #3d485c 0%, 
             #3c4657 5%, 
@@ -97,10 +200,157 @@
             #363a41 80%, 
             #35383c 90%, 
             #343538 100%
-        )`,maingrad:"linear-gradient(330deg, #1d1e27 0%, #333333 100%)",...X}};var p=require("react/jsx-runtime"),O=(0,x.createContext)({}),me=e=>{let[o,i]=(0,x.useState)("light"),[f]=(0,x.useState)("light"),n=()=>(0,p.jsxs)(A,{onClick:()=>i(o==="light"?"dark":"light"),"data-theme":o||f,children:[(0,p.jsx)("i",{"aria-hidden":!0,className:"fa-solid fa-moon"}),(0,p.jsx)("div",{className:"switcher",children:(0,p.jsx)("div",{})}),(0,p.jsx)("i",{"aria-hidden":!0,className:"fa-solid fa-sun"})]});return(0,p.jsx)(O.Provider,{value:{theme:e.theme||f,setTheme:i,content:E[e.theme||f],Switcher:n},children:(0,p.jsx)(W.ThemeProvider,{theme:E[e.theme||f],children:e.children})})},P=()=>(0,x.useContext)(O);var M=y(require("lodash"));var _=require.context("./",!1,/\.svg$/),F={};_.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");F[o]=_(e).default});var J=F;var Q=require.context("./",!1,/\.svg$/),Y={};Q.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");Y[o]=Q(e).default});var B=Y;var D=require.context("./",!1,/\.svg$/),G={};D.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");G[o]=D(e).default});var K=G;var $={brands:J,regular:B,solid:K};var V=require("react/jsx-runtime"),U=(0,m.createContext)({}),pe=({children:e})=>{let{content:o}=P(),[i,f]=(0,m.useState)(!1),[n,c]=(0,m.useState)(0);return(0,m.useEffect)(()=>{f(!0)},[]),(0,m.useEffect)(()=>{let s=window.matchMedia(`(max-width: ${o.mobileMaxWidth})`),r=window.matchMedia(`(max-width: ${o.mobileMinWidth})`),t=d=>c(d.matches?1:0),a=d=>c(d.matches?2:1);return s.matches&&c(1),r.matches&&c(2),s.addEventListener("change",t),r.addEventListener("change",a),()=>{s.removeEventListener("change",t),r.removeEventListener("change",a)}},[]),(0,m.useEffect)(()=>{if(!i)return;let s=t=>{var S,H,k,q,z;let a=t.getAttribute("class");if(!a)return;let d=M.default.split(M.default.replace(a,/fa-/g,"")," ");if(!d.length)return;let l=(q=(k=(S=$[d[0]])==null?void 0:S[d[1]])!=null?k:(H=$.solid)==null?void 0:H[d[0]])!=null?q:"";if(!l)return;l=l.replace(/fill=".*?"/g,'fill="currentColor"');let g=window.getComputedStyle(t),L=Number((z=M.default.split(g.fontSize,"px"))==null?void 0:z[0])+2;t.style.width=`${L}px`,t.style.height=`${L}px`,t.textContent="",t.innerHTML=l};document.querySelectorAll("i").forEach(t=>s(t));let r=new MutationObserver(t=>{t.forEach(a=>{a.addedNodes.forEach(d=>{if(d.nodeType===1){let l=d;l.tagName.toLowerCase()==="i"&&s(l),l.querySelectorAll("i").forEach(g=>s(g))}})})});return r.observe(document.body,{childList:!0,subtree:!0}),()=>r.disconnect()},[i,n]),(0,V.jsx)(U.Provider,{value:{},children:e})},he=()=>(0,m.useContext)(U);var h=require("react");var Z=y(require("styled-components")),j=Z.default.div`
+        )`,
+    maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
+    ...CommonTheme
+  }
+};
+
+// contexts/theme/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeContext = (0, import_react.createContext)({});
+var ThemeProviderContainer = (props) => {
+  const [theme, setTheme] = (0, import_react.useState)("light");
+  const [defaultTheme] = (0, import_react.useState)("light");
+  const SwitcherComponent = () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Switcher,
+      {
+        onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+        "data-theme": theme || defaultTheme,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-moon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "switcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-sun" })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ThemeContext.Provider,
+    {
+      value: {
+        theme: props.theme || defaultTheme,
+        setTheme,
+        content: Themes[props.theme || defaultTheme],
+        Switcher: SwitcherComponent
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components2.ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children })
+    }
+  );
+};
+var useTheme = () => (0, import_react.useContext)(ThemeContext);
+
+// contexts/icon/index.tsx
+var import_lodash = __toESM(require("lodash"));
+
+// contexts/icon/assets/brands/index.tsx
+var req = require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;
+
+// contexts/icon/assets/regular/index.tsx
+var req2 = require.context("./", false, /\.svg$/);
+var regular = {};
+req2.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  regular[name] = req2(key).default;
+});
+var regular_default = regular;
+
+// contexts/icon/assets/solid/index.tsx
+var req3 = require.context("./", false, /\.svg$/);
+var solid = {};
+req3.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  solid[name] = req3(key).default;
+});
+var solid_default = solid;
+
+// contexts/icon/assets/index.tsx
+var assets_default = {
+  brands: brands_default,
+  regular: regular_default,
+  solid: solid_default
+};
+
+// contexts/icon/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconContext = (0, import_react2.createContext)({});
+var IconProviderContainer = ({ children }) => {
+  const { content } = useTheme();
+  const [isClient, setIsClient] = (0, import_react2.useState)(false);
+  const [matches, setMatches] = (0, import_react2.useState)(0);
+  (0, import_react2.useEffect)(() => {
+    setIsClient(true);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
+    const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
+    const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
+    const secoundHandler = (event) => setMatches(event.matches ? 2 : 1);
+    if (firstMediaQuery.matches) setMatches(1);
+    if (secoundMediaQuery.matches) setMatches(2);
+    firstMediaQuery.addEventListener("change", firstHandler);
+    secoundMediaQuery.addEventListener("change", secoundHandler);
+    return () => {
+      firstMediaQuery.removeEventListener("change", firstHandler);
+      secoundMediaQuery.removeEventListener("change", secoundHandler);
+    };
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    if (!isClient) return;
+    const processElement = (element) => {
+      var _a, _b, _c, _d, _e;
+      const name = element.getAttribute("class");
+      if (!name) return;
+      const icon = import_lodash.default.split(import_lodash.default.replace(name, /fa-/g, ""), " ");
+      if (!icon.length) return;
+      let svg = (_d = (_c = (_a = assets_default[icon[0]]) == null ? void 0 : _a[icon[1]]) != null ? _c : (_b = assets_default["solid"]) == null ? void 0 : _b[icon[0]]) != null ? _d : "";
+      if (!svg) return;
+      svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
+      const styles = window.getComputedStyle(element);
+      const size = Number((_e = import_lodash.default.split(styles.fontSize, "px")) == null ? void 0 : _e[0]) + 2;
+      element.style.width = `${size}px`;
+      element.style.height = `${size}px`;
+      element.textContent = "";
+      element.innerHTML = svg;
+    };
+    document.querySelectorAll("i").forEach((el) => processElement(el));
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const el = node;
+            if (el.tagName.toLowerCase() === "i") processElement(el);
+            el.querySelectorAll("i").forEach((child) => processElement(child));
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, [isClient, matches]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconContext.Provider, { value: {}, children });
+};
+var useIcon = () => (0, import_react2.useContext)(IconContext);
+
+// contexts/tooltip/index.tsx
+var import_react3 = require("react");
+
+// contexts/tooltip/styles.tsx
+var import_styled_components3 = __toESM(require("styled-components"));
+var Tooltip = import_styled_components3.default.div`
     position: fixed;
-    background: ${({theme:e})=>e.tooltip};
-    color: ${({theme:e})=>e.t6};
+    background: ${({ theme }) => theme.tooltip};
+    color: ${({ theme }) => theme.t6};
     font-size: .8rem;
     font-weight: 500;
     text-align: center;
@@ -108,7 +358,7 @@
     border-radius: 5px;
     transform: translateX(-50%);
     z-index: 10;
-    border: 1px solid ${({theme:e})=>e.t05};
+    border: 1px solid ${({ theme }) => theme.t05};
 
     &::before {
         content: "";
@@ -120,7 +370,7 @@
         height: 0;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
-        border-top: 8px solid ${({theme:e})=>e.t05};
+        border-top: 8px solid ${({ theme }) => theme.t05};
     }
 
     &::after {
@@ -133,9 +383,144 @@
         height: 0;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
-        border-top: 8px solid ${({theme:e})=>e.tooltip};
+        border-top: 8px solid ${({ theme }) => theme.tooltip};
     }
-`;var I=y(require("lodash")),w=require("react/jsx-runtime"),ee=(0,h.createContext)({}),ue=({children:e})=>{let[o,i]=(0,h.useState)([]),f=n=>{var s;let c=n.getBoundingClientRect();return{top:c.top+window.scrollY-(n.offsetHeight+8),left:c.left+window.scrollX+n.offsetWidth/2,content:((s=n.dataset)==null?void 0:s.tooltip)||""}};return(0,h.useEffect)(()=>{let n=s=>{s.addEventListener("mouseenter",r=>{let t=r==null?void 0:r.target;t&&i(I.default.concat(o,[f(t)]))}),s.addEventListener("mouseleave",r=>{let t=r==null?void 0:r.target;t&&i(I.default.filter(o,a=>JSON.stringify(a)===JSON.stringify(f(t))))})};document.querySelectorAll("[data-tooltip]").forEach(s=>n(s));let c=new MutationObserver(s=>{s.forEach(r=>{r.addedNodes.forEach(t=>{if(t.nodeType===1){let a=t;a.getAttribute("data-tooltip")&&n(a),a.querySelectorAll("[data-tooltip]").forEach(d=>n(d))}})})});return c.observe(document.body,{childList:!0,subtree:!0}),()=>c.disconnect()},[]),(0,w.jsxs)(ee.Provider,{value:{},children:[I.default.map(o,(n,c)=>(0,w.jsx)(j,{style:{top:n.top,left:n.left},children:n.content},c)),e]})},ge=()=>(0,h.useContext)(ee);var u=require("react"),re=require("next/navigation");var te=y(require("styled-components")),oe=te.default.div`
+`;
+
+// contexts/tooltip/index.tsx
+var import_lodash2 = __toESM(require("lodash"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TooltipContext = (0, import_react3.createContext)({});
+var TooltipProviderContainer = ({ children }) => {
+  const [tooltips, setTooltips] = (0, import_react3.useState)([]);
+  const getContent = (target) => {
+    var _a;
+    const rect = target.getBoundingClientRect();
+    return {
+      top: rect.top + window.scrollY - (target.offsetHeight + 8),
+      left: rect.left + window.scrollX + target.offsetWidth / 2,
+      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
+    };
+  };
+  (0, import_react3.useEffect)(() => {
+    const processElement = (element) => {
+      element.addEventListener("mouseenter", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(import_lodash2.default.concat(tooltips, [getContent(target)]));
+      });
+      element.addEventListener("mouseleave", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(import_lodash2.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
+      });
+    };
+    document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const el = node;
+            if (el.getAttribute("data-tooltip")) processElement(el);
+            el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TooltipContext.Provider, { value: {}, children: [
+    import_lodash2.default.map(
+      tooltips,
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Tooltip,
+        {
+          style: {
+            top: data.top,
+            left: data.left
+          },
+          children: data.content
+        },
+        index
+      )
+    ),
+    children
+  ] });
+};
+var useTooltip = () => (0, import_react3.useContext)(TooltipContext);
+
+// contexts/modal/index.tsx
+var import_react4 = require("react");
+var import_navigation = require("next/navigation");
+
+// contexts/modal/styles.tsx
+var import_styled_components4 = __toESM(require("styled-components"));
+var Container = import_styled_components4.default.div`
   
-`;var b=y(require("lodash")),C=require("react/jsx-runtime"),ne=(0,u.createContext)({}),v=[],xe=({children:e})=>{let o=(0,re.usePathname)(),[i,f]=(0,u.useState)([]);(0,u.useEffect)(()=>{f(b.default.filter(v,r=>r.type==="fixed"))},[o]);let n=r=>{b.default.some(v,t=>t.name===r.name)||(v.push(r),f(v))},c=r=>{let t=b.default.findIndex(v,a=>a.name===r);v.slice(t,1),f(v)},s=(r,t)=>{let a=b.default.findIndex(i,g=>g.name===r),d=b.default.find(i,g=>g.name===r);if(!d)return;let l=[...i];l.splice(a,1,{...d,props:{...d.props,...t}}),f(l)};return(0,C.jsxs)(ne.Provider,{value:{value:i,add:n,remove:c,setProps:s},children:[(0,C.jsx)(oe,{children:b.default.map(i,(r,t)=>{let a=r.component;return(0,C.jsx)(a,{...r.props},t)})}),e]})},ve=()=>(0,u.useContext)(ne);0&&(module.exports={IconProvider,ModalProvider,ThemeProvider,TooltipProvider,useIcon,useModal,useTheme,useTooltip});
+`;
+
+// contexts/modal/index.tsx
+var import_lodash3 = __toESM(require("lodash"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ModalContext = (0, import_react4.createContext)({});
+var memory = [];
+var ModalProviderContainer = ({ children }) => {
+  const pathname = (0, import_navigation.usePathname)();
+  const [modals, setModals] = (0, import_react4.useState)([]);
+  (0, import_react4.useEffect)(() => {
+    setModals(import_lodash3.default.filter(memory, (modal) => modal.type === "fixed"));
+  }, [pathname]);
+  const add = (modal) => {
+    if (import_lodash3.default.some(memory, (data) => data.name === modal.name)) return;
+    memory.push(modal);
+    setModals(memory);
+  };
+  const remove = (modalName) => {
+    const index = import_lodash3.default.findIndex(memory, (data) => data.name === modalName);
+    memory.slice(index, 1);
+    setModals(memory);
+  };
+  const setProps = (modalName, props) => {
+    const index = import_lodash3.default.findIndex(modals, (modal) => modal.name === modalName);
+    const content = import_lodash3.default.find(modals, (modal) => modal.name === modalName);
+    if (!content) return;
+    let settedModals = [...modals];
+    settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
+    setModals(settedModals);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    ModalContext.Provider,
+    {
+      value: {
+        value: modals,
+        add,
+        remove,
+        setProps
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Container, { children: import_lodash3.default.map(modals, (modal, index) => {
+          const ModalComponent = modal.component;
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ModalComponent, { ...modal.props }, index);
+        }) }),
+        children
+      ]
+    }
+  );
+};
+var useModal = () => (0, import_react4.useContext)(ModalContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IconProvider,
+  ModalProvider,
+  ThemeProvider,
+  TooltipProvider,
+  useIcon,
+  useModal,
+  useTheme,
+  useTooltip
+});
 //# sourceMappingURL=index.js.map