quicksnack 3.34.1 → 3.34.2

package/dist/bundle.min.js

@@ -13,14 +13,14 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}const c="rgba(0,0,0,.87)",d="#fff",p=(e,t,o)=>Object.entries(t).reduce(((t,[n,a])=>Object.assign(Object.assign({},t),{[n]:o.includes(n)?r.shade(e,a):a})),t),m=e=>{var{colorsToDarken:t}=e,r=s(e,["colorsToDarken"]);return{idle:r,hover:p(.1,r,t),active:p(.2,r,t)}},u=e=>({main:{idle:e,hover:p(.05,e,["background"])},alternate:{idle:p(.02,e,["background"]),hover:p(.05,e,["background"])}}),h={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:c,white:d},colors:{blue:"#007bff",indigo:"#6610f2",purple:"#6f42c1",pink:"#e83e8c",red:"#e83e3e",orange:"#fd7e14",yellow:"#ffc107",green:"#23B294",teal:"#20c997",cyan:"#17a2b8",gray:"#6c757d",grayDark:"#343a40",light:"#f8f9fa",dark:"#343a40"},form:{hint:"#C7C7C7",error:"#9f3a38"},button:{basic:m({colorsToDarken:["background","text"],background:d,text:c}),default:m({colorsToDarken:["background","text"],background:"#e0e1e2",text:c}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:c,background:"transparent"},hover:{text:c,background:"transparent"}},danger:m({colorsToDarken:["background"],background:"#EC5969",text:d}),primary:m({colorsToDarken:["background"],background:"#2284C4",text:d}),secondary:m({colorsToDarken:["background"],background:"#23B294",text:d})},pane:{basic:u({text:c,background:d,border:"#ddd"}),emphasized:u({text:c,background:"#f3f3f3",border:"#ddd"}),info:u({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:u({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:u({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:u({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},g=t.ThemeProvider,f=({children:t,theme:r})=>e.createElement(g,{theme:r||h},t),b=()=>{},x=e.createContext({isSideMenuOpen:!1,closeSideMenu:b,openSideMenu:b}),v=()=>e.useContext(x),w=({children:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>o(!1)),[]),a=e.useCallback((()=>o(!0)),[]);return e.createElement(x.Provider,{value:{isSideMenuOpen:r,closeSideMenu:n,openSideMenu:a}},t)},k=t.div`
+function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}const c="rgba(0,0,0,.87)",d="#fff",p=(e,t,o)=>Object.entries(t).reduce(((t,[n,a])=>Object.assign(Object.assign({},t),{[n]:o.includes(n)?r.shade(e,a):a})),t),m=e=>{var{colorsToDarken:t}=e,r=s(e,["colorsToDarken"]);return{idle:r,hover:p(.1,r,t),active:p(.2,r,t)}},u=e=>({main:{idle:e,hover:p(.05,e,["background"])},alternate:{idle:p(.02,e,["background"]),hover:p(.05,e,["background"])}}),h={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:c,white:d},colors:{blue:"#007bff",indigo:"#6610f2",purple:"#6f42c1",pink:"#e83e8c",red:"#e83e3e",orange:"#fd7e14",yellow:"#ffc107",green:"#23B294",teal:"#20c997",cyan:"#17a2b8",gray:"#6c757d",grayDark:"#343a40",light:"#f8f9fa",dark:"#343a40"},form:{hint:"#C7C7C7",error:"#9f3a38"},button:{basic:m({colorsToDarken:["background","text"],background:d,text:c}),default:m({colorsToDarken:["background","text"],background:"#e0e1e2",text:c}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:c,background:"transparent"},hover:{text:c,background:"transparent"}},danger:m({colorsToDarken:["background"],background:"#EC5969",text:d}),primary:m({colorsToDarken:["background"],background:"#2284C4",text:d}),secondary:m({colorsToDarken:["background"],background:"#23B294",text:d})},pane:{basic:u({text:c,background:d,border:"#ddd"}),emphasized:u({text:c,background:"#f3f3f3",border:"#ddd"}),info:u({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:u({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:u({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:u({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},g=t.ThemeProvider,f=({children:t,theme:r})=>e.createElement(g,{theme:r||h},t),b=()=>{},x=e.createContext({isSideMenuOpen:!1,closeSideMenu:b,openSideMenu:b}),y=()=>e.useContext(x),v=({children:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>o(!1)),[]),a=e.useCallback((()=>o(!0)),[]);return e.createElement(x.Provider,{value:{isSideMenuOpen:r,closeSideMenu:n,openSideMenu:a}},t)},w=t.styled.div`
   display: flex;
   flex-direction: column;
   height: 100%;
   font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
   color: ${e=>e.theme.palette.common.black};
   font-size: 14px;
-`,$=t.keyframes`
+`,k=t.keyframes`
   0% {
     opacity: 0;
     transform: translateY(-5px);
@@ -29,30 +29,30 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     opacity: 1;
     transform: translateY(0);
   }
-`,E=t.div.withConfig({shouldForwardProp:o})`
-  animation: ${$} ${e=>e.speed||".3s"} ease-in 0s 1;
-`,y=t.css`
+`,$=t.styled.div.withConfig({shouldForwardProp:o})`
+  animation: ${k} ${e=>e.speed||".3s"} ease-in 0s 1;
+`,E=t.css`
   margin: 0 0;  
   padding: 0 0;
   font-weight: 700;
   line-height: 1.28571429em;    
-`,C={1:t.h1.withConfig({shouldForwardProp:o})`
+`,C={1:t.styled.h1.withConfig({shouldForwardProp:o})`
   font-size: 2rem;
   min-height: 1rem;
-  ${y}
-`,2:t.h2.withConfig({shouldForwardProp:o})`
+  ${E}
+`,2:t.styled.h2.withConfig({shouldForwardProp:o})`
   font-size: 1.71428571rem;
-  ${y}
-`,3:t.h3.withConfig({shouldForwardProp:o})`
+  ${E}
+`,3:t.styled.h3.withConfig({shouldForwardProp:o})`
   font-size: 1.28571429rem;
-  ${y}
-`,4:t.h4.withConfig({shouldForwardProp:o})`
+  ${E}
+`,4:t.styled.h4.withConfig({shouldForwardProp:o})`
   font-size: 1.07142857rem;
-  ${y}
-`,5:t.h5.withConfig({shouldForwardProp:o})`
+  ${E}
+`,5:t.styled.h5.withConfig({shouldForwardProp:o})`
   font-size: 1rem;
-  ${y}
-`},F=t=>{var{level:r=1}=t,o=s(t,["level"]);const n=C[r];return e.createElement(n,Object.assign({},o))},O=t.p`
+  ${E}
+`},F=t=>{var{level:r=1}=t,o=s(t,["level"]);const n=C[r];return e.createElement(n,Object.assign({},o))},O=t.styled.p`
     font-size: 14px;
     line-height: 20px;
     // margin: 0 0 1em;
@@ -61,16 +61,16 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   @media screen and (min-width: ${j[e]}px) {
     ${r}        
   }        
-`,D=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of P)if(t.includes(e))return!0;return!1},M=(e,t)=>{const r=Object.entries(t).filter((([t])=>void 0!==e[t]&&!D(e[t]))).map((([t,r])=>r(e[t])));return[P.map((r=>{const o=Object.entries(t).filter((([t])=>{var o;return void 0!==(null===(o=null==e?void 0:e[t])||void 0===o?void 0:o[r])})).map((([t,o])=>o(e[t][r])));return o.length>0?S(r,o):void 0})).filter((e=>void 0!==e)),...r]},z=t.div.withConfig({shouldForwardProp:o})`
+`,D=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of P)if(t.includes(e))return!0;return!1},M=(e,t)=>{const r=Object.entries(t).filter((([t])=>void 0!==e[t]&&!D(e[t]))).map((([t,r])=>r(e[t])));return[P.map((r=>{const o=Object.entries(t).filter((([t])=>{var o;return void 0!==(null===(o=null==e?void 0:e[t])||void 0===o?void 0:o[r])})).map((([t,o])=>o(e[t][r])));return o.length>0?S(r,o):void 0})).filter((e=>void 0!==e)),...r]},z=t.styled.div.withConfig({shouldForwardProp:o})`
   box-sizing: border-box;
   
   ${e=>M(e,{p:r=>t.css`padding: ${e.theme.spacing(r)};`,pt:r=>t.css`padding-top: ${e.theme.spacing(r)};`,pr:r=>t.css`padding-right: ${e.theme.spacing(r)};`,pb:r=>t.css`padding-bottom: ${e.theme.spacing(r)};`,pl:r=>t.css`padding-left: ${e.theme.spacing(r)};`,m:r=>t.css`margin: ${e.theme.spacing(r)};`,mt:r=>t.css`margin-top: ${e.theme.spacing(r)};`,mr:r=>t.css`margin-right: ${e.theme.spacing(r)};`,mb:r=>t.css`margin-bottom: ${e.theme.spacing(r)};`,ml:r=>t.css`margin-left: ${e.theme.spacing(r)};`,display:e=>t.css`display: ${e};`,flexGrow:e=>t.css`flex-grow: ${e};`,flexShrink:e=>t.css`flex-shrink: ${e};`,flexDirection:e=>t.css`flex-direction: ${e};`,alignItems:e=>t.css`align-items: ${e};`,textAlign:e=>t.css`text-align: ${e};`,justifyContent:e=>t.css`justify-content: ${e};`,width:r=>t.css`width: ${"number"==typeof r?e.theme.spacing(r):r};`})}
-`,A=t.div.withConfig({shouldForwardProp:o})`
+`,A=t.styled.div.withConfig({shouldForwardProp:o})`
   border-radius: 4px;     
   border: 1px solid ${e=>e.theme.palette.pane[e.variant].main.idle.border};
   background-color: ${e=>e.theme.palette.pane[e.variant].main.idle.background};      
   color: ${e=>e.theme.palette.pane[e.variant].main.idle.text};      
-`,L="#20c997",T=t.g`
+`,L="#20c997",T=t.styled.g`
     fill: none; 
     stroke: ${L};    
     stroke-width: 10;
@@ -81,7 +81,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     100% {
         stroke-dashoffset: 0px
     }
-`,N=t.polyline`
+`,N=t.styled.polyline`
     stroke-dasharray: 100px, 100px;
     stroke-dashoffset: 200px;
     animation: ${R} 0.42s ease-in-out 0.8s backwards;
@@ -94,7 +94,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     100% {
         stroke-dashoffset: 960px
     }
-`,B=t.circle`
+`,B=t.styled.circle`
     stroke-dasharray: 480px, 480px; 
     stroke-dashoffset: 960px;
     animation: ${H} 0.6s ease-in-out backwards;
@@ -107,17 +107,17 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     100% { 
         opacity:100; 
     }
-`,I=t.circle`
+`,I=t.styled.circle`
     stroke-dasharray: 480px, 480px; 
     stroke-dashoffset: 960px;
     animation: ${G} 1.2s ease-in-out 1.4s backwards;
     fill: #effaf8;    
-`,q=()=>e.createElement("svg",{viewBox:"0 0 154 154"},e.createElement(T,null,e.createElement(B,{cx:"77",cy:"77",r:"72"}),e.createElement(I,{cx:"77",cy:"77",r:"72"}),e.createElement(N,{points:"43.5,77.8 63.7,97.9 112.2,49.4"}))),V=t.ul`
+`,q=()=>e.createElement("svg",{viewBox:"0 0 154 154"},e.createElement(T,null,e.createElement(B,{cx:"77",cy:"77",r:"72"}),e.createElement(I,{cx:"77",cy:"77",r:"72"}),e.createElement(N,{points:"43.5,77.8 63.7,97.9 112.2,49.4"}))),V=t.styled.ul`
   list-style: none;
   padding: 0;
   margin: 0;
   display:flex;
-`,W=t.li`
+`,W=t.styled.li`
   display: flex;  
  
   &:not(:last-of-type):after {    
@@ -128,15 +128,15 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     margin: auto auto;
     padding: ${e=>e.theme.spacing(0,2,0,0)};
   }
-`,U=t.div`       
+`,U=t.styled.div`       
   background-color: ${e=>e.theme.palette.common.white};
   border-radius: 4px;
   border: 1px solid #DEDEDF;
   box-shadow: 0px 2px 3px rgb(0 0 0 / 6%);      
-`,Y=t(z)`       
+`,Y=t.styled(z)`       
   font-size: 12px;
   font-style: italic;              
-`,_=t(z)`
+`,_=t.styled(z)`
   ${e=>e.panelHasChildren&&t.css`
     border-radius: 4px;   
     border-bottom: 1px solid rgba(34,36,38,.15);
@@ -146,22 +146,22 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     cursor: pointer;
     user-select: none;
   `}        
-`,X=t(z)`  
+`,X=t.styled(z)`  
   border-radius: 4px;   
   background-color: #FFF;
   border-top: 1px solid rgba(34,36,38,.15);
-`,J=({children:t,className:r,title:o,titleAction:n,titleMeta:a,onClickTitle:i,footer:l,p:s=3,titleLevel:c=5})=>e.createElement(U,{className:r},o&&e.createElement(_,{p:3,panelHasChildren:!!t,display:"flex",alignItems:"center",onClick:i},e.createElement(z,{flexGrow:1},e.createElement(F,{level:c},o)),a&&e.createElement(Y,null,a),n&&e.createElement(z,{pl:5},n)),t&&e.createElement(z,{p:s},t),l&&e.createElement(X,{p:3},l)),Z=t.div.withConfig({shouldForwardProp:o})`                
+`,J=({children:t,className:r,title:o,titleAction:n,titleMeta:a,onClickTitle:i,footer:l,p:s=3,titleLevel:c=5})=>e.createElement(U,{className:r},o&&e.createElement(_,{p:3,panelHasChildren:!!t,display:"flex",alignItems:"center",onClick:i},e.createElement(z,{flexGrow:1},e.createElement(F,{level:c},o)),a&&e.createElement(Y,null,a),n&&e.createElement(z,{pl:5},n)),t&&e.createElement(z,{p:s},t),l&&e.createElement(X,{p:3},l)),Z=t.styled.div.withConfig({shouldForwardProp:o})`                
   transform: ${e=>e.isOpen?"translate(0)":"translateY(-101%)"};  
   transition-duration: ${e=>e.duration||.25}s;  
   transition-property: transform;     
 }
-`,K=t.div`
+`,K=t.styled.div`
   overflow: hidden;
-`,Q=t.div.withConfig({shouldForwardProp:o})`
+`,Q=t.styled.div.withConfig({shouldForwardProp:o})`
    display: ${e=>e.isHidden?"none":"block"};
-`,ee=({isOpen:t,children:r,duration:o,onChange:n})=>{const a=(t=>{const[r,o]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>o(t)),0);return()=>clearTimeout(e)}),[t,o]),r})(t),[i,l]=e.useState(!t),s=e.useCallback((()=>{t||(l(!0),null==n||n(!1))}),[t,n]);return e.useEffect((()=>{t&&(l(!1),null==n||n(!0))}),[t,n]),e.createElement(K,null,e.createElement(Z,{isOpen:a,onTransitionEndCapture:s,duration:o},e.createElement(Q,{isHidden:i},r)))},te=t.div.withConfig({shouldForwardProp:o})`
+`,ee=({isOpen:t,children:r,duration:o,onChange:n})=>{const a=(t=>{const[r,o]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>o(t)),0);return()=>clearTimeout(e)}),[t,o]),r})(t),[i,l]=e.useState(!t),s=e.useCallback((()=>{t||(l(!0),null==n||n(!1))}),[t,n]);return e.useEffect((()=>{t&&(l(!1),null==n||n(!0))}),[t,n]),e.createElement(K,null,e.createElement(Z,{isOpen:a,onTransitionEndCapture:s,duration:o},e.createElement(Q,{isHidden:i},r)))},te=t.styled.div.withConfig({shouldForwardProp:o})`
   transform: scaleY( ${e=>e.isOpen?"-1":"1"} );
-`,re=t(J)`
+`,re=t.styled(J)`
    ${e=>!e.isOpen&&t.css`border-bottom: 0;`}
 `,oe=t=>{var{isInitiallyOpen:r,children:o,titleAction:n}=t,a=s(t,["isInitiallyOpen","children","titleAction"]);const[i,l]=e.useState(r),c=e.useCallback((()=>l(!i)),[l,i]);return e.createElement(re,Object.assign({},a,{isOpen:i,onClickTitle:c,p:0,titleAction:e.createElement(te,{isOpen:i},n)}),e.createElement(ee,{isOpen:i},e.createElement(z,{p:3},o)))},ne=t.keyframes`
   0% {
@@ -170,7 +170,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   100% {
     opacity: 1;
   }
-`,ae=t.div`
+`,ae=t.styled.div`
   position: fixed;  
   top: 0;
   left: 0; 
@@ -180,7 +180,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   opacity: 0;
   background-color: rgba(0,0,0,0.6);
   animation: ${ne} 0.2s forwards;
-`,ie=t.div`
+`,ie=t.styled.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -192,15 +192,15 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   justify-content: center;
   
   z-index: 50;
-`,le=t(J)`
+`,le=t.styled(J)`
   box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
-`,se=t.div`
+`,se=t.styled.div`
   line-height: ${e=>e.theme.spacing(6)};
   font-size: 15px;
-`,ce=t=>{var{children:r,handleClickOverlay:o,buttons:n}=t,a=s(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(ae,{onClick:o}),e.createElement(ie,null,e.createElement(E,null,e.createElement(le,Object.assign({footer:n?e.createElement(z,{display:"flex",justifyContent:"flex-end"},n):void 0},a),r&&e.createElement(se,null,r)))))},de=t.div.withConfig({shouldForwardProp:o})`
+`,ce=t=>{var{children:r,handleClickOverlay:o,buttons:n}=t,a=s(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(ae,{onClick:o}),e.createElement(ie,null,e.createElement($,null,e.createElement(le,Object.assign({footer:n?e.createElement(z,{display:"flex",justifyContent:"flex-end"},n):void 0},a),r&&e.createElement(se,null,r)))))},de=t.styled.div.withConfig({shouldForwardProp:o})`
   ${e=>e.stretch&&"width: 100%;"}
   ${e=>e.actionButton||e.stretch?t.css`margin: 0;`:t.css`margin: ${e=>e.theme.spacing(0,2,0,0)};`}      
-`,pe=t.button.withConfig({shouldForwardProp:o})`
+`,pe=t.styled.button.withConfig({shouldForwardProp:o})`
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;    
@@ -243,7 +243,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   ${e=>{if("basic"===e.variant)return"\n        border: 1px solid rgba(34,36,38,.15);\n      "}}
           
   ${e=>{var t;const{idle:r,hover:o,active:n}=h.palette.button[null!==(t=e.variant)&&void 0!==t?t:"default"];return`\n        color: ${r.text};\n        background-color: ${r.background};        \n        \n        &:not(:disabled) {\n          &:hover, &:focus {\n            color: ${o.text};\n            background-color: ${o.background};        \n          }        \n  \n          &:active {\n            color: ${n.text};\n            background-color: ${n.background};        \n          } \n        }\n                      \n    `}}        
-`,me=t.span.withConfig({shouldForwardProp:o})`
+`,me=t.styled.span.withConfig({shouldForwardProp:o})`
   ${e=>"text"!==e.variant&&t.css`
      min-width: ${e.theme.spacing(10)};
   `}
@@ -265,20 +265,20 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
         left: 50%;
       }
   `}          
-`,ue=e.forwardRef(((t,r)=>{var{children:o,icon:n,stretch:a}=t,i=s(t,["children","icon","stretch"]);return e.createElement(de,{actionButton:i.actionButton,stretch:a},e.createElement(pe,Object.assign({ref:r,icon:n,hasChildren:!!o,stretch:a},i),n&&e.createElement(me,{variant:i.variant,hasChildren:!!o},n),o))})),he=({title:t,children:r,cancelLabel:o="Nee, annuleren",confirmLabel:n="Ja",confirmVariant:a="secondary",confirmIcon:i,cancelIcon:l,isOpen:s,onCancel:c,onConfirm:d})=>s?e.createElement(ce,{title:t,handleClickOverlay:c,buttons:e.createElement(e.Fragment,null,e.createElement(ue,{"data-testid":"btn-cancel",onClick:c,variant:"basic",icon:l},o),e.createElement(ue,{"data-testid":"btn-confirm",onClick:d,variant:a,icon:i},n))},r):null,ge=()=>{},fe=t.table.withConfig({shouldForwardProp:o})`
+`,ue=e.forwardRef(((t,r)=>{var{children:o,icon:n,stretch:a}=t,i=s(t,["children","icon","stretch"]);return e.createElement(de,{actionButton:i.actionButton,stretch:a},e.createElement(pe,Object.assign({ref:r,icon:n,hasChildren:!!o,stretch:a},i),n&&e.createElement(me,{variant:i.variant,hasChildren:!!o},n),o))})),he=({title:t,children:r,cancelLabel:o="Nee, annuleren",confirmLabel:n="Ja",confirmVariant:a="secondary",confirmIcon:i,cancelIcon:l,isOpen:s,onCancel:c,onConfirm:d})=>s?e.createElement(ce,{title:t,handleClickOverlay:c,buttons:e.createElement(e.Fragment,null,e.createElement(ue,{"data-testid":"btn-cancel",onClick:c,variant:"basic",icon:l},o),e.createElement(ue,{"data-testid":"btn-confirm",onClick:d,variant:a,icon:i},n))},r):null,ge=()=>{},fe=t.styled.table.withConfig({shouldForwardProp:o})`
   border-radius: 4px;
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   
   ${e=>M(e,{tableLayout:e=>t.css`table-layout: ${e};`})}      
-`,be=t.tr.withConfig({shouldForwardProp:o})`
+`,be=t.styled.tr.withConfig({shouldForwardProp:o})`
   & > td {
     transition: background-color .1s ease, color .1s ease;
   }
   
   ${e=>Object.entries(e.theme.palette.pane).map((([t,r])=>`\n    &:nth-child(odd) > td.${t} {    \n      color: ${r.main.idle.text};\n      background-color: ${r.main.idle.background};        \n    }                  \n    &:nth-child(even) > td.${t} {    \n      color: ${r.alternate.idle.text};\n      background-color: ${r.alternate.idle.background};        \n    }            \n    \n    \n    ${!e.disableHover&&`\n      &:nth-child(odd):hover > td.${t} {\n        color: ${r.main.hover.text};\n        background-color: ${r.main.hover.background};          \n      }\n      &:nth-child(even):hover > td.${t} {\n        color: ${r.alternate.hover.text};\n        background-color: ${r.alternate.hover.background};          \n      }\n    `} \n  `))}    
-`,xe=t.td.withConfig({shouldForwardProp:o})`
+`,xe=t.styled.td.withConfig({shouldForwardProp:o})`
   border-top: 1px solid rgba(34,36,38,.1);
   border-right: 1px solid rgba(34,36,38,.1);    
   padding: ${e=>e.theme.spacing(2,3)};
@@ -288,7 +288,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   }
         
   ${e=>M(e,{width:e=>t.css`width: ${e};`})}
-`,ve=t.th.withConfig({shouldForwardProp:o})`  
+`,ye=t.styled.th.withConfig({shouldForwardProp:o})`  
   border-right: 1px solid rgba(34,36,38,.1); 
   text-align: left;
   padding: ${e=>e.theme.spacing(2,3)};  
@@ -314,13 +314,13 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   ${e=>e.sortable&&`\n    cursor: pointer;\n    user-select: none;\n    \n    &:hover {      \n      background-color: ${e.theme.palette.pane.basic.main.hover.background};   \n    }       \n  `} 
   
   ${e=>e.sortDirection&&`         \n    position:relative;\n         \n    &:after {\n      content: " ";\n      position: absolute; \n      right: 15px;\n      top: 50%;\n                     \n      height: 0;\n      width: 0;\n      border: 5px solid transparent;\n      \n      ${"asc"===e.sortDirection?"\n        border-top-color: #000;\n        transform: translateY(-25%);\n      ":"\n        border-bottom-color: #000;\n        transform: translateY(-75%);\n      "}                            \n    }       \n  `}
-`,we=t=>e.createElement(fe,Object.assign({},t));we.Row=be,we.HeadCell=ve;const ke=t(we.Cell=t=>{var{variant:r,className:o}=t,n=s(t,["variant","className"]);return e.createElement(xe,Object.assign({className:`${o||""} ${r||"basic"}`},n))})`
+`,ve=t=>e.createElement(fe,Object.assign({},t));ve.Row=be,ve.HeadCell=ye,ve.Cell=t=>{var{variant:r,className:o}=t,n=s(t,["variant","className"]);return e.createElement(xe,Object.assign({className:`${o||""} ${r||"basic"}`},n))};const we=t.styled(ve.Cell)`
   ${e=>e.firstRow&&t.css` border-top: 0px !important;`}
   ${e=>e.width&&t.css` width: ${e.width};`}
   vertical-align: top;
-`,$e=t.div`
+`,ke=t.styled.div`
   position: relative;
-`,Ee=t.span.withConfig({shouldForwardProp:o})`
+`,$e=t.styled.span.withConfig({shouldForwardProp:o})`
   border-radius: 4px;
   border: 1px solid rgba(34,36,38,.15);
   position: absolute;
@@ -329,19 +329,19 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   z-index: 100;
   
   ${e=>"right"===e.align?t.css`right: 0;`:t.css`left: 0;`}  
-`,ye=t.ul`
+`,Ee=t.styled.ul`
   list-style: none;
   margin: 0;
   padding: ${e=>e.theme.spacing(2,0)};  
-`,Ce=t.li`
+`,Ce=t.styled.li`
   cursor: pointer;
   padding: ${e=>e.theme.spacing(0,3)};
   &:hover {
     background-color: #ddd;
   }
-`,Fe=t.input`
+`,Fe=t.styled.input`
   display: none;
-`,Oe=t.div.withConfig({shouldForwardProp:o})`
+`,Oe=t.styled.div.withConfig({shouldForwardProp:o})`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -359,9 +359,9 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   ${e=>e.isReadyToDrop&&t.css`
     background-color: #FAFAFA;    
   `}
-`,Pe=t(z)`
+`,Pe=t.styled(z)`
   width: 300px;  
-`,je={laptop:1},Se={mobile:1,laptop:0},De={laptop:1},Me=t=>{var{stretch:r,laptopWidth:o}=t,n=s(t,["stretch","laptopWidth"]);const a=e.useMemo((()=>({laptop:o})),[o]);return e.createElement(z,Object.assign({flexGrow:r?De:void 0,width:a,pt:Se,pb:Se,pl:je,pr:je},n))},ze={laptop:-1},Ae={mobile:-1,laptop:0},Le={mobile:"block",laptop:"flex"},Te=t(z)`
+`,je={laptop:1},Se={mobile:1,laptop:0},De={laptop:1},Me=t=>{var{stretch:r,laptopWidth:o}=t,n=s(t,["stretch","laptopWidth"]);const a=e.useMemo((()=>({laptop:o})),[o]);return e.createElement(z,Object.assign({flexGrow:r?De:void 0,width:a,pt:Se,pb:Se,pl:je,pr:je},n))},ze={laptop:-1},Ae={mobile:-1,laptop:0},Le={mobile:"block",laptop:"flex"},Te=t.styled(z)`
   float: left;
     
   height: 100%;
@@ -394,22 +394,22 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
       opacity: ${e=>e.isDesktopMenuOpen?"1":"0"};
     }                              
   `)}  
-`,Re=t=>{const{closeSideMenu:r,openSideMenu:o,isSideMenuOpen:n}=v();return e.createElement(Te,Object.assign({isDesktopMenuOpen:n},t,{onMouseEnter:o,onMouseLeave:r}))},Ne=t(z)`
+`,Re=t=>{const{closeSideMenu:r,openSideMenu:o,isSideMenuOpen:n}=y();return e.createElement(Te,Object.assign({isDesktopMenuOpen:n},t,{onMouseEnter:o,onMouseLeave:r}))},Ne=t.styled(z)`
   background-color: ${e=>e.theme.palette.common.white};
   border-top: 1px solid #DDDDDD;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);  
   box-sizing: border-box;
-`,He=({children:t})=>e.createElement(Ne,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},t),Be=t(z)`
+`,He=({children:t})=>e.createElement(Ne,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},t),Be=t.styled(z)`
   overflow-x: auto;
   overflow-y: hidden;
-`,Ge=t(ue)`
+`,Ge=t.styled(ue)`
   margin-right: ${e=>e.theme.spacing(3)};    
   ${S("laptop","display: none;")} 
-`,Ie=t.ul`
+`,Ie=t.styled.ul`
   padding: 0;
   margin: 0;
   list-style: none;
-`,qe=t.li.withConfig({shouldForwardProp:o})`
+`,qe=t.styled.li.withConfig({shouldForwardProp:o})`
   padding: ${e=>e.theme.spacing(.5,5)};
     
   ${e=>e.isOpen&&t.css`  
@@ -434,9 +434,9 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
       color: ${e.theme.palette.common.white};
     }
   `}  
-`,Ve=t(ue)`      
+`,Ve=t.styled(ue)`      
   ${S("laptop","display: none;")} 
-`,We=t(z)`
+`,We=t.styled(z)`
     display: none;
     ${S("laptop","display: flex;")}
     
@@ -453,7 +453,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     ${Te}:hover & {
         display:none;
     }
-`,Ue=t(z)`
+`,Ue=t.styled(z)`
   box-sizing: border-box; 
   color: ${e=>e.theme.palette.button.text.idle.text};
   font-weight: bold;  
@@ -471,9 +471,9 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   ${S("laptop",t.css`
       min-height: ${e=>e.theme.spacing(12)};
   `)}  
-`,Ye=()=>{const[t,r]=e.useState(window.innerWidth);e.useEffect((()=>{const e=()=>r(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return e.useMemo((()=>({isMobile:t>=j.mobile,isTablet:t>=j.tablet,isLaptop:t>=j.laptop,isDesktop:t>=j.desktop})),[t])},_e=t.div`
+`,Ye=()=>{const[t,r]=e.useState(window.innerWidth);e.useEffect((()=>{const e=()=>r(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return e.useMemo((()=>({isMobile:t>=j.mobile,isTablet:t>=j.tablet,isLaptop:t>=j.laptop,isDesktop:t>=j.desktop})),[t])},_e=t.styled.div`
   display: flex;
-`,Xe=t.button.withConfig({shouldForwardProp:o})`
+`,Xe=t.styled.button.withConfig({shouldForwardProp:o})`
   user-select:none;
   cursor: pointer;
 
@@ -492,29 +492,29 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   }
  
   ${e=>!e.disabled&&"\n    &:hover {    \n      background-color: #E9E9E9;        \n    }\n  "}      
-`,Je=t.div.withConfig({shouldForwardProp:o})`
+`,Je=t.styled.div.withConfig({shouldForwardProp:o})`
   display: flex;
   border-radius: ${e=>e.theme.spacing(1)};
   padding: ${e=>e.theme.spacing(4)};
   background-color: ${e=>e.theme.palette.colors[e.backgroundColor]};  
   box-sizing: border-box;
   height: 100%;
-`,Ze=t.div`
+`,Ze=t.styled.div`
   text-transform: uppercase;
   color: ${e=>e.theme.palette.common.white};
   font-size: ${e=>e.theme.spacing(3)};  
-`,Ke=t.div.withConfig({shouldForwardProp:o})`
+`,Ke=t.styled.div.withConfig({shouldForwardProp:o})`
   color: ${e=>e.theme.palette.common.white};  
   font-weight: bold;  
   font-size: ${e=>e.theme.spacing(e.smallerValue?5.5:7.5)};     
-`,Qe=t.div`
+`,Qe=t.styled.div`
   margin: ${e=>e.theme.spacing(1)} 0 auto 0; 
   & svg {
     height: 100%;
     width: ${e=>e.theme.spacing(10)};
     color: white;
   }
-`,et=t(z)`
+`,et=t.styled(z)`
     
     padding: ${e=>e.theme.spacing(2.5,5)};
     
@@ -540,22 +540,22 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     
     ${e=>e.variant&&`\n        font-weight: bold;\n        color: ${e.theme.palette.form[e.variant]};\n        &:hover {\n            color: ${e.theme.palette.form[e.variant]};\n        }\n    `}
     
-`,tt=t(z)`
+`,tt=t.styled(z)`
     background-color: ${e=>e.theme.palette.common.white};
     border: 1px solid rgba(34,36,38,.15);
     border-top: 0px;
-`,rt=t(z)`
+`,rt=t.styled(z)`
     display: flex;
     border-bottom: 1px solid rgba(34,36,38,.15);     
-`,ot=t(J)`
+`,ot=t.styled(J)`
   box-shadow: none;
-`,nt=t(z)`
+`,nt=t.styled(z)`
   display: flex;
   
   &:last-of-type .line:before {
     background: none;
   }
-`,at=t(z)`
+`,at=t.styled(z)`
   position: relative;
   margin-right: ${e=>e.theme.spacing(4)};
   top: 4px;
@@ -570,7 +570,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     width: ${e=>e.theme.spacing(1)};
   }
     
-`,it=t.div.withConfig({shouldForwardProp:o})`
+`,it=t.styled.div.withConfig({shouldForwardProp:o})`
   position: relative;
   background-color: ${e=>e.color};
   color: #fff; 
@@ -587,14 +587,14 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
      left: 50%;
      transform: translate(-50%, -50%);
   }
-`,lt=t(z)`
+`,lt=t.styled(z)`
   background-color: #FFFFFF;
   border-bottom: 1px solid #DDDDDD;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);   
   box-sizing: border-box;
-`,st=({left:t,right:r})=>e.createElement(lt,null,e.createElement(z,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(z,{flexGrow:1,display:"flex",pl:2},t),e.createElement(z,{flexGrow:1,display:"flex",justifyContent:"flex-end"},r))),ct=t.label`
+`,st=({left:t,right:r})=>e.createElement(lt,null,e.createElement(z,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(z,{flexGrow:1,display:"flex",pl:2},t),e.createElement(z,{flexGrow:1,display:"flex",justifyContent:"flex-end"},r))),ct=t.styled.label`
   position: relative;  
-`,dt=t.input.withConfig({shouldForwardProp:o})` 
+`,dt=t.styled.input.withConfig({shouldForwardProp:o})` 
   position: absolute;
   top: 0;
   left: 0;
@@ -660,7 +660,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     border-color: #e0b4b4;
     color: #9f3a38;
   }  
-`,pt=t.span.withConfig({shouldForwardProp:o})`
+`,pt=t.styled.span.withConfig({shouldForwardProp:o})`
   ${e=>e.dimmed?t.css`color: #999c9e;`:""}
 `,mt=e.forwardRef(((t,r)=>{var{options:o,spacing:n=1,name:a,dimmed:i}=t,l=s(t,["options","spacing","name","dimmed"]);return e.createElement(e.Fragment,null,Object.entries(o).map((([t,o])=>e.createElement(z,{key:t,mt:n,mb:n},e.createElement(ct,{key:t},e.createElement(dt,Object.assign({type:"checkbox",value:t,name:a,ref:r},l)),e.createElement(pt,{dimmed:i},o))))))})),ut=t.css`
   padding: .67857143em 1em;
@@ -710,15 +710,15 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   &.error:focus::placeholder {
     color: #da9796;
   }        
-`,ht=t.input.withConfig({shouldForwardProp:o})`
+`,ht=t.styled.input.withConfig({shouldForwardProp:o})`
   ${ut}
-`,gt=t.textarea.withConfig({shouldForwardProp:o})`
+`,gt=t.styled.textarea.withConfig({shouldForwardProp:o})`
   ${ut}
   height: 100%;
-`,ft=e.forwardRef(((t,r)=>{var{multiline:o=!1}=t,n=s(t,["multiline"]);return o?e.createElement(gt,Object.assign({ref:r},n)):e.createElement(ht,Object.assign({ref:r,type:"text"},n))})),bt=t.div`
+`,ft=e.forwardRef(((t,r)=>{var{multiline:o=!1}=t,n=s(t,["multiline"]);return o?e.createElement(gt,Object.assign({ref:r},n)):e.createElement(ht,Object.assign({ref:r,type:"text"},n))})),bt=t.styled.div`
   position: relative;
   display: flex;    
-`,xt=t.input.withConfig({shouldForwardProp:o})`
+`,xt=t.styled.input.withConfig({shouldForwardProp:o})`
   position: absolute;
   left: 0;
   right: 0;
@@ -726,7 +726,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   bottom: 0;    
   width: 100%;
   opacity:0;
-`,vt=t(ue)`    
+`,yt=t.styled(ue)`    
   height: 40px;
   
   .has-error & {
@@ -734,10 +734,10 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
     border-color: #e0b4b4;
     color: #9f3a38;
   }  
-`,wt=t(ft)`
+`,vt=t.styled(ft)`
   flex: 1;  
   padding-right: ${e=>e.theme.spacing(8)}
-`,kt=t.button`    
+`,wt=t.styled.button`    
     background-color: transparent;
     border: 0;
     outline: 0;    
@@ -765,9 +765,9 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
         line-height: 38px;
         padding: 0 8px;
     }
-`,$t=e.forwardRef(((t,r)=>{var{className:o,placeholder:n,chooseFileLabel:a="Choose file",changeFileLabel:i="Change file",onClear:l}=t,c=s(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[d,p]=e.useState(),[m,u]=e.useState(""),h=e.useCallback((e=>{var t;const r=(null==e?void 0:e.target).files;u((null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.name)||"")}),[]),g=e.useCallback((()=>{d&&(d.value="",d.files=null,d.dispatchEvent(new Event("change",{bubbles:!0})),l&&l())}),[d,l]),f=e.useMemo((()=>e=>{null==e||e.addEventListener("change",h),p(e),"function"==typeof r&&(null==r||r(e))}),[r,h]);return e.createElement(bt,null,e.createElement(xt,Object.assign({type:"file",ref:f},c)),e.createElement(vt,{variant:"basic"},m?i:a),e.createElement(wt,{placeholder:n,className:o,disabled:!0,value:m}),!!m&&l&&e.createElement(kt,{"data-testid":"file-clear",onClick:g}))})),Et=t.div`
+`,kt=e.forwardRef(((t,r)=>{var{className:o,placeholder:n,chooseFileLabel:a="Choose file",changeFileLabel:i="Change file",onClear:l}=t,c=s(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[d,p]=e.useState(),[m,u]=e.useState(""),h=e.useCallback((e=>{var t;const r=(null==e?void 0:e.target).files;u((null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.name)||"")}),[]),g=e.useCallback((()=>{d&&(d.value="",d.files=null,d.dispatchEvent(new Event("change",{bubbles:!0})),l&&l())}),[d,l]),f=e.useMemo((()=>e=>{null==e||e.addEventListener("change",h),p(e),"function"==typeof r&&(null==r||r(e))}),[r,h]);return e.createElement(bt,null,e.createElement(xt,Object.assign({type:"file",ref:f},c)),e.createElement(yt,{variant:"basic"},m?i:a),e.createElement(vt,{placeholder:n,className:o,disabled:!0,value:m}),!!m&&l&&e.createElement(wt,{"data-testid":"file-clear",onClick:g}))})),$t=t.styled.div`
   position: relative;
-`,yt=t.select.withConfig({shouldForwardProp:o})`
+`,Et=t.styled.select.withConfig({shouldForwardProp:o})`
   width: 100%;
 
   padding: .67857143em 1em;
@@ -792,7 +792,7 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   &.error~div {
     color: #9f3a38;
   }    
-`,Ct=t.div`
+`,Ct=t.styled.div`
   pointer-events: none;
   padding: 0 1em;
   position:absolute;  
@@ -801,18 +801,18 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   right: 0; 
   font-size: 17px;
   line-height: 40px;
-`,Ft=e.forwardRef(((t,r)=>{var{options:o}=t,n=s(t,["options"]);const a=Array.isArray(o)?o:Object.entries(o);return e.createElement(Et,null,e.createElement(yt,Object.assign({ref:r},n),a.map((([t,r])=>e.createElement("option",{key:t,value:t},r)))),e.createElement(Ct,null,"▾"))})),Ot=e=>e.length>=8,Pt=e=>/\d/.test(e),jt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),St=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Dt=[Ot,Pt,jt,St],Mt=Dt.length+1,zt=e=>Dt.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),At=t.div`
+`,Ft=e.forwardRef(((t,r)=>{var{options:o}=t,n=s(t,["options"]);const a=Array.isArray(o)?o:Object.entries(o);return e.createElement($t,null,e.createElement(Et,Object.assign({ref:r},n),a.map((([t,r])=>e.createElement("option",{key:t,value:t},r)))),e.createElement(Ct,null,"▾"))})),Ot=e=>e.length>=8,Pt=e=>/\d/.test(e),jt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),St=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Dt=[Ot,Pt,jt,St],Mt=Dt.length+1,zt=e=>Dt.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),At=t.styled.div`
     margin-top: ${e=>e.theme.spacing(1)};
     height: 3px;
     background-color: #f5f5f5;
     border-radius: 4px;
     box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-`,Lt=t.div.withConfig({shouldForwardProp:o})`
+`,Lt=t.styled.div.withConfig({shouldForwardProp:o})`
     width: ${e=>e.score?e.score/Mt*100:0}%;
     height: 100%;
     background-color: ${e=>e.score<=2?"#e90f10":e.score<=3?"#ffad00":"#02b502"} ;
     transition: width .6s ease, background-color .6s ease;
-`,Tt=e.forwardRef(((t,r)=>{const[o,n]=e.useState(0),a=e.useCallback((e=>{const t=e.target;n(t.value?zt(t.value):0)}),[]),i=e.useMemo((()=>e=>{null==e||e.addEventListener("keyup",a),"function"==typeof r&&(null==r||r(e))}),[r,a]);return e.createElement(e.Fragment,null,e.createElement(ft,Object.assign({},t,{type:"password",ref:i})),e.createElement(At,null,e.createElement(Lt,{score:o})))})),Rt=t.div.withConfig({shouldForwardProp:o})` 
+`,Tt=e.forwardRef(((t,r)=>{const[o,n]=e.useState(0),a=e.useCallback((e=>{const t=e.target;n(t.value?zt(t.value):0)}),[]),i=e.useMemo((()=>e=>{null==e||e.addEventListener("keyup",a),"function"==typeof r&&(null==r||r(e))}),[r,a]);return e.createElement(e.Fragment,null,e.createElement(ft,Object.assign({},t,{type:"password",ref:i})),e.createElement(At,null,e.createElement(Lt,{score:o})))})),Rt=t.styled.div.withConfig({shouldForwardProp:o})` 
   margin: 0px 8px;
   
   ${e=>void 0!==e.rowOffset&&t.css`
@@ -836,28 +836,28 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
       grid-column-end: span ${e.columnSpan};
       -ms-grid-column-span: ${e.columnSpan};
     `)),o})(r,null!==(o=e.rowOffset)&&void 0!==o?o:0)}})} 
-`;Rt.displayName="FormGridCell";const Nt=t.label.withConfig({shouldForwardProp:o})`
+`;Rt.displayName="FormGridCell";const Nt=t.styled.label.withConfig({shouldForwardProp:o})`
     display: block;
     color: ${e=>e.error?e.theme.palette.form.error:e.theme.palette.common.black} ;    
     font-weight: bold;
     margin: ${e=>e.theme.spacing(0,0,1,0)};
     line-height: 1.4em; 
     font-size: .92857143em;
-`,Ht=t.div.withConfig({shouldForwardProp:o})`
+`,Ht=t.styled.div.withConfig({shouldForwardProp:o})`
     color: ${e=>e.error?"#da9796;":e.theme.palette.form.hint};
     margin: ${e=>e.theme.spacing(-1,0,1,0)};
     line-height: 1.4em;
     font-size: .92857143em;        
-`,Bt=t.span.withConfig({shouldForwardProp:o})`
+`,Bt=t.styled.span.withConfig({shouldForwardProp:o})`
     color: ${e=>e.theme.palette.form.hint};
-`,Gt=t.div.withConfig({shouldForwardProp:o})`    
+`,Gt=t.styled.div.withConfig({shouldForwardProp:o})`    
     color: ${e=>e.theme.palette.form.error};    
     margin: ${e=>e.theme.spacing(1,0,0,0)};
     font-weight: bold;       
     font-style: italic;       
     line-height: 1.4em;
     font-size: .92857143em;    
-`,It=({position:e,align:t,label:r,hint:o,error:n,isRequired:a})=>({position:e,align:t,label:r,hint:o,error:n,isRequired:a}),qt=({position:t,align:r,label:o,hint:a,error:i,isRequired:l,children:s})=>e.createElement(e.Fragment,null,e.createElement(Rt,{position:t,align:r,className:"form-grid-cell__label-hint"},o&&e.createElement(Nt,{error:i},o,l&&e.createElement(Bt,null," *")),a&&e.createElement(Ht,{error:i},a)),e.createElement(Rt,{position:t,align:r,rowOffset:1,className:n({"form-grid-cell__field-error":!0,"has-error":!!i})},s,i&&e.createElement(Gt,null,i))),Vt=t.div.withConfig({shouldForwardProp:o})`
+`,It=({position:e,align:t,label:r,hint:o,error:n,isRequired:a})=>({position:e,align:t,label:r,hint:o,error:n,isRequired:a}),qt=({position:t,align:r,label:o,hint:a,error:i,isRequired:l,children:s})=>e.createElement(e.Fragment,null,e.createElement(Rt,{position:t,align:r,className:"form-grid-cell__label-hint"},o&&e.createElement(Nt,{error:i},o,l&&e.createElement(Bt,null," *")),a&&e.createElement(Ht,{error:i},a)),e.createElement(Rt,{position:t,align:r,rowOffset:1,className:n({"form-grid-cell__field-error":!0,"has-error":!!i})},s,i&&e.createElement(Gt,null,i))),Vt=t.styled.div.withConfig({shouldForwardProp:o})`
   margin: 0 -8px -16px -8px;
 
   display: -ms-grid;
@@ -869,23 +869,23 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
         -ms-grid-columns: ${e};           
         grid-template-columns: ${e};
       `})}
-`;Vt.displayName="FormGrid";const Wt=t(z)` 
+`;Vt.displayName="FormGrid";const Wt=t.styled(z)` 
   background-color: #F3F3F4;
-`,Ut=t(z)` 
+`,Ut=t.styled(z)` 
   position: relative;
-`,Yt=t(z)` 
+`,Yt=t.styled(z)` 
   position: absolute;
   height: 100%;
   z-index: 50;
   pointer-events: none;
-`,_t=t(z)`
+`,_t=t.styled(z)`
   height: 100%;
-`,Xt=t(z)`
+`,Xt=t.styled(z)`
   background-color:  ${e=>e.baseColor||"white"};
   position: absolute;
   min-width: 100%;
   min-height: 100%;  
-`,Jt=t.div.withConfig({shouldForwardProp:o})`
+`,Jt=t.styled.div.withConfig({shouldForwardProp:o})`
   position: absolute;
   top: 0;
   left: 0;
@@ -895,16 +895,16 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   opacity: ${e=>{var t;return null!==(t=e.opacity)&&void 0!==t?t:1}} ;
   background: url("${e=>e.imageUrl}");
   background-size: cover;
-`,Zt=t(E)`
+`,Zt=t.styled($)`
   z-index: 10;
   margin: auto auto;
-`,Kt=t(J)`
+`,Kt=t.styled(J)`
   box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);  
   min-width: 280px;   
-`,Qt=t.img`
+`,Qt=t.styled.img`
   display:none;
   position: absolute;
   left: 0;
   top: ${e=>e.theme.spacing(8)};
   ${S("tablet","display: block;")}
-`;class er{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new er(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((o,n)=>{o.forEach(((o,a)=>{o===e&&(t.push(a),r.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}const tr=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class rr{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const o=new er(r);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${l(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const o=t.getCoordinatesForValue(r),n=t.sliceArea(o.topLeft,o.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const n=a(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),D(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new rr(n,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:tr(t,!1),i(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:tr(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const or=e.createContext({factory:void 0}),nr=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=s(t,["name","field"]);const{factory:l}=e.useContext(or),c=It(a.props),d=(null==l?void 0:l(a))||(e=>{switch(e.type){case"Button":return ue;case"Checkbox":return mt;case"Select":return Ft;case"FileField":return $t;case"PasswordStrengthField":return Tt;default:return ft}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(d,Object.assign({ref:r,name:o},i,a.props)):e.createElement(qt,Object.assign({},c),e.createElement(d,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||c.label,className:n(!!c.error&&"error",a.props.className)},i,a.props)))})),ar=e.forwardRef(((t,r)=>{var{children:o,columns:n,fields:a,prefixFieldNames:i}=t,l=s(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Vt,{columns:n},Object.entries(a).map((([t,o])=>e.createElement(nr,Object.assign({name:`${null!=i?i:""}${t}`,key:t,field:o,ref:r},l)))),o)}));exports.Alert=({children:t,title:r,variant:o="basic"})=>e.createElement(A,{variant:o},e.createElement(z,{p:3},r&&e.createElement(z,{pb:t?1:0},e.createElement(F,{level:4},r)),t&&e.createElement(O,null,t))),exports.AnimatedCheckmark=q,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>e.createElement(Wt,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Ut,{flexGrow:1,flexShrink:0},t&&e.createElement(Yt,null,e.createElement(Re,Object.assign({},t))),e.createElement(_t,{display:"flex",flexDirection:"column"},e.createElement(st,Object.assign({},r)),e.createElement(z,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),e.createElement(He,Object.assign({},o))))),exports.Box=z,exports.BreadCrumbs=V,exports.BreakPointValues=j,exports.Button=ue,exports.Checkbox=mt,exports.CollapsiblePanel=oe,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,n=s(t,["modalProps"]);const[a,i]=(({onConfirm:t})=>{const[r,o]=e.useState(!1);return[{onCancel:()=>o(!1),onConfirm:()=>{t(),o(!1)},isOpen:r},()=>o(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:ge});return e.createElement(e.Fragment,null,e.createElement(ue,Object.assign({},n,{onClick:i})),e.createElement(he,Object.assign({title:"Are you sure?"},o,a)))},exports.ConfirmModal=he,exports.Crumb=W,exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(we,null,e.createElement("tbody",null,Object.entries(t).map((([t,o],n)=>e.createElement(we.Row,{key:t,disableHover:!0},e.createElement(ke,{width:r,firstRow:0===n},t),e.createElement(ke,{firstRow:0===n},o)))))),exports.Dropdown=({buttonProps:t,align:r,children:o,stayOpenOnClick:n})=>{const a=e.useRef(null),[i,l]=e.useState(!1),s=e.useCallback((()=>l(!0)),[l]),c=e.useCallback((e=>{var t;n&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),e.createElement($e,null,e.createElement(ue,Object.assign({},t,{onClick:s})),i&&e.createElement(E,{speed:".1s"},e.createElement(Ee,{ref:a,align:r||"left"},o)))},exports.DropdownMenu=ye,exports.DropdownMenuItem=Ce,exports.Dropzone=t=>{var{onChange:r,icon:o,label:n}=t,a=s(t,["onChange","icon","label"]);const i=e.useRef(null),l=e.useRef(null),[c,d]=e.useState(!1),p=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),m=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),u=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=e.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),g=e.useCallback((()=>{var e;null===(e=i.current)||void 0===e||e.click()}),[i]),f=e.useCallback((()=>{var e;p(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.files)}),[i,p]);return e.createElement(Oe,Object.assign({ref:l,onDragOver:m,onDragLeave:u,onDrop:h,onClick:g,isReadyToDrop:c},a),e.createElement(Fe,{"data-testid":"dropzone-file-input",type:"file",ref:i,onChange:f,multiple:!0}),e.createElement(z,null,e.createElement(ue,{variant:"text",color:"secondary",type:"button",icon:o},n)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>e.createElement(ce,{handleClickOverlay:t,buttons:e.createElement(ue,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:t},r)},e.createElement(Pe,{pt:3,pb:3},e.createElement(z,{pb:5,textAlign:"center"},e.createElement(F,null,n),a&&e.createElement(z,{pt:5},e.createElement(F,{level:5},a))),e.createElement(z,{pt:5,pb:5,pl:7,pr:7},e.createElement(q,null)))),exports.FileField=$t,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:n=!1}=t,a=s(t,["items","forceEqualWidth","stretch"]);return e.createElement(z,Object.assign({mb:Ae,mt:Ae,ml:ze,mr:ze,display:Le},a),r.filter(Boolean).map(((t,a)=>(e=>!!e.element)(t)?e.createElement(Me,{key:a,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Me,{key:a,laptopWidth:o?100/r.length+"%":void 0,stretch:n},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(Xt,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Jt,{imageUrl:r,opacity:i}),n&&e.createElement(Qt,{src:n,alt:"Logo"}),e.createElement(Zt,null,o&&e.createElement(z,{pb:7},o),e.createElement(Kt,Object.assign({},t)))),exports.Footer=He,exports.FormGrid=Vt,exports.FormGridWrapper=qt,exports.FormPositioner=rr,exports.HamburgerButton=Ge,exports.Header=F,exports.HorizontalScroller=({children:t})=>e.createElement(Be,null,t),exports.Menu=Ie,exports.MenuCloseButton=Ve,exports.MenuItem=({item:t,isOpen:r,isActive:o,children:n})=>{const[a,i]=e.useState(!!r);return e.createElement(qe,{isOpen:a,isActive:!!o},t,n&&e.createElement(ee,{onChange:i,isOpen:!!r,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(We,null,t),exports.Modal=ce,exports.Overlay=ae,exports.Paginator=t=>{const{isTablet:r}=Ye(),{pageCount:o,onChange:n}=t,a=Math.min(Math.max(t.currentPage,0),o),i=r?2:0,l=Math.max(1,a-i),s=Math.min(o,a+i);return e.createElement(_e,null,e.createElement(Xe,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&e.createElement(Xe,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&e.createElement(Xe,{disabled:!0},"..."),((e,t)=>{let r=[];for(let o=e;o<t;o++)r.push(o);return r})(l,s+1).map((t=>e.createElement(Xe,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>n(t)},t))),s<o-1&&e.createElement(Xe,{disabled:!0},"..."),s<o&&e.createElement(Xe,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),e.createElement(Xe,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},exports.Panel=J,exports.Paragraph=O,exports.PasswordStrengthField=Tt,exports.ScaffoldForm=ar,exports.ScaffoldFormContext=or,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(or.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(z,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=Ft,exports.SideBarHeader=({children:t,right:r})=>e.createElement(Ue,{mb:7},e.createElement(z,{flexGrow:1,display:"flex"},e.createElement(z,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(z,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:o,titleMeta:n})=>e.createElement(nt,null,e.createElement(at,{className:"line"},e.createElement(it,{color:t},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(ot,{titleMeta:n,title:o}))),exports.SlideInFromTop=E,exports.Statistic=({icon:t,value:r,label:o,backgroundColor:n,smallerValue:a})=>e.createElement(Je,{backgroundColor:n},e.createElement(Qe,null,t),e.createElement(z,{flexGrow:1,textAlign:"right"},e.createElement(Ze,null,o),e.createElement(Ke,{smallerValue:a},r))),exports.StyledTable=fe,exports.Tab=t=>{var{id:r,isActive:o,onClick:n}=t,a=s(t,["id","isActive","onClick"]);const i=e.useCallback((()=>{o||null==n||n(r)}),[r,o,n]);return e.createElement(et,Object.assign({},a,{onClick:i,isActive:o}))},exports.TabContent=t=>e.createElement(tt,Object.assign({p:3},t)),exports.Table=we,exports.Tabs=rt,exports.TextField=ft,exports.Timeline=({title:t,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>e.createElement(nt,null,e.createElement(at,null,e.createElement(it,{color:o},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(oe,{isInitiallyOpen:n,titleMeta:a,title:t,titleAction:i},l))),exports.TopBar=st,exports.UiProvider=f,exports.UiWrapper=({theme:t,children:r})=>e.createElement(f,{theme:t},e.createElement(w,null,e.createElement(k,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=zt,exports.getFormGridWrapperProps=It,exports.isResponsiveObject=D,exports.mq=S,exports.passwordHasLowerAndUppercase=jt,exports.passwordHasNumbers=Pt,exports.passwordHasSpecialChars=St,exports.passwordMinLength=Ot,exports.responsiveProps=M,exports.theme=h,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=v();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=Ye,exports.useToggleMobileMenu=({currentRoute:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>{o((e=>!e))}),[]),a=e.useCallback((()=>{o(!0)}),[]),i=e.useCallback((()=>{o(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:r,open:a,close:i,toggle:n}};
+`;class er{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new er(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((o,n)=>{o.forEach(((o,a)=>{o===e&&(t.push(a),r.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}const tr=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class rr{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const o=new er(r);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${l(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const o=t.getCoordinatesForValue(r),n=t.sliceArea(o.topLeft,o.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const n=a(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),D(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new rr(n,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:tr(t,!1),i(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:tr(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const or=e.createContext({factory:void 0}),nr=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=s(t,["name","field"]);const{factory:l}=e.useContext(or),c=It(a.props),d=(null==l?void 0:l(a))||(e=>{switch(e.type){case"Button":return ue;case"Checkbox":return mt;case"Select":return Ft;case"FileField":return kt;case"PasswordStrengthField":return Tt;default:return ft}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(d,Object.assign({ref:r,name:o},i,a.props)):e.createElement(qt,Object.assign({},c),e.createElement(d,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||c.label,className:n(!!c.error&&"error",a.props.className)},i,a.props)))})),ar=e.forwardRef(((t,r)=>{var{children:o,columns:n,fields:a,prefixFieldNames:i}=t,l=s(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Vt,{columns:n},Object.entries(a).map((([t,o])=>e.createElement(nr,Object.assign({name:`${null!=i?i:""}${t}`,key:t,field:o,ref:r},l)))),o)}));exports.Alert=({children:t,title:r,variant:o="basic"})=>e.createElement(A,{variant:o},e.createElement(z,{p:3},r&&e.createElement(z,{pb:t?1:0},e.createElement(F,{level:4},r)),t&&e.createElement(O,null,t))),exports.AnimatedCheckmark=q,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>e.createElement(Wt,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Ut,{flexGrow:1,flexShrink:0},t&&e.createElement(Yt,null,e.createElement(Re,Object.assign({},t))),e.createElement(_t,{display:"flex",flexDirection:"column"},e.createElement(st,Object.assign({},r)),e.createElement(z,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),e.createElement(He,Object.assign({},o))))),exports.Box=z,exports.BreadCrumbs=V,exports.BreakPointValues=j,exports.Button=ue,exports.Checkbox=mt,exports.CollapsiblePanel=oe,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,n=s(t,["modalProps"]);const[a,i]=(({onConfirm:t})=>{const[r,o]=e.useState(!1);return[{onCancel:()=>o(!1),onConfirm:()=>{t(),o(!1)},isOpen:r},()=>o(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:ge});return e.createElement(e.Fragment,null,e.createElement(ue,Object.assign({},n,{onClick:i})),e.createElement(he,Object.assign({title:"Are you sure?"},o,a)))},exports.ConfirmModal=he,exports.Crumb=W,exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(ve,null,e.createElement("tbody",null,Object.entries(t).map((([t,o],n)=>e.createElement(ve.Row,{key:t,disableHover:!0},e.createElement(we,{width:r,firstRow:0===n},t),e.createElement(we,{firstRow:0===n},o)))))),exports.Dropdown=({buttonProps:t,align:r,children:o,stayOpenOnClick:n})=>{const a=e.useRef(null),[i,l]=e.useState(!1),s=e.useCallback((()=>l(!0)),[l]),c=e.useCallback((e=>{var t;n&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),e.createElement(ke,null,e.createElement(ue,Object.assign({},t,{onClick:s})),i&&e.createElement($,{speed:".1s"},e.createElement($e,{ref:a,align:r||"left"},o)))},exports.DropdownMenu=Ee,exports.DropdownMenuItem=Ce,exports.Dropzone=t=>{var{onChange:r,icon:o,label:n}=t,a=s(t,["onChange","icon","label"]);const i=e.useRef(null),l=e.useRef(null),[c,d]=e.useState(!1),p=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),m=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),u=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=e.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),g=e.useCallback((()=>{var e;null===(e=i.current)||void 0===e||e.click()}),[i]),f=e.useCallback((()=>{var e;p(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.files)}),[i,p]);return e.createElement(Oe,Object.assign({ref:l,onDragOver:m,onDragLeave:u,onDrop:h,onClick:g,isReadyToDrop:c},a),e.createElement(Fe,{"data-testid":"dropzone-file-input",type:"file",ref:i,onChange:f,multiple:!0}),e.createElement(z,null,e.createElement(ue,{variant:"text",color:"secondary",type:"button",icon:o},n)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>e.createElement(ce,{handleClickOverlay:t,buttons:e.createElement(ue,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:t},r)},e.createElement(Pe,{pt:3,pb:3},e.createElement(z,{pb:5,textAlign:"center"},e.createElement(F,null,n),a&&e.createElement(z,{pt:5},e.createElement(F,{level:5},a))),e.createElement(z,{pt:5,pb:5,pl:7,pr:7},e.createElement(q,null)))),exports.FileField=kt,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:n=!1}=t,a=s(t,["items","forceEqualWidth","stretch"]);return e.createElement(z,Object.assign({mb:Ae,mt:Ae,ml:ze,mr:ze,display:Le},a),r.filter(Boolean).map(((t,a)=>(e=>!!e.element)(t)?e.createElement(Me,{key:a,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Me,{key:a,laptopWidth:o?100/r.length+"%":void 0,stretch:n},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(Xt,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Jt,{imageUrl:r,opacity:i}),n&&e.createElement(Qt,{src:n,alt:"Logo"}),e.createElement(Zt,null,o&&e.createElement(z,{pb:7},o),e.createElement(Kt,Object.assign({},t)))),exports.Footer=He,exports.FormGrid=Vt,exports.FormGridWrapper=qt,exports.FormPositioner=rr,exports.HamburgerButton=Ge,exports.Header=F,exports.HorizontalScroller=({children:t})=>e.createElement(Be,null,t),exports.Menu=Ie,exports.MenuCloseButton=Ve,exports.MenuItem=({item:t,isOpen:r,isActive:o,children:n})=>{const[a,i]=e.useState(!!r);return e.createElement(qe,{isOpen:a,isActive:!!o},t,n&&e.createElement(ee,{onChange:i,isOpen:!!r,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(We,null,t),exports.Modal=ce,exports.Overlay=ae,exports.Paginator=t=>{const{isTablet:r}=Ye(),{pageCount:o,onChange:n}=t,a=Math.min(Math.max(t.currentPage,0),o),i=r?2:0,l=Math.max(1,a-i),s=Math.min(o,a+i);return e.createElement(_e,null,e.createElement(Xe,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&e.createElement(Xe,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&e.createElement(Xe,{disabled:!0},"..."),((e,t)=>{let r=[];for(let o=e;o<t;o++)r.push(o);return r})(l,s+1).map((t=>e.createElement(Xe,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>n(t)},t))),s<o-1&&e.createElement(Xe,{disabled:!0},"..."),s<o&&e.createElement(Xe,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),e.createElement(Xe,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},exports.Panel=J,exports.Paragraph=O,exports.PasswordStrengthField=Tt,exports.ScaffoldForm=ar,exports.ScaffoldFormContext=or,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(or.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(z,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=Ft,exports.SideBarHeader=({children:t,right:r})=>e.createElement(Ue,{mb:7},e.createElement(z,{flexGrow:1,display:"flex"},e.createElement(z,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(z,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:o,titleMeta:n})=>e.createElement(nt,null,e.createElement(at,{className:"line"},e.createElement(it,{color:t},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(ot,{titleMeta:n,title:o}))),exports.SlideInFromTop=$,exports.Statistic=({icon:t,value:r,label:o,backgroundColor:n,smallerValue:a})=>e.createElement(Je,{backgroundColor:n},e.createElement(Qe,null,t),e.createElement(z,{flexGrow:1,textAlign:"right"},e.createElement(Ze,null,o),e.createElement(Ke,{smallerValue:a},r))),exports.StyledTable=fe,exports.Tab=t=>{var{id:r,isActive:o,onClick:n}=t,a=s(t,["id","isActive","onClick"]);const i=e.useCallback((()=>{o||null==n||n(r)}),[r,o,n]);return e.createElement(et,Object.assign({},a,{onClick:i,isActive:o}))},exports.TabContent=t=>e.createElement(tt,Object.assign({p:3},t)),exports.Table=ve,exports.Tabs=rt,exports.TextField=ft,exports.Timeline=({title:t,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>e.createElement(nt,null,e.createElement(at,null,e.createElement(it,{color:o},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(oe,{isInitiallyOpen:n,titleMeta:a,title:t,titleAction:i},l))),exports.TopBar=st,exports.UiProvider=f,exports.UiWrapper=({theme:t,children:r})=>e.createElement(f,{theme:t},e.createElement(v,null,e.createElement(w,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=zt,exports.getFormGridWrapperProps=It,exports.isResponsiveObject=D,exports.mq=S,exports.passwordHasLowerAndUppercase=jt,exports.passwordHasNumbers=Pt,exports.passwordHasSpecialChars=St,exports.passwordMinLength=Ot,exports.responsiveProps=M,exports.theme=h,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=y();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=Ye,exports.useToggleMobileMenu=({currentRoute:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>{o((e=>!e))}),[]),a=e.useCallback((()=>{o(!0)}),[]),i=e.useCallback((()=>{o(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:r,open:a,close:i,toggle:n}};