monica-alexandria 3.4.5 → 3.4.7

package/dist/index.es.js

@@ -255,7 +255,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         display: flex;
         align-items: center;
         justify-content: center;
-        background: ${e=>e.theme.low};
+        background: ${e=>e.theme.mid};
 
         figure{
             background: ${e=>e.theme.background};
@@ -264,7 +264,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
 
             svg{
                 width: 5rem;
-                fill: ${e=>e.theme.low};
+                fill: ${e=>e.theme.mid};
             }
         }
     }
@@ -303,10 +303,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         width: 11rem;
         border-radius: 50%;
     }
-`;o.div`
-    display: flex;
-    gap: 1rem;
-`;const T=t=>e.createElement(I,{variant_CardText:t.variant_CardText,onClick:t.onClick},t.icon||t.header||t.imgSmall?e.createElement("header",null,t.icon?e.createElement("figure",null,e.createElement(d,{Icon:t.icon})):t.imgSmall?e.createElement($,null,e.createElement("img",{src:t.imgSmall})):e.createElement("span",null,t.header)):t.img?e.createElement("picture",null,e.createElement("img",{src:t.img})):null,t.title||t.subtitle?e.createElement("footer",null,t.title&&e.createElement("h2",null,t.title),t.subtitle&&e.createElement("h5",null,t.subtitle),t.children):null),N={xs:`(max-width: ${`${576}px`})`,sm:`(max-width: ${`${768}px`})`,md:`(max-width: ${`${992}px`})`,lg:`(max-width: ${`${1200}px`})`,xl:`(max-width: ${`${1440}px`})`,wd:`(max-width: ${`${1800}px`})`},R=o.div`
+`,T=t=>e.createElement(I,{variant_CardText:t.variant_CardText,onClick:t.onClick},t.icon||t.header||t.imgSmall?e.createElement("header",null,t.icon?e.createElement("figure",null,e.createElement(d,{Icon:t.icon})):t.imgSmall?e.createElement($,null,e.createElement("img",{src:t.imgSmall})):e.createElement("span",null,t.header)):t.img?e.createElement("picture",null,e.createElement("img",{src:t.img})):null,t.title||t.subtitle?e.createElement("footer",null,t.title&&e.createElement("h2",null,t.title),t.subtitle&&e.createElement("h5",null,t.subtitle),t.children):null),N={xs:`(max-width: ${`${576}px`})`,sm:`(max-width: ${`${768}px`})`,md:`(max-width: ${`${992}px`})`,lg:`(max-width: ${`${1200}px`})`,xl:`(max-width: ${`${1440}px`})`,wd:`(max-width: ${`${1800}px`})`},R=o.div`
     position: fixed;
     top: 0;
     left: 0;
@@ -1274,7 +1271,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     }
 `,pn=o.div`
     display: grid;
-    grid-template-columns: 1fr 40%;
+    grid-template-columns: 1fr minmax(40rem, 40%);
     grid-gap: 4rem;
     padding: 0 4rem;
 
@@ -1284,20 +1281,38 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
 `,vn=o.div`
     padding: 0 4rem 2rem 13rem;
 `,yn=o.div`
-    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr minmax(40rem, 40%);
+    grid-gap: 4rem;
+    padding: 0 4rem 2rem 13rem;
+
+    @media ${N.md} {
+        grid-template-columns: 1fr;
+    }
 `,fn=o.div`
+    display: grid;
+    grid-template-columns: minmax(40rem, 40%) 1fr;
+    grid-gap: 4rem;
+    padding: 0 4rem 2rem 13rem;
+
+    @media ${N.md} {
+        grid-template-columns: 1fr;
+    }
+`,En=o.div`
+    width: 100%;
+`,xn=o.div`
     width: 100%;
 
     @media ${N.md} {
         display: none;
     }
-`,En=o.div`
+`,kn=o.div`
     padding-top: 8rem;
-`,xn=o.div`
+`,wn=o.div`
     padding: 2rem 0;
-`,kn=o.div`
+`,_n=o.div`
     
-`,wn=o.div`
+`,Mn=o.div`
     position: relative;
 
     header{
@@ -1306,11 +1321,11 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     }
 
     
-`,_n=o.div`
+`,bn=o.div`
     padding-left: 4rem;
-`,Mn=o.div`
+`,Ln=o.div`
     padding-right: 4rem;
-`,bn=o(gn)`
+`,Cn=o(gn)`
     padding: 0;
 
     aside{
@@ -1361,14 +1376,14 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         flex-direction: column;
         gap: 4rem;
     }
-`,Ln=o.div`
+`,Sn=o.div`
     padding: 10rem 1rem 2rem 1rem;
     text-align: center;
-`,Cn=o.div`
+`,An=o.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`,Sn=o.div`
+`,In=o.div`
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: flex-start;
@@ -1389,9 +1404,9 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     @media ${N.xs}{
         grid-template-columns: 1fr;
     }
-`,An=o(Sn)`
+`,$n=o(In)`
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-`,In={id:"light",background:"var(--white)",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)"},$n={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},Tn=o.div`
+`,Tn={id:"light",background:"var(--white)",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)"},Nn={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},Rn=o.div`
     width: 100%;
     min-height: 100vh;
     background: ${e=>e.theme.background};
@@ -1414,7 +1429,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         transition-property: background;
         transition-duration: .5s;
     }
-`,Nn=o.div`
+`,Zn=o.div`
     height: 1.5rem;
     border-radius: 1rem;
     margin-bottom: 2rem;
@@ -1423,15 +1438,15 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     grid-template-columns: repeat( ${e=>e.steps} ,1fr);
     background: ${e=>e.theme.mid};
     overflow: hidden;
-`,Rn=o.div`
+`,zn=o.div`
     background: linear-gradient( to right, var(--main), ${e=>e.theme.mid});
     height: 100%;
     width: 100%;
-`,Zn=o.div`
+`,Bn=o.div`
     background: var(--main);
     height: 100%;
     width: 100%;
-`,zn=o.div`
+`,Gn=o.div`
     position: relative;
 
     .Steps{
@@ -1456,26 +1471,26 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         transform: translateX(-110%);
         transition: all .4s ease;
     }
-`,Bn=o.div`
+`,Pn=o.div`
     padding: var(--smallDist);
     border-radius: var(--normalRadius);
     box-shadow: ${e=>e.theme.out};
     background: ${e=>e.theme.low};
-`,Gn=o.div`
+`,Fn=o.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 4rem 0 2rem 0;
-`,Pn=o.div`
+`,Hn=o.div`
     position: fixed;
     top: 0;
     left: 0;
     z-index: 500;
     width: 100%;
     height: 100vh;
-`,Fn=o(Pn)`
+`,Vn=o(Hn)`
     background: ${e=>e.theme.overlay};
-`,Hn=o.div`
+`,Dn=o.div`
     position: fixed;
     top: 0;
     right: 0;
@@ -1484,25 +1499,25 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     height: 100%;
     max-width: 60%;
     background-color: ${e=>e.theme.background};
-`,Vn=o.div`
+`,Kn=o.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 6rem;
     padding: 0 4rem;
-`,Dn=o.div`
+`,jn=o.div`
     padding: 2rem 4rem 10rem 4rem;
     background: ${e=>e.theme.low};
     height: 100%;
     overflow: auto;
-`,Kn=o.div`
+`,On=o.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 2rem;
-`,jn=o.div`
+`,qn=o.div`
     display: grid;
     grid-gap: 2rem;
-`,On=o(jn)`
+`,Wn=o(qn)`
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 
     @media ${N.lg} {
@@ -1516,8 +1531,8 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
     @media ${N.sm} {
         grid-template-columns: 1fr;
     }
-`,qn=o(jn)`
+`,Un=o(qn)`
     grid-template-columns: 1fr 1fr;
-`,Wn=o(jn)`
+`,Xn=o(qn)`
     grid-template-columns: 1fr 1fr 1fr;
-`;export{he as Builder_,A as Card,qn as CardsForty,Wn as CardsSixty,On as CardsTools,ye as Checkbox_,B as Confirmation_,s as Cta_,S as Delete_Plain,ee as Dropdown_,u as Edit_,ft as Elastic_Search,g as Focus_,v as Focus_Plain,q as Form,X as FormGroup,W as FormInput,U as FormLabel,J as FormList,f as Grey_,x as Grey_Link,ae as HamContext,d as IconSvg,Y as Input_,se as Input_Phone,me as Input_Phone_Register,te as LangContext,w as Main_,M as Main_Plain,re as MenuContext,Ot as Nav_,T as On_Click_Card,hn as Page,yn as PageAlwaysVisible,Sn as PageCards,fn as PageDesktopOnly,En as PageDesktopPadding,gn as PageForty,kn as PageSingle,wn as PageSingleHeader,Mn as PageSingleRight,_n as PageSingleleft,pn as PageSixty,bn as PageSub,Cn as PageSubActions,Ln as PageSubTitle,xn as PageTitle,vn as PageTools,An as PageToolsCards,xe as Radio_,ne as RegionContext,Wt as Sidebar_,Xt as Sidebar_Box,Pn as Slider,Dn as SliderContainer,ie as SliderContext,Kn as SliderGrid,Fn as SliderOverlay,Vn as SliderTitle,Hn as SliderWrapper,un as Slider_,Nn as Steps,Gn as StepsActions,Zn as StepsComplete,zn as StepsContainer,Rn as StepsCurrent,Bn as StepsWrapper,on as Steps_,Yt as Steps_Actions,_e as Textarea_,Tn as Theme,oe as ThemeContext,$n as ThemeDark,In as ThemeLight,L as White_Plain,N as device};
+`;export{he as Builder_,A as Card,Un as CardsForty,Xn as CardsSixty,Wn as CardsTools,ye as Checkbox_,B as Confirmation_,s as Cta_,S as Delete_Plain,ee as Dropdown_,u as Edit_,ft as Elastic_Search,g as Focus_,v as Focus_Plain,q as Form,X as FormGroup,W as FormInput,U as FormLabel,J as FormList,f as Grey_,x as Grey_Link,ae as HamContext,d as IconSvg,Y as Input_,se as Input_Phone,me as Input_Phone_Register,te as LangContext,w as Main_,M as Main_Plain,re as MenuContext,Ot as Nav_,T as On_Click_Card,hn as Page,En as PageAlwaysVisible,In as PageCards,xn as PageDesktopOnly,kn as PageDesktopPadding,gn as PageForty,_n as PageSingle,Mn as PageSingleHeader,Ln as PageSingleRight,bn as PageSingleleft,pn as PageSixty,Cn as PageSub,An as PageSubActions,Sn as PageSubTitle,wn as PageTitle,vn as PageTools,$n as PageToolsCards,fn as PageToolsForty,yn as PageToolsSixty,xe as Radio_,ne as RegionContext,Wt as Sidebar_,Xt as Sidebar_Box,Hn as Slider,jn as SliderContainer,ie as SliderContext,On as SliderGrid,Vn as SliderOverlay,Kn as SliderTitle,Dn as SliderWrapper,un as Slider_,Zn as Steps,Fn as StepsActions,Bn as StepsComplete,Gn as StepsContainer,zn as StepsCurrent,Pn as StepsWrapper,on as Steps_,Yt as Steps_Actions,_e as Textarea_,Rn as Theme,oe as ThemeContext,Nn as ThemeDark,Tn as ThemeLight,L as White_Plain,N as device};

package/dist/index.js

@@ -255,7 +255,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        background: ${e=>e.theme.low};
+        background: ${e=>e.theme.mid};
 
         figure{
             background: ${e=>e.theme.background};
@@ -264,7 +264,7 @@
 
             svg{
                 width: 5rem;
-                fill: ${e=>e.theme.low};
+                fill: ${e=>e.theme.mid};
             }
         }
     }
@@ -303,10 +303,7 @@
         width: 11rem;
         border-radius: 50%;
     }
-`;l.default.div`
-    display: flex;
-    gap: 1rem;
-`;const b={xs:`(max-width: ${`${576}px`})`,sm:`(max-width: ${`${768}px`})`,md:`(max-width: ${`${992}px`})`,lg:`(max-width: ${`${1200}px`})`,xl:`(max-width: ${`${1440}px`})`,wd:`(max-width: ${`${1800}px`})`},L=l.default.div`
+`,b={xs:`(max-width: ${`${576}px`})`,sm:`(max-width: ${`${768}px`})`,md:`(max-width: ${`${992}px`})`,lg:`(max-width: ${`${1200}px`})`,xl:`(max-width: ${`${1440}px`})`,wd:`(max-width: ${`${1800}px`})`},L=l.default.div`
     position: fixed;
     top: 0;
     left: 0;
@@ -1274,7 +1271,7 @@
     }
 `,qt=l.default.div`
     display: grid;
-    grid-template-columns: 1fr 40%;
+    grid-template-columns: 1fr minmax(40rem, 40%);
     grid-gap: 4rem;
     padding: 0 4rem;
 
@@ -1284,20 +1281,38 @@
 `,Wt=l.default.div`
     padding: 0 4rem 2rem 13rem;
 `,Ut=l.default.div`
-    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr minmax(40rem, 40%);
+    grid-gap: 4rem;
+    padding: 0 4rem 2rem 13rem;
+
+    @media ${b.md} {
+        grid-template-columns: 1fr;
+    }
 `,Xt=l.default.div`
+    display: grid;
+    grid-template-columns: minmax(40rem, 40%) 1fr;
+    grid-gap: 4rem;
+    padding: 0 4rem 2rem 13rem;
+
+    @media ${b.md} {
+        grid-template-columns: 1fr;
+    }
+`,Jt=l.default.div`
+    width: 100%;
+`,Yt=l.default.div`
     width: 100%;
 
     @media ${b.md} {
         display: none;
     }
-`,Jt=l.default.div`
+`,Qt=l.default.div`
     padding-top: 8rem;
-`,Yt=l.default.div`
+`,ea=l.default.div`
     padding: 2rem 0;
-`,Qt=l.default.div`
+`,ta=l.default.div`
     
-`,ea=l.default.div`
+`,aa=l.default.div`
     position: relative;
 
     header{
@@ -1306,11 +1321,11 @@
     }
 
     
-`,ta=l.default.div`
+`,na=l.default.div`
     padding-left: 4rem;
-`,aa=l.default.div`
+`,ra=l.default.div`
     padding-right: 4rem;
-`,na=l.default(Ot)`
+`,la=l.default(Ot)`
     padding: 0;
 
     aside{
@@ -1361,14 +1376,14 @@
         flex-direction: column;
         gap: 4rem;
     }
-`,ra=l.default.div`
+`,oa=l.default.div`
     padding: 10rem 1rem 2rem 1rem;
     text-align: center;
-`,la=l.default.div`
+`,ia=l.default.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`,oa=l.default.div`
+`,ca=l.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: flex-start;
@@ -1389,9 +1404,9 @@
     @media ${b.xs}{
         grid-template-columns: 1fr;
     }
-`,ia=l.default(oa)`
+`,sa=l.default(ca)`
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-`,ca=l.default.div`
+`,da=l.default.div`
     width: 100%;
     min-height: 100vh;
     background: ${e=>e.theme.background};
@@ -1414,7 +1429,7 @@
         transition-property: background;
         transition-duration: .5s;
     }
-`,sa=l.default.div`
+`,ua=l.default.div`
     height: 1.5rem;
     border-radius: 1rem;
     margin-bottom: 2rem;
@@ -1423,15 +1438,15 @@
     grid-template-columns: repeat( ${e=>e.steps} ,1fr);
     background: ${e=>e.theme.mid};
     overflow: hidden;
-`,da=l.default.div`
+`,ma=l.default.div`
     background: linear-gradient( to right, var(--main), ${e=>e.theme.mid});
     height: 100%;
     width: 100%;
-`,ua=l.default.div`
+`,ha=l.default.div`
     background: var(--main);
     height: 100%;
     width: 100%;
-`,ma=l.default.div`
+`,ga=l.default.div`
     position: relative;
 
     .Steps{
@@ -1456,26 +1471,26 @@
         transform: translateX(-110%);
         transition: all .4s ease;
     }
-`,ha=l.default.div`
+`,fa=l.default.div`
     padding: var(--smallDist);
     border-radius: var(--normalRadius);
     box-shadow: ${e=>e.theme.out};
     background: ${e=>e.theme.low};
-`,ga=l.default.div`
+`,pa=l.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 4rem 0 2rem 0;
-`,fa=l.default.div`
+`,va=l.default.div`
     position: fixed;
     top: 0;
     left: 0;
     z-index: 500;
     width: 100%;
     height: 100vh;
-`,pa=l.default(fa)`
+`,ya=l.default(va)`
     background: ${e=>e.theme.overlay};
-`,va=l.default.div`
+`,xa=l.default.div`
     position: fixed;
     top: 0;
     right: 0;
@@ -1484,25 +1499,25 @@
     height: 100%;
     max-width: 60%;
     background-color: ${e=>e.theme.background};
-`,ya=l.default.div`
+`,Ea=l.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 6rem;
     padding: 0 4rem;
-`,xa=l.default.div`
+`,ka=l.default.div`
     padding: 2rem 4rem 10rem 4rem;
     background: ${e=>e.theme.low};
     height: 100%;
     overflow: auto;
-`,Ea=l.default.div`
+`,_a=l.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 2rem;
-`,ka=l.default.div`
+`,wa=l.default.div`
     display: grid;
     grid-gap: 2rem;
-`,_a=l.default(ka)`
+`,Ma=l.default(wa)`
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 
     @media ${b.lg} {
@@ -1516,8 +1531,8 @@
     @media ${b.sm} {
         grid-template-columns: 1fr;
     }
-`,wa=l.default(ka)`
+`,Ca=l.default(wa)`
     grid-template-columns: 1fr 1fr;
-`,Ma=l.default(ka)`
+`,ba=l.default(wa)`
     grid-template-columns: 1fr 1fr 1fr;
-`;exports.Builder_=e=>r.default.createElement(ae,{key:e.key},e.title?r.default.createElement("h4",null,e.title):null,e.children),exports.Card=w,exports.CardsForty=wa,exports.CardsSixty=Ma,exports.CardsTools=_a,exports.Checkbox_=e=>r.default.createElement(ne,{key:e.key},e.withInput?r.default.createElement(le,{checked:e.checked},r.default.createElement(j,{placeholder:e.placeholder,disableInput:!e.checked})):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text_CheckboxLabel)),r.default.createElement(re,{className:"Check"},r.default.createElement("input",{type:"checkbox",id:e.id,checked:e.checked,onClick:e.onClick}),r.default.createElement("span",{className:"CheckCustom"}),r.default.createElement(s,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.Confirmation_=e=>r.default.createElement(L,null,r.default.createElement(S,null,r.default.createElement("h4",null,e.message),r.default.createElement(A,null,r.default.createElement(v,{onClick:e.onClick_Main,iconLeft:e.icon_Main,text:e.text_Main}),r.default.createElement(x,{onClick:e.onClick_MainPlain,iconLeft:e.icon_MainPlain,text:e.text_MainPlain})))),exports.Cta_=c,exports.Delete_Plain=_,exports.Dropdown_=O,exports.Edit_=e=>r.default.createElement(d,{size:"normal",onClick:e.onClick},r.default.createElement(s,{Icon:e.icon})),exports.Elastic_Search=t=>{let a={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:[t.suggestionType]},n=t.json_File;const[l,o]=e.useState({query:"",file:n,notfoundmessage:!1,defaultValue:t.defaultValue}),[i,c]=e.useState(!1),[d,u]=e.useState(0),[m,h]=e.useState(t.list),g=e=>{t.onSuggestions(e),o({...l,query:"",defaultValue:"string"==typeof e?e:e[t.suggestionType]})},f=e=>{"ArrowUp"==e.key&&(e.preventDefault(),u(0===d?i.length-1:d-1)),"ArrowDown"==e.key&&(e.preventDefault(),d===i.length-1?u(0):u(d+1)),e.key&&"Enter"===e.key&&(e.preventDefault(),g("string"==typeof i[d]?i[d]:i[d][t.suggestionType]))};return e.useEffect((()=>{a.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new Je(n,a);let r=l.query?e.search(l.query):n;r=r.slice(0,t.size),c(r)}),[l]),e.useEffect((()=>{t.getInput&&i?.length>0?t.getInput(i[0]?.item):t.getSuggestions&&i?.length>0&&l.query.length?t.getSuggestions(i):t.getSuggestions&&!l.query.length&&t.getSuggestions([])}),[i]),r.default.createElement(Qe,null,r.default.createElement(et,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:a={}}=e,{value:n=""}=a;let r=Ye.toGreek(n);o({...l,query:t.sanitize?r:n})},defaultValue:l.defaultValue,onKeyPress:e=>f(e),onKeyDown:e=>f(e),list:t.list}),r.default.createElement(tt,null,t.placeholder),t.required?r.default.createElement(Z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,t.list?r.default.createElement(v,{size:"small",text:t.add,iconLeft:"Add",className:"FormAddButton",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.push(e),t.updateItemList(a),h(a)})(t.value)}):null,l.query&&i?r.default.createElement(at,null,i.slice(0,6).map(((e,a)=>r.default.createElement("li",{className:a===d%i.length?"ElasticSelected":"",key:a,onClick:()=>g(e?.item?e.item[t.suggestionType]:e[t.suggestionType])},r.default.createElement("p",null,e?.item?e.item[t.suggestionType]:e[t.suggestionType]))))):null,t.list?r.default.createElement(nt,null,r.default.createElement("h5",null,t.listItemTitle),m.map(((e,a)=>r.default.createElement("li",{key:a},r.default.createElement(s,{Icon:t.icon_ListItem}),r.default.createElement("h6",null,e),r.default.createElement(_,{variant_Size:"small",icon_Left:"Delete",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.splice(e,1),t.updateItemList(a),h(a)})(a)}))))):null)},exports.Focus_=e=>r.default.createElement(u,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Focus_Plain=e=>r.default.createElement(m,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Form=G,exports.FormGroup=V,exports.FormInput=F,exports.FormLabel=H,exports.FormList=D,exports.Grey_=g,exports.Grey_Link=e=>r.default.createElement(f,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.HamContext=X,exports.IconSvg=s,exports.Input_=j,exports.Input_Phone=t=>{const{region:a}=e.useContext(W);return r.default.createElement(Q,null,r.default.createElement(ee,null,r.default.createElement(O,null,r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},"Greece"===a?r.default.createElement("option",{selected:!0},"🇬🇷 +30"):"Deutschland"===a?r.default.createElement("option",{selected:!0},"🇩🇪 +49"):r.default.createElement("option",{selected:!0},"🇬🇷 +30"))),r.default.createElement(O,{items:t.array_PhoneDropdown})),r.default.createElement(j,{placeholder:t.text_PhonePlaceholder,required:t.required,list:t.array_PhoneList,icon_ListItem:t.icon_PhoneList}))},exports.Input_Phone_Register=t=>{const{region:a}=e.useContext(W);return r.default.createElement(te,null,r.default.createElement(O,null,"Greece"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49")):"Deutschland"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇩🇪 +49"),r.default.createElement("option",null,"🇬🇷 +30")):r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49"))),r.default.createElement(j,{class_Input:t.class_Input,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown}))},exports.LangContext=q,exports.Main_=v,exports.Main_Plain=x,exports.MenuContext=U,exports.Nav_=e=>r.default.createElement(It,null,r.default.createElement(ot,{onClick_Logo:e.onClick_Logo}),r.default.createElement(ct,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?r.default.createElement(bt,{role:e.role,img_Account:e.img_Account,img_Account_Main:e.img_Account,imgAlt_Account:e.imgAlt_Account,imgAlt_Account_Main:e.imgAlt_Account,firstname_Account:e.firstname_Account,text_Account_Main:e.firstname_Account,onClick_Account:e.onClick_Account,onCLick_Account_Main:e.onClick_Account,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,onClick_Settings_Main:e.onClick_Settings_Main,text_Settings_Main:e.text_Settings_Main,onCLick_Logout:e.onCLick_Logout,text_Logout:e.text_Logout,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language}):r.default.createElement(At,{role:e.role,onClick_Login:e.onClick_Login,text_Login:e.text_Login,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language})),exports.On_Click_Card=e=>r.default.createElement(M,{variant_CardText:e.variant_CardText,onClick:e.onClick},e.icon||e.header||e.imgSmall?r.default.createElement("header",null,e.icon?r.default.createElement("figure",null,r.default.createElement(s,{Icon:e.icon})):e.imgSmall?r.default.createElement(C,null,r.default.createElement("img",{src:e.imgSmall})):r.default.createElement("span",null,e.header)):e.img?r.default.createElement("picture",null,r.default.createElement("img",{src:e.img})):null,e.title||e.subtitle?r.default.createElement("footer",null,e.title&&r.default.createElement("h2",null,e.title),e.subtitle&&r.default.createElement("h5",null,e.subtitle),e.children):null),exports.Page=Kt,exports.PageAlwaysVisible=Ut,exports.PageCards=oa,exports.PageDesktopOnly=Xt,exports.PageDesktopPadding=Jt,exports.PageForty=Ot,exports.PageSingle=Qt,exports.PageSingleHeader=ea,exports.PageSingleRight=aa,exports.PageSingleleft=ta,exports.PageSixty=qt,exports.PageSub=na,exports.PageSubActions=la,exports.PageSubTitle=ra,exports.PageTitle=Yt,exports.PageTools=Wt,exports.PageToolsCards=ia,exports.Radio_=e=>r.default.createElement(oe,{key:e.key},e.withInput?r.default.createElement(j,{placeholder:e.placeholder}):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text)),r.default.createElement(ie,{className:"RadioCircle"},r.default.createElement("input",{name:e.name,type:"radio",id:e.id,checked:e.checked}),r.default.createElement("span",{className:"RadioCustom"}),r.default.createElement(s,{Icon:"Sun",class_Icon:"RadioIcon"}))),exports.RegionContext=W,exports.Sidebar_=e=>r.default.createElement($t,null,e.children),exports.Sidebar_Box=e=>r.default.createElement(Tt,{onClick:e.onClick},r.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),r.default.createElement("picture",null,e.icon?r.default.createElement(s,{Icon:e.icon}):e.img?r.default.createElement("img",{src:e.img,alt:e.alt}):null)),exports.Slider=fa,exports.SliderContainer=xa,exports.SliderContext=Y,exports.SliderGrid=Ea,exports.SliderOverlay=pa,exports.SliderTitle=ya,exports.SliderWrapper=va,exports.Slider_=e=>r.default.createElement(Ft,{className:e.className},r.default.createElement(Ht,{className:"StoryBook_Fix2",onClick:e.onClick_Close}),r.default.createElement(Vt,null,r.default.createElement(Dt,null,r.default.createElement("h3",null,e.title),r.default.createElement(v,{text:e.done,iconRight:"Check",size:"normal",onClick:e.onClick})),r.default.createElement(jt,null,e.children))),exports.Steps=sa,exports.StepsActions=ga,exports.StepsComplete=ua,exports.StepsContainer=ma,exports.StepsCurrent=da,exports.StepsWrapper=ha,exports.Steps_=e=>r.default.createElement(zt,null,r.default.createElement(Pt,{steps:e.steps,currentStep:e.currentStep}),r.default.createElement(Bt,null,e.steps.map(((t,n)=>r.default.createElement(a.CSSTransition,{in:e.currentStep===n,timeout:500,unmountOnExit:!0,classNames:"Steps"},r.default.createElement(Gt,{className:"Steps"},t)))))),exports.Steps_Actions=e=>r.default.createElement(Nt,null,r.default.createElement(g,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),r.default.createElement(v,{iconRight:e.icon_Main,text:e.text_Main,onClick:e.onClick_Main})),exports.Textarea_=e=>{const[t,a]=r.default.useState(0);return r.default.createElement(ce,null,r.default.createElement(z,{placeholder:e.placeholder,rows:e.rows?e.rows:"5",onChange:e.onChange_Textarea?e.onChange_Textarea:e=>(e=>{a(e.target.value.length)})(e)},e.defaultValue),e.limit?r.default.createElement(se,{capped:t>e.limit}," ",r.default.createElement("span",null,t)," / ",e.limit):null,e.required?r.default.createElement(Z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,e.errors?r.default.createElement(I,{className:"ValidatorErrors"},e.errors.map((e=>r.default.createElement(R,null,r.default.createElement(s,{Icon:"Error"}),r.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?r.default.createElement(I,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(N,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e)))),e.tips.map((e=>r.default.createElement(T,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.tips?r.default.createElement(I,{className:"ValidatorHelpers"},e.tips.map((e=>r.default.createElement(T,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.helpers?r.default.createElement(I,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(N,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e))))):null)},exports.Theme=ca,exports.ThemeContext=J,exports.ThemeDark={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},exports.ThemeLight={id:"light",background:"var(--white)",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)"},exports.White_Plain=e=>r.default.createElement(E,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.device=b;
+`;exports.Builder_=e=>r.default.createElement(ae,{key:e.key},e.title?r.default.createElement("h4",null,e.title):null,e.children),exports.Card=w,exports.CardsForty=Ca,exports.CardsSixty=ba,exports.CardsTools=Ma,exports.Checkbox_=e=>r.default.createElement(ne,{key:e.key},e.withInput?r.default.createElement(le,{checked:e.checked},r.default.createElement(j,{placeholder:e.placeholder,disableInput:!e.checked})):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text_CheckboxLabel)),r.default.createElement(re,{className:"Check"},r.default.createElement("input",{type:"checkbox",id:e.id,checked:e.checked,onClick:e.onClick}),r.default.createElement("span",{className:"CheckCustom"}),r.default.createElement(s,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.Confirmation_=e=>r.default.createElement(L,null,r.default.createElement(S,null,r.default.createElement("h4",null,e.message),r.default.createElement(A,null,r.default.createElement(v,{onClick:e.onClick_Main,iconLeft:e.icon_Main,text:e.text_Main}),r.default.createElement(x,{onClick:e.onClick_MainPlain,iconLeft:e.icon_MainPlain,text:e.text_MainPlain})))),exports.Cta_=c,exports.Delete_Plain=_,exports.Dropdown_=O,exports.Edit_=e=>r.default.createElement(d,{size:"normal",onClick:e.onClick},r.default.createElement(s,{Icon:e.icon})),exports.Elastic_Search=t=>{let a={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:[t.suggestionType]},n=t.json_File;const[l,o]=e.useState({query:"",file:n,notfoundmessage:!1,defaultValue:t.defaultValue}),[i,c]=e.useState(!1),[d,u]=e.useState(0),[m,h]=e.useState(t.list),g=e=>{t.onSuggestions(e),o({...l,query:"",defaultValue:"string"==typeof e?e:e[t.suggestionType]})},f=e=>{"ArrowUp"==e.key&&(e.preventDefault(),u(0===d?i.length-1:d-1)),"ArrowDown"==e.key&&(e.preventDefault(),d===i.length-1?u(0):u(d+1)),e.key&&"Enter"===e.key&&(e.preventDefault(),g("string"==typeof i[d]?i[d]:i[d][t.suggestionType]))};return e.useEffect((()=>{a.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new Je(n,a);let r=l.query?e.search(l.query):n;r=r.slice(0,t.size),c(r)}),[l]),e.useEffect((()=>{t.getInput&&i?.length>0?t.getInput(i[0]?.item):t.getSuggestions&&i?.length>0&&l.query.length?t.getSuggestions(i):t.getSuggestions&&!l.query.length&&t.getSuggestions([])}),[i]),r.default.createElement(Qe,null,r.default.createElement(et,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:a={}}=e,{value:n=""}=a;let r=Ye.toGreek(n);o({...l,query:t.sanitize?r:n})},defaultValue:l.defaultValue,onKeyPress:e=>f(e),onKeyDown:e=>f(e),list:t.list}),r.default.createElement(tt,null,t.placeholder),t.required?r.default.createElement(Z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,t.list?r.default.createElement(v,{size:"small",text:t.add,iconLeft:"Add",className:"FormAddButton",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.push(e),t.updateItemList(a),h(a)})(t.value)}):null,l.query&&i?r.default.createElement(at,null,i.slice(0,6).map(((e,a)=>r.default.createElement("li",{className:a===d%i.length?"ElasticSelected":"",key:a,onClick:()=>g(e?.item?e.item[t.suggestionType]:e[t.suggestionType])},r.default.createElement("p",null,e?.item?e.item[t.suggestionType]:e[t.suggestionType]))))):null,t.list?r.default.createElement(nt,null,r.default.createElement("h5",null,t.listItemTitle),m.map(((e,a)=>r.default.createElement("li",{key:a},r.default.createElement(s,{Icon:t.icon_ListItem}),r.default.createElement("h6",null,e),r.default.createElement(_,{variant_Size:"small",icon_Left:"Delete",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.splice(e,1),t.updateItemList(a),h(a)})(a)}))))):null)},exports.Focus_=e=>r.default.createElement(u,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Focus_Plain=e=>r.default.createElement(m,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Form=G,exports.FormGroup=V,exports.FormInput=F,exports.FormLabel=H,exports.FormList=D,exports.Grey_=g,exports.Grey_Link=e=>r.default.createElement(f,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.HamContext=X,exports.IconSvg=s,exports.Input_=j,exports.Input_Phone=t=>{const{region:a}=e.useContext(W);return r.default.createElement(Q,null,r.default.createElement(ee,null,r.default.createElement(O,null,r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},"Greece"===a?r.default.createElement("option",{selected:!0},"🇬🇷 +30"):"Deutschland"===a?r.default.createElement("option",{selected:!0},"🇩🇪 +49"):r.default.createElement("option",{selected:!0},"🇬🇷 +30"))),r.default.createElement(O,{items:t.array_PhoneDropdown})),r.default.createElement(j,{placeholder:t.text_PhonePlaceholder,required:t.required,list:t.array_PhoneList,icon_ListItem:t.icon_PhoneList}))},exports.Input_Phone_Register=t=>{const{region:a}=e.useContext(W);return r.default.createElement(te,null,r.default.createElement(O,null,"Greece"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49")):"Deutschland"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇩🇪 +49"),r.default.createElement("option",null,"🇬🇷 +30")):r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49"))),r.default.createElement(j,{class_Input:t.class_Input,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown}))},exports.LangContext=q,exports.Main_=v,exports.Main_Plain=x,exports.MenuContext=U,exports.Nav_=e=>r.default.createElement(It,null,r.default.createElement(ot,{onClick_Logo:e.onClick_Logo}),r.default.createElement(ct,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?r.default.createElement(bt,{role:e.role,img_Account:e.img_Account,img_Account_Main:e.img_Account,imgAlt_Account:e.imgAlt_Account,imgAlt_Account_Main:e.imgAlt_Account,firstname_Account:e.firstname_Account,text_Account_Main:e.firstname_Account,onClick_Account:e.onClick_Account,onCLick_Account_Main:e.onClick_Account,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,onClick_Settings_Main:e.onClick_Settings_Main,text_Settings_Main:e.text_Settings_Main,onCLick_Logout:e.onCLick_Logout,text_Logout:e.text_Logout,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language}):r.default.createElement(At,{role:e.role,onClick_Login:e.onClick_Login,text_Login:e.text_Login,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language})),exports.On_Click_Card=e=>r.default.createElement(M,{variant_CardText:e.variant_CardText,onClick:e.onClick},e.icon||e.header||e.imgSmall?r.default.createElement("header",null,e.icon?r.default.createElement("figure",null,r.default.createElement(s,{Icon:e.icon})):e.imgSmall?r.default.createElement(C,null,r.default.createElement("img",{src:e.imgSmall})):r.default.createElement("span",null,e.header)):e.img?r.default.createElement("picture",null,r.default.createElement("img",{src:e.img})):null,e.title||e.subtitle?r.default.createElement("footer",null,e.title&&r.default.createElement("h2",null,e.title),e.subtitle&&r.default.createElement("h5",null,e.subtitle),e.children):null),exports.Page=Kt,exports.PageAlwaysVisible=Jt,exports.PageCards=ca,exports.PageDesktopOnly=Yt,exports.PageDesktopPadding=Qt,exports.PageForty=Ot,exports.PageSingle=ta,exports.PageSingleHeader=aa,exports.PageSingleRight=ra,exports.PageSingleleft=na,exports.PageSixty=qt,exports.PageSub=la,exports.PageSubActions=ia,exports.PageSubTitle=oa,exports.PageTitle=ea,exports.PageTools=Wt,exports.PageToolsCards=sa,exports.PageToolsForty=Xt,exports.PageToolsSixty=Ut,exports.Radio_=e=>r.default.createElement(oe,{key:e.key},e.withInput?r.default.createElement(j,{placeholder:e.placeholder}):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text)),r.default.createElement(ie,{className:"RadioCircle"},r.default.createElement("input",{name:e.name,type:"radio",id:e.id,checked:e.checked}),r.default.createElement("span",{className:"RadioCustom"}),r.default.createElement(s,{Icon:"Sun",class_Icon:"RadioIcon"}))),exports.RegionContext=W,exports.Sidebar_=e=>r.default.createElement($t,null,e.children),exports.Sidebar_Box=e=>r.default.createElement(Tt,{onClick:e.onClick},r.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),r.default.createElement("picture",null,e.icon?r.default.createElement(s,{Icon:e.icon}):e.img?r.default.createElement("img",{src:e.img,alt:e.alt}):null)),exports.Slider=va,exports.SliderContainer=ka,exports.SliderContext=Y,exports.SliderGrid=_a,exports.SliderOverlay=ya,exports.SliderTitle=Ea,exports.SliderWrapper=xa,exports.Slider_=e=>r.default.createElement(Ft,{className:e.className},r.default.createElement(Ht,{className:"StoryBook_Fix2",onClick:e.onClick_Close}),r.default.createElement(Vt,null,r.default.createElement(Dt,null,r.default.createElement("h3",null,e.title),r.default.createElement(v,{text:e.done,iconRight:"Check",size:"normal",onClick:e.onClick})),r.default.createElement(jt,null,e.children))),exports.Steps=ua,exports.StepsActions=pa,exports.StepsComplete=ha,exports.StepsContainer=ga,exports.StepsCurrent=ma,exports.StepsWrapper=fa,exports.Steps_=e=>r.default.createElement(zt,null,r.default.createElement(Pt,{steps:e.steps,currentStep:e.currentStep}),r.default.createElement(Bt,null,e.steps.map(((t,n)=>r.default.createElement(a.CSSTransition,{in:e.currentStep===n,timeout:500,unmountOnExit:!0,classNames:"Steps"},r.default.createElement(Gt,{className:"Steps"},t)))))),exports.Steps_Actions=e=>r.default.createElement(Nt,null,r.default.createElement(g,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),r.default.createElement(v,{iconRight:e.icon_Main,text:e.text_Main,onClick:e.onClick_Main})),exports.Textarea_=e=>{const[t,a]=r.default.useState(0);return r.default.createElement(ce,null,r.default.createElement(z,{placeholder:e.placeholder,rows:e.rows?e.rows:"5",onChange:e.onChange_Textarea?e.onChange_Textarea:e=>(e=>{a(e.target.value.length)})(e)},e.defaultValue),e.limit?r.default.createElement(se,{capped:t>e.limit}," ",r.default.createElement("span",null,t)," / ",e.limit):null,e.required?r.default.createElement(Z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,e.errors?r.default.createElement(I,{className:"ValidatorErrors"},e.errors.map((e=>r.default.createElement(R,null,r.default.createElement(s,{Icon:"Error"}),r.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?r.default.createElement(I,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(N,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e)))),e.tips.map((e=>r.default.createElement(T,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.tips?r.default.createElement(I,{className:"ValidatorHelpers"},e.tips.map((e=>r.default.createElement(T,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.helpers?r.default.createElement(I,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(N,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e))))):null)},exports.Theme=da,exports.ThemeContext=J,exports.ThemeDark={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},exports.ThemeLight={id:"light",background:"var(--white)",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)"},exports.White_Plain=e=>r.default.createElement(E,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.device=b;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.4.5",
+  "version": "3.4.7",
   "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/export/components/card/On_Click_Card.js

@@ -12,7 +12,7 @@ const OnClickCard = styled(Card)`
         display: flex;
         align-items: center;
         justify-content: center;
-        background: ${p => p.theme.low};
+        background: ${p => p.theme.mid};
 
         figure{
             background: ${p => p.theme.background};
@@ -21,7 +21,7 @@ const OnClickCard = styled(Card)`
 
             svg{
                 width: 5rem;
-                fill: ${p => p.theme.low};
+                fill: ${p => p.theme.mid};
             }
         }
     }
@@ -76,11 +76,6 @@ const OnClickSmallImg = styled.div`
     }
 `
 
-const JobCard = styled.div`
-    display: flex;
-    gap: 1rem;
-`
-
 export const On_Click_Card = (props) => {
   return (
     <OnClickCard variant_CardText={props.variant_CardText} onClick={props.onClick}>

package/src/export/styles/Page.js

@@ -24,7 +24,7 @@ export const PageForty = styled.div`
 
 export const PageSixty = styled.div`
     display: grid;
-    grid-template-columns: 1fr 40%;
+    grid-template-columns: 1fr minmax(40rem, 40%);
     grid-gap: 4rem;
     padding: 0 4rem;
 
@@ -37,6 +37,28 @@ export const PageTools = styled.div`
     padding: 0 4rem 2rem 13rem;
 `
 
+export const PageToolsSixty = styled.div`
+    display: grid;
+    grid-template-columns: 1fr minmax(40rem, 40%);
+    grid-gap: 4rem;
+    padding: 0 4rem 2rem 13rem;
+
+    @media ${device.md} {
+        grid-template-columns: 1fr;
+    }
+`
+
+export const PageToolsForty = styled.div`
+    display: grid;
+    grid-template-columns: minmax(40rem, 40%) 1fr;
+    grid-gap: 4rem;
+    padding: 0 4rem 2rem 13rem;
+
+    @media ${device.md} {
+        grid-template-columns: 1fr;
+    }
+`
+
 export const PageAlwaysVisible = styled.div`
     width: 100%;
 `

package/src/export/svg/IconSvg.js

@@ -17,7 +17,7 @@ export const IconSvg = (props) => {
         case "Xicon": return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="none" d="M0 0h500v500H0z"/><path d="m296.76 250 124.92-124.94c6.22-6.21 9.65-14.51 9.65-23.38s-3.43-17.17-9.65-23.37c-3.09-3.09-6.69-5.5-10.7-7.16a33.338 33.338 0 0 0-12.67-2.48c-8.88 0-17.18 3.42-23.37 9.63L250 203.24 125.07 78.31a33.18 33.18 0 0 0-10.73-7.15c-4.01-1.66-8.38-2.54-12.65-2.54-8.71 0-17.23 3.53-23.37 9.69-6.22 6.22-9.65 14.52-9.65 23.37s3.43 17.17 9.65 23.37l124.93 124.94L78.33 374.93c-6.22 6.21-9.65 14.51-9.65 23.38s3.42 17.16 9.63 23.37c6.16 6.16 14.68 9.69 23.39 9.69s17.23-3.53 23.37-9.69l124.94-124.94 124.94 124.94c6.16 6.16 14.68 9.69 23.37 9.69s17.14-3.44 23.37-9.69c6.22-6.22 9.65-14.52 9.65-23.37s-3.43-17.17-9.65-23.38L296.77 249.99Z"/></svg>
 
         case "Check": return <svg className={props.class_Icon} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="none" d="M0 0h500v500H0z"/><path d="M498.35 102.81c.05 11.25-4.52 22.19-12.49 30.01l-.23.21c-51.47 51.6-96.64 99.19-140.37 145.24l-.8.83c-44.17 46.54-89.86 94.65-142.62 147.52-7.43 7.46-17.34 11.82-27.91 12.28-10.52.49-20.82-3.1-28.84-9.9L17.83 321.33l-.31-.24c-8.85-7.04-14.55-17.51-15.68-28.71-1.08-11.23 2.47-22.6 9.75-31.21 7.25-8.59 17.86-13.95 29.12-14.73.93-.07 1.86-.1 2.79-.1 10.29 0 20.4 3.85 28.07 10.76l11.95 10.73.33-.36 85.4 72.26 10.96-11.2c33.67-34.47 65.74-68.08 96.77-100.59l2.63-2.76c45.49-47.7 92.52-97 146.58-151.18l.33-.33c7.61-7.81 17.82-12.28 28.69-12.61l1.21-.02c10.83 0 21.47 4.31 29.2 11.81 4.03 3.9 7.22 8.59 9.37 13.68a41.514 41.514 0 0 1 3.36 16.26Z"/></svg>
-
+        
         case "Next": return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 502.59 499.76"><g data-name="Layer 2"><g data-name="Layer 1"><path d="m131.11 411.67.1-.09 151.72-158L132 96.38a44.18 44.18 0 0 1 32.68-76.32c11.77.64 23.35 6.18 30.23 14.45l.11.12L376 223.07a44 44 0 0 1 12 36.24l-.1.49a44.19 44.19 0 0 1-11.9 24.27L196 471.43l-.05.07a44.08 44.08 0 0 1-31.26 15.6h-.16c-.8 0-1.55.08-2.32.08A44.24 44.24 0 0 1 118 442.93c0-11.93 4.92-23.64 13.11-31.26Z"/><path fill="none" d="M0 0h502.59v499.76H0z"/></g></g></svg>
         
         case "Warning": return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M250 0C111.93 0 0 111.93 0 250s111.93 250 250 250 250-111.93 250-250S388.07 0 250 0Zm117.97 337.97c3.99 3.98 6.18 9.31 6.18 15s-2.2 11.02-6.18 15c-4 4.01-9.33 6.22-15 6.22s-11.05-2.27-15-6.22L250 280l-87.97 87.97c-3.95 3.95-9.42 6.22-15 6.22s-11.05-2.27-15-6.22c-3.99-3.98-6.18-9.31-6.18-15s2.2-11.02 6.18-15L220 250l-87.97-87.97c-3.99-3.98-6.18-9.31-6.18-15s2.2-11.02 6.18-15c3.95-3.95 9.42-6.22 15-6.22s11.05 2.27 15 6.22L250 220l87.97-87.97c3.98-3.99 9.31-6.18 15-6.18 5.69 0 11.01 2.2 15 6.18 3.99 3.98 6.18 9.31 6.18 15s-2.2 11.02-6.18 15L280 250l87.97 87.97Z"/></svg>
@@ -72,6 +72,8 @@ export const IconSvg = (props) => {
 
         case "Location": return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M250 476.5a9.94 9.94 0 0 0 7.63-3.58c6.52-7.85 159.44-192.97 159.44-282.34S342.13 23.5 250 23.5 82.93 98.46 82.93 190.57s152.91 274.5 159.43 282.35a9.97 9.97 0 0 0 7.63 3.58Zm0-355.36c34.81 0 63.14 28.32 63.14 63.14s-28.32 63.14-63.14 63.14-63.14-28.32-63.14-63.14 28.32-63.14 63.14-63.14Z"/><path fill="none" d="M0 0h500v500H0z"/></svg>
         
+        //MICROS
+
         default: return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 323.35 324.14"><g data-name="Layer 2"><g data-name="Layer 1"><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"/></g></g></svg>
     }
 }