monica-alexandria 2.7.1 → 2.8.1

package/dist/index.es.js

@@ -1,133 +1,82 @@
-import r,{keyframes as a}from"styled-components";const e=r.button`
+import e from"react";import t from"styled-components";const r=t.button`
     display: flex;
     align-items: center;
     gap: 1rem;
     outline: 0;
     border: none;
     cursor: pointer;
-    transition-property: background, border-color;
+    transition-property: background, border;
     transition-duration: .5s;
+    padding: ${e=>"noPads"===e.pads?"0":"small"===e.size?"var(--smallPads)":"large"===e.size?"var(--largePads)":"var(--normalPads)"};
 
     svg{
         transition-property: fill;
         transition-duration: .5s;
+        width: ${e=>"small"===e.size?"var(--smallIcon)":"large"===e.size?"var(--largeIcon)":"var(--normalIcon)"};
     }
 
     span{
         white-space: nowrap;
         transition-property: color;
         transition-duration: .5s;
+        font-size: ${e=>"small"===e.size?"var(--smallText)":"large"===e.size?"var(--largeText)":"var(--normalText)"};
     }
 
     &:active{
         transform: scale(.97);
     }
-`,o=r(e)`
-    font-size: var(--buttonSmallText);
-    padding: ${r=>r.noPads?"0":"var(--buttonSmallPads)"};
-
-    img,
-    svg{
-        width: var(--buttonSmallIcon);
-    }
-`,i=r(e)`
-    font-size: var(--buttonNormalText);
-    padding: ${r=>r.noPads?"0":"var(--buttonNormalPads)"};
-
-    img,
-    svg{
-        height: var(--buttonNormalIcon);
-    }
-`,t=r(e)`
-    font-size: var(--buttonLargeText);
-    padding: ${r=>r.noPads?"0":"var(--buttonLargePads)"};
-
-    img,
-    svg{
-        height: var(--buttonLargeIcon);
-    }
-`,d=r(o)`
-    background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
-    border-radius: var(--normalRadius);
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-
-    &:hover{
-        background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
-    }
-`,n=r(i)`
+`,n=t(r)`
     background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
     border-radius: var(--normalRadius);
 
     span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+        color: var(--white);
     }
 
     &:hover{
         background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
     }
-`,l=r(t)`
-    background: linear-gradient(to right, var(--focus) -50%, var(--main) 150%);
+`,o=t=>e.createElement(n,{size:t.size,onClick:t.onClick},e.createElement("span",null,t.buttonText));function a(e){return e.Icon,React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 323.35 324.14"},React.createElement("g",{"data-name":"Layer 2"},React.createElement("g",{"data-name":"Layer 1"},React.createElement("path",{d:"M85.67 167.78c11.46-11.7 23.12-23.58 34.76-35.49 4.15-4.24 8.62-6.81 14.46-3.06 7 4.48 7.53 11.3.83 18-11.81 11.79-23.93 23.25-35.57 34.51l41.29 40.78c10.92-11 22.55-22.85 34.39-34.51 6.9-6.79 13.45-6.6 18.13.14 4.27 6.17 1.3 10.86-3.19 15.27-11.65 11.46-23.28 23-34.76 34.29 10.11 14.86 10.11 14.86-1.91 26.87q-4.71 4.71-9.42 9.41c-25.59 25.45-53.14 30-85.84 14.09-.89-.43-1.87-.67-4.17-1.48l-35 37.55L0 304.52l35.46-33.29c-3.5-14.79-7.62-26.43-8.76-38.35-1.91-20.16 6-37.35 20.26-51.6q6.16-6.15 12.31-12.32c11.86-11.85 11.86-11.85 26.4-1.18ZM267.71 38l35.77-38 19.87 20.11c-10.19 9.76-20.6 20-31.39 29.9-4.65 4.25-5.74 7.49-2.6 13.79 13.3 26.62 8.35 56.13-12.18 77.6-6.14 6.42-12.55 12.57-18.82 18.86-5.35 5.37-10.6 5.33-16 0-26.31-26.34-52.82-52.48-78.73-79.19-2.67-2.75-4.2-11-2.29-13.11 15.4-16.71 29.81-35.06 54.26-39.72 18.32-3.54 35.18.11 52.11 9.76Z"}))))}const l=t(r)`
+    background: ${e=>e.theme.background};
+    border: 1px solid var(--main);
     border-radius: var(--normalRadius);
+    padding: 1rem ;
 
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-
-    &:hover{
-        background: linear-gradient(to right, var(--focus) -80%, var(--main) 120%);
+    svg{
+        fill: var(--main);
     }
-`,s=r(o)`
-    background: var(--focus);
-    border-radius: var(--normalRadius);
-    border: 1px solid var(--focus);
 
     span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+        color: var(--main);
     }
 
     &:hover{
-        background: var(--focusLight);
-    }
-`,v=r(i)`
-    background: var(--focus);
-    border-radius: var(--normalRadius);
-    border: 1px solid var(--focus);
 
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
+        svg{
+            fill: var(--mainLight);
+        }
 
-    &:hover{
-        background: var(--focusLight);
+        span{
+            color: var(--mainLight);
+        }
     }
-`,m=r(t)`
+`,i=t=>e.createElement(l,{size:"normal",onClick:t.onClick},e.createElement(a,{Icon:t.buttonIcon})),c=t(r)`
     background: var(--focus);
     border-radius: var(--normalRadius);
     border: 1px solid var(--focus);
 
     span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+        color: ${e=>"dark"===e.theme?"var(--dark)":"var(--white)"};
     }
 
     svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+        fill: ${e=>"dark"===e.theme?"var(--dark)":"var(--white)"};
     }
 
     &:hover{
         background: var(--focusLight);
     }
-`,g=r(o)`
+`,s=t=>e.createElement(c,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),d=t(r)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -140,7 +89,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     }
 
     &:hover{
-
+        
         span{
             color: var(--focusLight);
         }
@@ -149,84 +98,47 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: var(--focusLight);
         }
     }
-`,h=r(i)`
-    background: transparent;
-    border: 1px solid transparent;
+`,u=t=>e.createElement(d,{size:t.size,onClick:t.onClick,onFocus:t.onFocus},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),m=t(r)`
+    background: ${e=>"dark"===e.theme?"var(--gloom)":"var(--grey)"};
+    border: 1px solid ${e=>"dark"===e.theme?"var(--gloom)":"var(--grey)"};
+    border-radius: var(--normalRadius);
 
     span{
-        color: var(--focus);
+        color: ${e=>"dark"===e.theme?"var(--red)":"var(--black)"};
     }
 
     svg{
-        fill: var(--focus);
+        fill: ${e=>"dark"===e.theme?"var(--blanc)":"var(--black)"};
     }
 
     &:hover{
-        
-        span{
-            color: var(--focusLight);
-        }
-
-        svg{
-            fill: var(--focusLight);
-        }
+        background: ${e=>"dark"===e.theme?"var(--gloomDark)":"var(--greyLight)"};
+        border: 1px solid ${e=>"dark"===e.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,c=r(t)`
+`,h=t=>e.createElement(m,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),g=t(r)`
     background: transparent;
     border: 1px solid transparent;
 
     span{
-        color: var(--focus);
+        color: var(--greyDark);
+        text-decoration: underline;
     }
 
     svg{
-        fill: var(--focus);
+        fill: var(--greyDark);
     }
 
     &:hover{
-        
+
         span{
-            color: var(--focusLight);
+            color: ${e=>e.theme.low};
         }
 
         svg{
-            fill: var(--focusLight);
+            fill: ${e=>e.theme.low};
         }
     }
-`,p=r(o)`
-    background: var(--main);
-    border-radius: var(--normalRadius);
-    border: 1px solid var(--main);
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-
-    &:hover{
-        background: var(--mainLight);
-        border: 1px solid var(--mainLight);
-    }
-`,u=r(i)`
-    background: var(--main);
-    border-radius: var(--normalRadius);
-    border: 1px solid var(--main);
-
-    span{
-        color: var(--white);
-    }
-
-    svg{
-        fill: var(--white);
-    }
-
-    &:hover{
-        background: var(--mainLight);
-    }
-`,k=r(t)`
+`,b=t=>e.createElement(g,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),p=t(r)`
     background: var(--main);
     border-radius: var(--normalRadius);
     border: 1px solid var(--main);
@@ -241,8 +153,9 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
 
     &:hover{
         background: var(--mainLight);
+        border: 1px solid var(--mainLight);
     }
-`,b=r(o)`
+`,v=t=>e.createElement(p,{className:t.className,size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),f=t(r)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -255,7 +168,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     }
 
     &:hover{
-        
+
         span{
             color: var(--mainLight);
         }
@@ -264,1033 +177,223 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: var(--mainLight);
         }
     }
-`,f=r(i)`
+`,k=t=>e.createElement(f,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),I=t(r)`
     background: transparent;
     border: 1px solid transparent;
 
     span{
-        color: var(--main);
+        color: ${e=>e.theme.background};
     }
 
     svg{
-        fill: var(--main);
+        fill: ${e=>e.theme.background};
     }
 
     &:hover{
-
+        
         span{
-            color: var(--mainLight);
+            color: ${e=>e.theme.low};
         }
-
+        
         svg{
-            fill: var(--mainLight);
+            fill: ${e=>e.theme.low};
         }
     }
-`,x=r(t)`
-    background: transparent;
-    border: 1px solid transparent;
+`,x=t=>e.createElement(I,{size:t.size,onClick:t.onClick},t.buttonIconLeft?e.createElement(a,{Icon:t.buttonIconLeft}):null,t.buttonText?e.createElement("span",null,t.buttonText):null,t.buttonIconRight?e.createElement(a,{Icon:t.buttonIconRight}):null),E=t.div`
+    box-shadow: ${e=>e.theme.out};
+    border-radius: var(--smallRadius);
+    transition: box-shadow .5s;
+    overflow: hidden;
 
-    span{
-        color: var(--main);
-    }
+    header{
+        width: 100%;
+        aspect-ratio: 1.5 / 1;
 
-    svg{
-        fill: var(--main);
+        picture{
+            display: block;
+
+            img{
+                height: 100%;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
     }
 
     &:hover{
+        box-shadow: ${e=>e.theme.outFocus};
+        transition: box-shadow .5s;
+    }
+`,w=t(E)`
+    
+    header{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: ${e=>e.theme.low};
 
-        span{
-            color: var(--mainLight);
-        }
+        picture{
+            height: 15rem;
+            width: 15rem;
+            border-radius: 50%;
+            overflow: hidden;
+            background-color: ${e=>e.theme.mid};
+            display: flex;
+            align-items: center;
+            justify-content: center;
 
-        svg{
-            fill: var(--mainLight);
+            svg{
+                height: 6rem;
+                fill: var(--greyDark);
+            }
         }
     }
-`,y=r(o)`
-    background: transparent;
-    border: 1px solid transparent;
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
 
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+    footer{
+        padding: 2rem 1rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
+`;t(E)`
+    cursor: pointer;
+    
+    header{
 
-    &:hover{
-        
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+        figure{
+            height: 100%;
+            width: 100%;
+            
+            svg{
+                width: 15rem;
+                fill: var(--focus);
+            }
         }
-        
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+       
+        picture{
+            height: 100%;
+            width: 100%;
+
+            img{
+                height: 100%;
+                width: 100%;
+                object-fit: cover;
+            }
         }
-    }
-`,$=r(i)`
-    background: transparent;
-    border: 1px solid transparent;
 
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
+        map{
+            height: 100%;
+            width: 100%;
 
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+            iframe{
+                height: 100%;
+                width: 100%;
+            }
+        }
     }
 
-    &:hover{
-        
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        }
-        
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+    main{
+        padding: 1rem 2rem;
+
+        h5,h3{
+            text-align: ${e=>e.center?"center":"left"};
         }
-    }
-`,w=r(t)`
-    background: transparent;
-    border: 1px solid transparent;
 
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
+        ul{
+            margin-top: 1rem;
 
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
+            li{
+                display: flex;
+                align-items: center;
+                gap: 1rem;
 
-    &:hover{
-        
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+                svg{
+                    width: var(--normalIcon);
+                }
+            }
         }
-        
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+
+        button{
+            padding: 1rem 0;
         }
     }
-`,L=r(o)`
-    background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border-radius: var(--normalRadius);
+`;const y=t.input`
+    width: 100%;
+    border: none;
+    background: ${e=>e.theme.background};
+    color: ${e=>e.theme.color};
+    box-shadow: ${e=>e.theme.in};
+    border-radius: var(--smallRadius);
+    transition-property: box-shadow;
+    transition-duration: .5s;
+    padding: var(--normalPads);
+    font-size: var(--normalText);
 
-    span{
-        color: var(--error)
+    &::placeholder{
+        color: inherit;
+        opacity: .5;
     }
 
-    svg{
-        fill: var(--error)
+    &:focus{
+        outline: 0;
+        box-shadow: ${e=>e.theme.inFocus};
+    }
+`,L=t.label`
+    color: ${e=>e.theme.color};
+`,$=t(y)`
+    padding-top: 3rem;
+`,z=t(L)`
+    font-size: var(--smallText);
+`,R=t.div`
+    position: relative;
+
+    label{
+        position: absolute;
+        top: 1.8rem;
+        left: 1.6rem;
+        transform: translateY(-1rem);
+        visibility: visible;
+        opacity: 1;
+        transition-property: opacity, transform;
+        transition-duration: .5s;
     }
 
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+    input:placeholder-shown{
 
-        span{
-            color: var(--errorLight)
+        ~ label{
+            transform: translateY(0rem);
+            visibility: hidden;
+            opacity: 0;
         }
 
-        svg{
-            fill: var(--errorLight)
+        ~ .FormAddButton{
+            display: none;
         }
     }
-`,D=r(i)`
-    background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border-radius: var(--normalRadius);
 
-    span{
-        color: var(--error)
+    .FormAddButton{
+        display: flex;
+        position: absolute;
+        top: 1.5rem;
+        right: 1.6rem;
     }
 
-    svg{
-        fill: var(--error)
+    .HelperValidators{
+        display: none;
     }
 
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+    input:focus{
 
-        span{
-            color: var(--errorLight)
+        & ~ .HelperValidators{
+            display: block;
         }
 
-        svg{
-            fill: var(--errorLight)
+        & ~ .RequiredValidator{
+            display: none;
         }
-    }
-`,S=r(t)`
-    background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border-radius: var(--normalRadius);
-
-    span{
-        color: var(--error)
-    }
-
-    svg{
-        fill: var(--error)
-    }
-
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-
-        span{
-            color: var(--errorLight)
-        }
-
-        svg{
-            fill: var(--errorLight)
-        }
-    }
-`,R=r(o)`
-    background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border-radius: var(--normalRadius);
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    }
-
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-    }
-`,z=r(i)`
-    background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border-radius: var(--normalRadius);
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--red)":"var(--black)"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    }
-
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-    }
-`,N=r(t)`
-    background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-    border-radius: var(--normalRadius);
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    }
-
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-    }
-`,T=r(o)`
-    background: transparent;
-    border: 1px solid transparent;
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-        text-decoration: underline;
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-    }
-
-    &:hover{
-
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-        }
-
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-        }
-    }
-`,P=r(i)`
-    background: transparent;
-    border: 1px solid transparent;
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-        text-decoration: underline;
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-    }
-
-    &:hover{
-
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-        }
-
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-        }
-    }
-`,j=r(t)`
-    background: transparent;
-    border: 1px solid transparent;
-
-    span{
-        color: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-        text-decoration: underline;
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-    }
-
-    &:hover{
-
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-        }
-
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-        }
-    }
-`,F=r.input`
-    width: 100%;
-    border: none;
-    background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    box-shadow: ${r=>"dark"===r.theme?"var(--insetShine)":"var(--insetShadow)"};
-    border-radius: var(--normalRadius);
-    transition-property: box-shadow;
-    transition-duration: .5s;
-
-    &:focus{
-        outline: 0;
-        box-shadow: ${r=>"dark"===r.theme?"var(--insetShineFocus)":"var(--insetShadowFocus)"};
-    }
-`,I=r(F)`
-    padding: var(--inputSmallPads);
-    font-size: var(--inputSmallText);
-`,M=r(F)`
-    padding: var(--inputNormalPads);
-    font-size: var(--inputNormalText);
-`,X=r(F)`
-    padding: var(--inputLargePads);
-    font-size: var(--inputLargeText);
-`,O=r.label`
-    color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-`,Y=r(O)`
-    font-size: var(--inputSmallText);
-`,q=r(O)`
-    font-size: var(--inputNormalText);
-`,A=r(O)`
-    font-size: var(--inputLargeText);
-`,B=r.div`
-    position: relative;
-    margin-top: 4rem;
-
-    input:placeholder-shown{
-
-        ~ label{
-            transform: translateY(0rem);
-            visibility: hidden;
-            opacity: 0;
-        }
-    }
-
-    section{
-        display: none;
-    }
-
-    input:focus ~ section{
-        display: block;
-    }
-
-    label{
-        position: absolute;
-        top: .8rem;
-        left: 1.6rem;
-        transform: translateY(-3rem);
-        visibility: visible;
-        opacity: 1;
-        transition-property: opacity, transform;
-        transition-duration: .5s;
-    }
-`,C=r.div`
-    position: relative;
-
-    ul{
-        position: absolute;
-        z-index: 5;
-        top: 4rem;
-        left: 0;
-        background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-        border-radius: var(--normalRadius);
-        box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-        width: 100%;
-        overflow: hidden;
-
-        li{
-            padding: var(--smallDist);
-            cursor: pointer;
-
-            &:hover{
-                background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-            }
-        }
-    }
-`,E=r(B)`
-    
-    aside{
-        display: block;
-        position: absolute;
-        right: .5rem;
-        top: .3rem;
-    }
-
-    input:placeholder-shown{
-
-        ~ aside{
-            display: none;
-        }
-    }
-`,G=r.div`
-    position: absolute;
-    top: 1.2rem;
-    right: 2rem;
-
-    svg{
-        height: var(--smallText);
-        fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-    }
-`,H=r.div`
-    position: absolute;
-    top: 1.2rem;
-    right: 2rem;
-
-    svg{
-        height: var(--smallText);
-        fill: var(--error);
-    }
-`,J=r.div`
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    margin: var(--tinyDist);
-`,K=r(J)`
-    
-    svg{
-        width: var(--smallIcon);
-        fill: var(--error);
-    }
-
-    h6{
-        color: var(--error);
-    }
-`,Q=r(J)`
-    
-    svg{
-        width: var(--smallIcon);
-        fill: var(--success);
-    }
-
-    h6{
-        color: var(--success);
-    }
-`,U=r(J)`
-    
-    svg{
-        width: var(--smallIcon);
-        fill: var(--greyDark);
-    }
-
-    h6{
-        color: var(--greyDark);
-    }
-`,V=r.div`
-    display: grid;
-    grid-template-columns: repeat(${r=>r.columns}, 1fr);
-    grid-gap: 2rem;
-`,W=r.div`
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 2rem;
-    border-radius: var(--normalRadius);
-    padding: var(--normalDist);
-    cursor: pointer;
-    box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-    transition-property: box-shadow, transform;
-    transition-duration: .5s;
-
-    &:hover{
-        box-shadow: ${r=>"dark"===r.theme?"var(--outShineFocus)":"var(--outShadowFocus)"};
-    }
-`,Z=r.div`
-
-`,_=r.div`
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-`,rr=r(r.form`
-    position: relative;
-
-    select{
-        width: 100%;
-        cursor: pointer;
-        appearance: none;
-        outline: 0;
-    }
-
-    svg{
-        position: absolute;
-        display: block;
-        top: 1rem;
-        right: 1rem;
-        z-index: 5;
-        pointer-events: none;
-    }
-
-`)`
-    select{
-        padding: var(--buttonNormalPads);
-        font-size: var(--buttonNormalText);
-        border-radius: var(--normalRadius);
-        padding-right: 4rem;
-    }
-
-    option{
-        padding: var(--buttonNormalPads);
-        font-size: var(--buttonNormalText);
-    }
-
-    svg{
-        height: var(--buttonNormalIcon);
-    }
-`,ar=r(rr)`
-    select{
-        color: ${r=>"dark"===r.theme?"var(--blanc);":"var(--black);"};
-        background: ${r=>"dark"===r.theme?"var(--gloomDark);":"var(--greyLight);"};
-        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark);":"var(--greyLight);"};
-    }
-
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--blanc);":"var(--black);"};
-    }
-`,er=r.textarea`
-    width: 100%;
-    border: none;
-    background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-    box-shadow: ${r=>"dark"===r.theme?"var(--insetShine)":"var(--insetShadow)"};
-    border-radius: var(--normalRadius);
-    transition-property: box-shadow;
-    transition-duration: .5s;
-    resize: none;
-
-    &:focus{
-        outline: 0;
-        box-shadow: ${r=>"dark"===r.theme?"var(--insetShineFocus)":"var(--insetShadowFocus)"};
-    }
-`,or=r(er)`
-    padding: var(--inputSmallPads);
-    font-size: var(--inputSmallText);
-`,ir=r(er)`
-    padding: var(--inputNormalPads);
-    font-size: var(--inputNormalText);
-`,tr=r(er)`
-    padding: var(--inputLargePads);
-    font-size: var(--inputLargeText);
-`,dr={xs:576,sm:768,md:992,lg:1200,xl:1440,wd:1800},nr={xs:`${dr.xs}px`,sm:`${dr.sm}px`,md:`${dr.md}px`,lg:`${dr.ls}px`,xl:`${dr.xl}px`,wd:`${dr.wd}px`},lr={xs:`(max-width: ${nr.xs})`,sm:`(max-width: ${nr.sm})`,md:`(max-width: ${nr.md})`,lg:`(max-width: ${nr.lg})`,xl:`(max-width: ${nr.xl})`,wd:`(max-width: ${nr.wd})`},sr=r.nav`
-    display: grid;
-    align-items: center;
-    grid-gap: 1rem;
-    grid-template-columns: 1fr 1fr 1fr;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 15;
-    width: 100%;
-    padding: 1rem 4rem;
-    background: ${r=>r.theme.color};
-`,vr=r.div`
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    cursor: pointer;
-
-    img{
-        height: 4rem;
-        transition-property: transform;
-        transition-duration: .5s;
-    }
-
-    &:hover{
-
-        img{
-            transform: rotate(25deg);
-        }
-    }
-
-    &:active{
-
-        img{
-            transform: rotate(55deg);
-        }
-    }
-`,mr=r.div`
-
-    h6{
-        color: var(--focus) !important;
-        font-size: 1.2rem;
-        font-family: "fontMedium", sans-serif;
-        line-height: .5;
-        margin-left: .2rem;
-        font-weight: 600;
-    }
-
-    @media ${lr.md} {
-        display: none;
-    }
-`,gr=r.div`
-    justify-self: center;
-
-    @media ${lr.sm} {
-        justify-self: flex-end;
-    }
-`,hr=r.div`
-    justify-self: flex-end;
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    position: relative;
-`,cr=r.div`
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-
-    @media ${lr.sm} {
-        display: none;
-    }
-`,pr=r.div`
-    position: absolute;
-    top: 6rem;
-    right: 4rem;
-    width: 30rem;
-    background: ${r=>r.theme.low};
-    box-shadow: ${r=>r.theme.out};
-    border-radius: var(--normalRadius);
-    overflow: hidden;
-    transition: height .5s ease;
-    max-height: calc(100vh - 6rem);
-    
-
-    .Menu{
-        width: 100%;
-        border-radius: var(--normalRadius);
-        overflow: hidden;
-    }
-
-    .Menu-main-enter{
-        position: absolute;
-        transform: translateX(-110%);
-    }
-
-    .Menu-main-enter-active{
-        transform: translateX(0%);
-        transition: all .5s ease;
-    }
-
-    .Menu-main-exit{
-        position: absolute;
-    }
-
-    .Menu-main-exit-active{
-        transform: translateX(-110%);
-        transition: all .4s ease;
-    }
-
-
-    .Menu-secondary-enter{
-        transform: translateX(110%);
-    }
-
-    .Menu-secondary-enter-active{
-        transform: translateX(0%);
-        transition: all .4s ease;
-    }
-
-    .Menu-secondary-exit{
-        
-    }
-
-    .Menu-secondary-exit-active{
-        transform: translateX(110%);
-        transition: all .4s ease;
-    }
-`,ur=r.div`
-
-`,kr=r.div`
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    padding: var(--buttonNormalPads);
-    transition: background .5s;
-    cursor: pointer;
-
-    picture{
-        height: 3rem;
-        width: 3rem;
-        border-radius: 50%;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        
-        svg{
-            width: var(--buttonNormalIcon);
-            color: ${r=>r.theme.mid};
-        }
-
-        img{
-            height: 100%;
-            width: 100%;
-            object-fit: cover;
-        }
-    }
-
-    &:hover{
-        background: ${r=>r.theme.background};
-    }
-`,br=r.div`
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 1rem;
-    cursor: pointer;
-    padding: var(--buttonNormalPads);
-    transition: background .5s;
-
-    main{
-        display: flex;
-        align-items: center;
-        gap: 1rem;
-        
-        picture{
-            height: 3rem;
-            width: 3rem;
-            border-radius: 50%;
-            background: ${r=>r.theme.mid};
-            overflow: hidden;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            
-            svg{
-                width: var(--buttonNormalIcon);
-                color: ${r=>r.theme.mid};
-            }
-
-            img{
-                height: 100%;
-                width: 100%;
-                object-fit: cover;
-            }
-        }
-    }
-
-    aside{
-        svg{
-            height: var(--buttonNormalIcon);
-            color: ${r=>r.theme.color};
-        }
-    }
-
-    &:hover{
-        background: ${r=>r.theme.background};
-    }
-`,fr=r(br)`
-    display: none;
-
-    @media ${lr.md} {
-        display: flex;
-    }
-`,xr=a`
-    0% { 
-        transform: translate(110%); 
-    }
-    100% { 
-        transform: translate(0); 
-    }
-`,yr=r.div`
-    padding: 7rem 4rem 2rem 4rem;
-`,$r=r.div`
-    padding-top: 2rem 4rem;
-`,wr=r.div`
-    padding-top: 7rem;
-`,Lr=r.div`
-    display: grid;
-    grid-template-columns: calc(60% - 4rem) 40%;
-    grid-gap: 4rem;
-    align-items: flex-start;
-
-    @media ${lr.md} {
-        grid-template-columns: 1fr;
-    }
-`,Dr=r.div`
-    display: grid;
-    grid-template-columns: 40% calc(60% - 4rem);
-    grid-gap: 4rem;
-    align-items: flex-start;
-
-    @media ${lr.md} {
-        grid-template-columns: 1fr;
-    }
-`,Sr=r.div`
-    width: 100%;
-`,Rr=r.div`
-    width: 100%;
-
-    @media ${lr.md} {
-        display: none;
-    }
-`,zr={id:"light",background:"var(--light)",color:"var(--black)",low:"var(--greyLight)",mid:"var(--grey)",high:"var(--greyDark)",overlay:"var(--blackOverlay)",in:"var(--insetShadow)",inFocus:"var(--insetShadowFocus)",out:"var(--outShadow)",outFocus:"var(--outShadowFocus)"},Nr={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomLight)",mid:"var(--gloom)",high:"var(--gloomDark)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},Tr=r.div`
-    min-height: 100vh;
-    width: 100%;
-    background: ${r=>r.theme.background};
-
-    h1,h2,h3,h4,h5,h6,p{
-        color: ${r=>r.theme.color};
-    }
-`,Pr=r.div`
-    padding: var(--smallDist);
-
-    h4{
-        margin-bottom: 2rem;
-    }
-`,jr=r.div`
-    
-`,Fr=r.div`
-    
-`,Ir=r.div`
-    
-    img{
-        height: 4rem;
-    }
-`,Mr=r.div`
-    max-width: 45rem;
-`,Xr=r.div`
-    max-width: 45rem;
-
-    h1{
-        margin: var(--smallDist);
-    }
-`,Or=r.form`
-    padding: var(--normalDist);
-    background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-    border-radius: var(--normalRadius);
-    box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-`,Yr=r.div`
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    justify-content: space-between;
-    margin: 2rem 0;
-
-    aside{
-        display: flex;
-        gap: .5rem;
-        align-items: center;
-    }
-`,qr=r.div`
-    display: flex;
-    align-items: flex-start;
-    gap: 1rem;
-
-    input{
-        margin-top: .3rem;
-    }
-`,Ar=r.div`
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-gap: 1rem;
-    margin: 2rem 1rem;
-`,Br=r.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 4rem;
-`,Cr=r.div`
-    margin-bottom: 4rem;
-    
-    section{
-
-        h3{
-            margin-bottom: 2rem;
-        }
-    }
-`,Er=r.div`
-    
-    picture{
-        width: 100%;
-        height: 25rem;
-        display: block;
-        overflow: hidden;
-        border-radius: var(--normalRadius);
-
-        img{
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-    }
-
-    ul{
-        margin-top: 1rem;
-        display: flex;
-        gap: 1rem;
-    }
-`,Gr=r.div`
-    display: grid;
-    grid-template-columns: 20rem 1fr;
-    grid-gap: 2rem;
-    
-    picture{
-        width: 100%;
-        height: 20rem;
-        display: block;
-        overflow: hidden;
-        border-radius: 50%;
-
-        img{
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-    }
-
-    ul{
-        margin-top: 1rem;
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-    }
-`,Hr=r.ul`
-    background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-    padding: var(--smallDist);
-    border-radius: var(--smallRadius);
-    position: relative;
-    
-    aside{
-        position: absolute;
-        right: 2rem;
-        top: -2rem;
-        height: 3.5rem;
-        width: 3.5rem;
-        background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-        padding: 1rem;
-        border-radius: 50%;
-
-        svg{
-            height: var(--smallText);
-            fill: ${r=>"dark"===r.theme?"var(--gloomLight)":"var(--greyDark)"};
-        }
-    }
-
-    li{
-        margin-top: .5rem;
-    }
-`,Jr=r.div`
-    display: grid;
-    grid-template-columns: auto 1fr;
-    align-items: flex-start;
-    grid-gap: 1rem;
-    width: 100%;
-
-    form{
-        margin-top: 4rem;
-    }
-`,Kr=r.div`
-    padding: var(--smallDist);
-
-    ul{
-        margin-top: 1rem;
-
-        li{
-            display: flex;
-            align-items: center;
-            gap: 1rem;
-
-            svg{
-                width: var(--smallText);
-            }
-        }
-    }
-`,Qr=r.div`
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 500;
-    height: 100vh;
-    width: 100%;
-`,Ur=r.div`
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 501;
-    height: 100vh;
-    width: 100%;
-    background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Vr=r.div`
-    position: fixed;
-    right: 0;
-    z-index: 502;
-    width: calc(60% + 8rem);
-    min-width: 40rem;
-    height: 100vh;
-    background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
-    animation: ${xr} .2s linear;
-
-    @media ${lr.md} {
-        width: calc(80% + 8rem);
-    }
-
-    @media ${lr.sm} {
-        width: 100%;
-    }
-`,Wr=r.div`
-    max-height: calc(100vh - 9rem);
-    overflow-x: hidden;
-    overflow-y: auto;
-`,Zr=r.div`
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 1rem;
-    padding: var(--smallDist);
-    background-color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-
-    @media ${lr.sm} {
-        justify-content: flex-end;
 
-        h3{
+        & ~ .ErrorValidators{
             display: none;
         }
     }
-`;export{Br as AuthActions,Ar as AuthCap,qr as AuthCheck,Mr as AuthContainer,Or as AuthForm,Ir as AuthLogo,Yr as AuthSecondary,Xr as AuthWrapper,_ as BoxActions,Z as BoxContent,V as BoxGrid,W as BoxWrapper,jr as Container,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Kr as EditList,Jr as EditSelect,Hr as EditTips,Gr as EditUploadAvatar,Er as EditUploadCover,Cr as EditWrapper,K as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,c as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,N as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,P as GreyLinkButtonNormal,T as GreyLinkButtonSmall,E as InputAdd,B as InputGroup,G as InputIcon,X as InputLarge,H as InputMandatory,M as InputNormal,C as InputSearch,I as InputSmall,A as LabelLarge,q as LabelNormal,Y as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,p as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,pr as NavbarHam,ur as NavbarHamList,br as NavbarHamListItem,fr as NavbarHamMobileItem,kr as NavbarHamTitle,cr as NavbarList,vr as NavbarLogo,hr as NavbarRight,mr as NavbarText,Sr as PageAlwaysVisible,Dr as PageForty,Rr as PageMobileHidden,yr as PagePaddings,$r as PageSamePaddings,Lr as PageSixty,wr as PageTopPaddings,Fr as Section,xr as SlideIn,Qr as Slider,Ur as SliderBg,Vr as SliderContainer,Zr as SliderTitle,Wr as SliderWrapper,Q as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,Tr as Theme,Nr as ThemeDark,zr as ThemeLight,U as TipValidator,w as WhitePlainButtonLarge,$ as WhitePlainButtonNormal,y as WhitePlainButtonSmall,Pr as Wrapper,dr as breakPoints,nr as breakSize,lr as device};
+`,T=t=>e.createElement(R,null,e.createElement($,{placeholder:t.placeholder}),e.createElement(z,null,t.placeholder));export{w as CardButton,o as Cta_,i as Edit_,s as Focus_,u as Focus_Plain,T as Form_Input,h as Grey_,b as Grey_Link,v as Main_,k as Main_Plain,x as White_Plain};