monica-alexandria 2.7.0 → 2.8.0

package/dist/index.es.js

@@ -1,117 +1,66 @@
-import r,{keyframes as a}from"styled-components";const e=r.button`
+import"react";import r from"styled-components";const a=r.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: ${r=>"noPads"===r.pads?"0":"small"===r.size?"var(--smallPads)":"large"===r.size?"var(--largePads)":"var(--normalPads)"};
 
     svg{
         transition-property: fill;
         transition-duration: .5s;
+        width: ${r=>"small"===r.size?"var(--smallIcon)":"large"===r.size?"var(--largeIcon)":"var(--normalIcon)"};
     }
 
     span{
         white-space: nowrap;
         transition-property: color;
         transition-duration: .5s;
+        font-size: ${r=>"small"===r.size?"var(--smallText)":"large"===r.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)`
+`;r(a)`
     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%);
+`,r(a)`
+    background: ${r=>r.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)`
+`,r(a)`
     background: var(--focus);
     border-radius: var(--normalRadius);
     border: 1px solid var(--focus);
@@ -127,7 +76,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     &:hover{
         background: var(--focusLight);
     }
-`,g=r(o)`
+`,r(a)`
     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,1149 +98,302 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             fill: var(--focusLight);
         }
     }
-`,h=r(i)`
-    background: transparent;
-    border: 1px solid transparent;
+`,r(a)`
+    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(--focus);
+        color: ${r=>"dark"===r.theme?"var(--red)":"var(--black)"};
     }
 
     svg{
-        fill: var(--focus);
+        fill: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
     }
 
     &:hover{
-        
-        span{
-            color: var(--focusLight);
-        }
-
-        svg{
-            fill: var(--focusLight);
-        }
+        background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+        border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,c=r(t)`
+`,r(a)`
     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: ${r=>r.theme.low};
         }
 
         svg{
-            fill: var(--focusLight);
+            fill: ${r=>r.theme.low};
         }
     }
-`,p=r(o)`
+`,r(a)`
     background: var(--main);
     border-radius: var(--normalRadius);
     border: 1px solid var(--main);
 
     span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+        color: var(--white);
     }
 
     svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+        fill: 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);
+`,r(a)`
+background: transparent;
+border: 1px solid transparent;
 
-    span{
-        color: var(--white);
-    }
+span{
+    color: var(--main);
+}
 
-    svg{
-        fill: var(--white);
-    }
+svg{
+    fill: var(--main);
+}
 
-    &:hover{
-        background: var(--mainLight);
-    }
-`,k=r(t)`
-    background: var(--main);
-    border-radius: var(--normalRadius);
-    border: 1px solid var(--main);
+&:hover{
 
     span{
-        color: var(--white);
+        color: var(--mainLight);
     }
 
     svg{
-        fill: var(--white);
+        fill: var(--mainLight);
     }
-
-    &:hover{
-        background: var(--mainLight);
-    }
-`,b=r(o)`
+}
+`,r(a)`
     background: transparent;
     border: 1px solid transparent;
 
     span{
-        color: var(--main);
+        color: ${r=>r.theme.background};
     }
 
     svg{
-        fill: var(--main);
+        fill: ${r=>r.theme.background};
     }
 
     &:hover{
         
         span{
-            color: var(--mainLight);
+            color: ${r=>r.theme.low};
         }
-
+        
         svg{
-            fill: var(--mainLight);
+            fill: ${r=>r.theme.low};
         }
     }
-`,f=r(i)`
-    background: transparent;
-    border: 1px solid transparent;
+`;const o=r.div`
+    box-shadow: ${r=>r.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: ${r=>r.theme.outFocus};
+        transition: box-shadow .5s;
+    }
+`,e=r(o)`
+    
+    header{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: ${r=>r.theme.low};
 
-        span{
-            color: var(--mainLight);
-        }
+        picture{
+            height: 15rem;
+            width: 15rem;
+            border-radius: 50%;
+            overflow: hidden;
+            background-color: ${r=>r.theme.mid};
+            display: flex;
+            align-items: center;
+            justify-content: center;
 
-        svg{
-            fill: var(--mainLight);
+            svg{
+                height: 6rem;
+                fill: var(--greyDark);
+            }
         }
     }
-`,x=r(t)`
-    background: transparent;
-    border: 1px solid transparent;
 
-    span{
-        color: var(--main);
+    footer{
+        padding: 2rem 1rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
+`;r(o)`
+    cursor: pointer;
+    
+    header{
 
-    svg{
-        fill: var(--main);
+        figure{
+            height: 100%;
+            width: 100%;
+            
+            svg{
+                width: 15rem;
+                fill: var(--focus);
+            }
+        }
+       
+        picture{
+            height: 100%;
+            width: 100%;
+
+            img{
+                height: 100%;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
+
+        map{
+            height: 100%;
+            width: 100%;
+
+            iframe{
+                height: 100%;
+                width: 100%;
+            }
+        }
     }
 
-    &:hover{
+    main{
+        padding: 1rem 2rem;
 
-        span{
-            color: var(--mainLight);
+        h5,h3{
+            text-align: ${r=>r.center?"center":"left"};
         }
 
-        svg{
-            fill: var(--mainLight);
+        ul{
+            margin-top: 1rem;
+
+            li{
+                display: flex;
+                align-items: center;
+                gap: 1rem;
+
+                svg{
+                    width: var(--normalIcon);
+                }
+            }
+        }
+
+        button{
+            padding: 1rem 0;
         }
     }
-`,y=r(o)`
-    background: transparent;
-    border: 1px solid transparent;
+`;const i=r.input`
+    width: 100%;
+    border: none;
+    background: ${r=>r.theme.background};
+    color: ${r=>r.theme.color};
+    box-shadow: ${r=>r.theme.in};
+    border-radius: var(--smallRadius);
+    transition-property: box-shadow;
+    transition-duration: .5s;
+    padding: var(--normalPads);
+    font-size: var(--normalText);
 
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+    &::placeholder{
+        color: inherit;
+        opacity: .5;
     }
 
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+    &:focus{
+        outline: 0;
+        box-shadow: ${r=>r.theme.inFocus};
+    }
+`,t=r.label`
+    color: ${r=>r.theme.color};
+`;r(i)`
+    padding-top: 3rem;
+`,r(t)`
+    font-size: var(--smallText);
+`,r.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{
-        
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+    input:placeholder-shown{
+
+        ~ label{
+            transform: translateY(0rem);
+            visibility: hidden;
+            opacity: 0;
         }
-        
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+
+        ~ .FormAddButton{
+            display: none;
         }
     }
-`,$=r(i)`
-    background: transparent;
-    border: 1px solid transparent;
 
-    span{
-        color: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+    .FormAddButton{
+        display: flex;
+        position: absolute;
+        top: 1.5rem;
+        right: 1.6rem;
     }
 
-    svg{
-        fill: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
+    .HelperValidators{
+        display: none;
     }
 
-    &:hover{
-        
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        }
-        
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
+    input:focus{
+
+        & ~ .HelperValidators{
+            display: block;
         }
-    }
-`,w=r(t)`
-    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)"};
-    }
-
-    &:hover{
-        
-        span{
-            color: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        }
-        
-        svg{
-            fill: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-        }
-    }
-`,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);
-
-    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)
-        }
-    }
-`,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)
-    }
-
-    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)
-        }
-    }
-`,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{
+        & ~ .RequiredValidator{
             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=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    box-shadow: ${r=>"dark"===r.theme?"0 1px 3px var(--shine)":"0 1px 3px var(--shadow)"};
-`,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=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
-    box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-    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=>"dark"===r.theme?"var(--gloom)":"var(--black)"};
-        }
-
-        img{
-            height: 100%;
-            width: 100%;
-            object-fit: cover;
-        }
-    }
-
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-`,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=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
-            overflow: hidden;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            
-            svg{
-                width: var(--buttonNormalIcon);
-                color: ${r=>"dark"===r.theme?"var(--gloom)":"var(--black)"};
-            }
-
-            img{
-                height: 100%;
-                width: 100%;
-                object-fit: cover;
-            }
-        }
-    }
-
-    aside{
-        svg{
-            height: var(--buttonNormalIcon);
-            color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-        }
-    }
-
-    &:hover{
-        background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
-    }
-`,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};
+`;export{e as CardButton};