@gustavo-valsechi/client 1.3.19 → 1.3.20

package/dist/contexts/index.mjs

@@ -1,23 +1,140 @@
 "use client";
-"use client";
-import {
-  IconProviderContainer,
-  ModalProviderContainer,
-  ThemeProviderContainer,
-  TooltipProviderContainer,
-  useIcon,
-  useModal,
-  useTheme,
-  useTooltip
-} from "../chunk-2X7JQNHX.mjs";
-export {
-  IconProviderContainer as IconProvider,
-  ModalProviderContainer as ModalProvider,
-  ThemeProviderContainer as ThemeProvider,
-  TooltipProviderContainer as TooltipProvider,
-  useIcon,
-  useModal,
-  useTheme,
-  useTooltip
-};
-//# sourceMappingURL=index.mjs.map
+"use client";var h=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(r,f)=>(typeof require!="undefined"?require:r)[f]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});import{createContext as ee,useContext as te,useEffect as b,useState as F}from"react";import{createContext as U,useContext as V,useState as S}from"react";import{ThemeProvider as Z}from"styled-components";import K from"styled-components";var $=K.div`
+    width: 3rem;
+    height: 1.5rem;
+    border-radius: 1rem;
+    border: 2px solid ${({theme:e})=>e.t05};
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+
+    i {
+        color: ${({theme:e})=>e.t6};
+        position: absolute;
+        transform: translateY(-50%);
+        font-size: .9rem;
+        z-index: 0;
+        transition: ease .8s;
+
+        &:first-child {
+            left: .2rem;
+            top: 50%;
+            opacity: ${e=>e["data-theme"]==="light"?0:1};
+        }
+
+        &:last-child {
+            right: .2rem;
+            top: 50%;
+            opacity: ${e=>e["data-theme"]==="light"?1:0};
+        }
+    }
+    
+    .switcher {
+        width: 1rem;
+        height: 1rem;
+        border-radius: 1rem;
+        position: relative;
+        transition: ease .3s;
+        transform: ${e=>e["data-theme"]==="light"?"transform: translateX(.2rem)":"translateX(1.6rem)"};
+        z-index: 1;
+
+        div {
+            width: 100%;
+            height: 100%;
+            background: ${({theme:e})=>e.primary};
+            border-radius: 1rem;
+            position: relative;
+            z-index: 2;
+        }
+
+        &:after {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(1.8);
+            background: ${({theme:e})=>e.t05};
+            top: 0;
+            left: 0;
+            z-index: 1;
+        }
+
+        &:before {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(3);
+            background: ${({theme:e})=>e.t05};
+            top: 0;
+            left: 0;
+            z-index: 0;
+        }
+    }
+`;var L={secondary:"#5869da",tertiary:"#629dfd33",positive:"#65c965",negative:"#FF334E",mobileMaxWidth:"650px",mobileMinWidth:"315px"},x={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%, 
+            #e2e5f9 10%, 
+            #e6e9fa 20%, 
+            #eaedfb 30%, 
+            #eff0fb 60%, 
+            #f3f4fc 80%, 
+            #f7f8fd 90%, 
+            #fbfbfe 100%
+        )`,maingrad:"linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",...L},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%, 
+            #3b4353 10%, 
+            #3a414e 20%, 
+            #393f4a 30%, 
+            #373c45 60%, 
+            #363a41 80%, 
+            #35383c 90%, 
+            #343538 100%
+        )`,maingrad:"linear-gradient(330deg, #1d1e27 0%, #333333 100%)",...L}};import{jsx as u,jsxs as j}from"react/jsx-runtime";var H=U({}),Pe=e=>{let[r,f]=S("light"),[d]=S("light"),s=()=>j($,{onClick:()=>f(r==="light"?"dark":"light"),"data-theme":r||d,children:[u("i",{"aria-hidden":!0,className:"fa-solid fa-moon"}),u("div",{className:"switcher",children:u("div",{})}),u("i",{"aria-hidden":!0,className:"fa-solid fa-sun"})]});return u(H.Provider,{value:{theme:e.theme||d,setTheme:f,content:x[e.theme||d],Switcher:s},children:u(Z,{theme:x[e.theme||d],children:e.children})})},k=()=>V(H);import y from"lodash";var q=h.context("./",!1,/\.svg$/),z={};q.keys().forEach(e=>{let r=e.replace("./","").replace(".svg","");z[r]=q(e).default});var R=z;var N=h.context("./",!1,/\.svg$/),A={};N.keys().forEach(e=>{let r=e.replace("./","").replace(".svg","");A[r]=N(e).default});var X=A;var W=h.context("./",!1,/\.svg$/),O={};W.keys().forEach(e=>{let r=e.replace("./","").replace(".svg","");O[r]=W(e).default});var _=O;var v={brands:R,regular:X,solid:_};import{jsx as oe}from"react/jsx-runtime";var J=ee({}),Ye=({children:e})=>{let{content:r}=k(),[f,d]=F(!1),[s,c]=F(0);return b(()=>{d(!0)},[]),b(()=>{let n=window.matchMedia(`(max-width: ${r.mobileMaxWidth})`),o=window.matchMedia(`(max-width: ${r.mobileMinWidth})`),t=a=>c(a.matches?1:0),i=a=>c(a.matches?2:1);return n.matches&&c(1),o.matches&&c(2),n.addEventListener("change",t),o.addEventListener("change",i),()=>{n.removeEventListener("change",t),o.removeEventListener("change",i)}},[]),b(()=>{if(!f)return;let n=t=>{var M,I,w,E,P;let i=t.getAttribute("class");if(!i)return;let a=y.split(y.replace(i,/fa-/g,"")," ");if(!a.length)return;let l=(E=(w=(M=v[a[0]])==null?void 0:M[a[1]])!=null?w:(I=v.solid)==null?void 0:I[a[0]])!=null?E:"";if(!l)return;l=l.replace(/fill=".*?"/g,'fill="currentColor"');let m=window.getComputedStyle(t),T=Number((P=y.split(m.fontSize,"px"))==null?void 0:P[0])+2;t.style.width=`${T}px`,t.style.height=`${T}px`,t.textContent="",t.innerHTML=l};document.querySelectorAll("i").forEach(t=>n(t));let o=new MutationObserver(t=>{t.forEach(i=>{i.addedNodes.forEach(a=>{if(a.nodeType===1){let l=a;l.tagName.toLowerCase()==="i"&&n(l),l.querySelectorAll("i").forEach(m=>n(m))}})})});return o.observe(document.body,{childList:!0,subtree:!0}),()=>o.disconnect()},[f,s]),oe(J.Provider,{value:{},children:e})},Be=()=>te(J);import{createContext as ne,useContext as ie,useEffect as se,useState as ae}from"react";import re from"styled-components";var Q=re.div`
+    position: fixed;
+    background: ${({theme:e})=>e.tooltip};
+    color: ${({theme:e})=>e.t6};
+    font-size: .8rem;
+    font-weight: 500;
+    text-align: center;
+    padding: .3rem .8rem;
+    border-radius: 5px;
+    transform: translateX(-50%);
+    z-index: 10;
+    border: 1px solid ${({theme:e})=>e.t05};
+
+    &::before {
+        content: "";
+        position: absolute;
+        bottom: -9px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({theme:e})=>e.t05};
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        bottom: -8px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({theme:e})=>e.tooltip};
+    }
+`;import C from"lodash";import{jsx as fe,jsxs as de}from"react/jsx-runtime";var Y=ne({}),tt=({children:e})=>{let[r,f]=ae([]),d=s=>{var n;let c=s.getBoundingClientRect();return{top:c.top+window.scrollY-(s.offsetHeight+8),left:c.left+window.scrollX+s.offsetWidth/2,content:((n=s.dataset)==null?void 0:n.tooltip)||""}};return se(()=>{let s=n=>{n.addEventListener("mouseenter",o=>{let t=o==null?void 0:o.target;t&&f(C.concat(r,[d(t)]))}),n.addEventListener("mouseleave",o=>{let t=o==null?void 0:o.target;t&&f(C.filter(r,i=>JSON.stringify(i)===JSON.stringify(d(t))))})};document.querySelectorAll("[data-tooltip]").forEach(n=>s(n));let c=new MutationObserver(n=>{n.forEach(o=>{o.addedNodes.forEach(t=>{if(t.nodeType===1){let i=t;i.getAttribute("data-tooltip")&&s(i),i.querySelectorAll("[data-tooltip]").forEach(a=>s(a))}})})});return c.observe(document.body,{childList:!0,subtree:!0}),()=>c.disconnect()},[]),de(Y.Provider,{value:{},children:[C.map(r,(s,c)=>fe(Q,{style:{top:s.top,left:s.left},children:s.content},c)),e]})},ot=()=>ie(Y);import{createContext as le,useContext as me,useEffect as pe,useState as he}from"react";import{usePathname as ue}from"next/navigation";import ce from"styled-components";var B=ce.div`
+  
+`;import g from"lodash";import{jsx as D,jsxs as ge}from"react/jsx-runtime";var G=le({}),p=[],mt=({children:e})=>{let r=ue(),[f,d]=he([]);pe(()=>{d(g.filter(p,o=>o.type==="fixed"))},[r]);let s=o=>{g.some(p,t=>t.name===o.name)||(p.push(o),d(p))},c=o=>{let t=g.findIndex(p,i=>i.name===o);p.slice(t,1),d(p)},n=(o,t)=>{let i=g.findIndex(f,m=>m.name===o),a=g.find(f,m=>m.name===o);if(!a)return;let l=[...f];l.splice(i,1,{...a,props:{...a.props,...t}}),d(l)};return ge(G.Provider,{value:{value:f,add:s,remove:c,setProps:n},children:[D(B,{children:g.map(f,(o,t)=>{let i=o.component;return D(i,{...o.props},t)})}),e]})},pt=()=>me(G);export{Ye as IconProvider,mt as ModalProvider,Pe as ThemeProvider,tt as TooltipProvider,Be as useIcon,pt as useModal,k as useTheme,ot as useTooltip};