quicksnack 3.38.0 → 3.38.2

package/dist/bundle.js

@@ -1284,6 +1284,8 @@ const parseValue = (name, prop) => {
         case "mb":
         case "ml":
             return `calc(var(--spacing) * ${prop})`;
+        case "width":
+            return typeof prop === "number" ? `calc(var(--spacing) * ${prop})` : prop;
         default:
             return prop;
     }
@@ -1351,31 +1353,6 @@ const AnimatedCheckmark = () => (React.createElement("svg", { viewBox: "0 0 154
         React.createElement(CircleColored, { cx: '77', cy: '77', r: '72' }),
         React.createElement(Polyline, { points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
 
-const _Box = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
-  box-sizing: border-box;
-  
-  ${(props) => responsiveProps(props, {
-    "p": unit => styledComponents.css `padding: ${props.theme.spacing(unit)};`,
-    "pt": unit => styledComponents.css `padding-top: ${props.theme.spacing(unit)};`,
-    "pr": unit => styledComponents.css `padding-right: ${props.theme.spacing(unit)};`,
-    "pb": unit => styledComponents.css `padding-bottom: ${props.theme.spacing(unit)};`,
-    "pl": unit => styledComponents.css `padding-left: ${props.theme.spacing(unit)};`,
-    "m": unit => styledComponents.css `margin: ${props.theme.spacing(unit)};`,
-    "mt": unit => styledComponents.css `margin-top: ${props.theme.spacing(unit)};`,
-    "mr": unit => styledComponents.css `margin-right: ${props.theme.spacing(unit)};`,
-    "mb": unit => styledComponents.css `margin-bottom: ${props.theme.spacing(unit)};`,
-    "ml": unit => styledComponents.css `margin-left: ${props.theme.spacing(unit)};`,
-    "display": unit => styledComponents.css `display: ${unit};`,
-    "flexGrow": unit => styledComponents.css `flex-grow: ${unit};`,
-    "flexShrink": unit => styledComponents.css `flex-shrink: ${unit};`,
-    "flexDirection": unit => styledComponents.css `flex-direction: ${unit};`,
-    "alignItems": unit => styledComponents.css `align-items: ${unit};`,
-    "textAlign": unit => styledComponents.css `text-align: ${unit};`,
-    "justifyContent": unit => styledComponents.css `justify-content: ${unit};`,
-    "width": unit => styledComponents.css `width: ${typeof unit === 'number' ? props.theme.spacing(unit) : unit};`,
-})}
-`;
-
 var css_248z = ".BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:\"/\";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}";
 var classes = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
 styleInject(css_248z);
@@ -4740,6 +4717,7 @@ const ScaffoldForm = React.forwardRef((_a, ref) => {
 exports.Alert = Alert;
 exports.AnimatedCheckmark = AnimatedCheckmark;
 exports.BasicLayout = BasicLayout;
+exports.Box = Box;
 exports.BreadCrumbs = BreadCrumbs;
 exports.BreakPointValues = BreakPointValues;
 exports.Button = Button$1;
@@ -4795,7 +4773,6 @@ exports.UiProvider = UiProvider;
 exports.UiWrapper = UiWrapper;
 exports.VerticalRhythmLaptop = VerticalRhythmLaptop;
 exports.VerticalRhythmMobile = VerticalRhythmMobile;
-exports._Box = _Box;
 exports.calculatePasswordScore = calculatePasswordScore;
 exports.getFormGridWrapperProps = getFormGridWrapperProps;
 exports.isResponsiveObject = isResponsiveObject;

package/dist/bundle.min.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("styled-components"),r=require("immer");function o(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function n(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}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},a.apply(this,arguments)}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}function s(e,t,r){return s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct.bind():function(e,t,r){var o=[null];o.push.apply(o,t);var n=new(Function.bind.apply(e,o));return r&&i(n,r.prototype),n},s.apply(null,arguments)}function d(e){var t="function"==typeof Map?new Map:void 0;return d=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return s(e,arguments,l(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),i(r,e)},d(e)}o(":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}"),"function"==typeof SuppressedError&&SuppressedError;var p={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function c(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var o,n=t[0],a=[];for(o=1;o<t.length;o+=1)a.push(t[o]);return a.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}var u=function(e){var t,r;function o(t){var r;if("production"===process.env.NODE_ENV)r=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+t+" for more information.")||this;else{for(var o=arguments.length,n=new Array(o>1?o-1:0),a=1;a<o;a++)n[a-1]=arguments[a];r=e.call(this,c.apply(void 0,[p[t]].concat(n)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r)}return r=e,(t=o).prototype=Object.create(r.prototype),t.prototype.constructor=t,i(t,r),o}(d(Error));function m(e){return Math.round(255*e)}function f(e,t,r){return m(e)+","+m(t)+","+m(r)}function b(e,t,r,o){if(void 0===o&&(o=f),0===t)return o(r,r,r);var n=(e%360+360)%360/60,a=(1-Math.abs(2*r-1))*t,i=a*(1-Math.abs(n%2-1)),l=0,s=0,d=0;n>=0&&n<1?(l=a,s=i):n>=1&&n<2?(l=i,s=a):n>=2&&n<3?(s=a,d=i):n>=3&&n<4?(s=i,d=a):n>=4&&n<5?(l=i,d=a):n>=5&&n<6&&(l=a,d=i);var p=r-a/2;return o(l+p,s+p,d+p)}var g={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var h=/^#[a-fA-F0-9]{6}$/,_=/^#[a-fA-F0-9]{8}$/,x=/^#[a-fA-F0-9]{3}$/,v=/^#[a-fA-F0-9]{4}$/,y=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,k=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,w=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,$=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function C(e){if("string"!=typeof e)throw new u(3);var t=function(e){if("string"!=typeof e)return e;var t=e.toLowerCase();return g[t]?"#"+g[t]:e}(e);if(t.match(h))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(_)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(x))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(v)){var o=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:o}}var n=y.exec(t);if(n)return{red:parseInt(""+n[1],10),green:parseInt(""+n[2],10),blue:parseInt(""+n[3],10)};var a=k.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var i=w.exec(t);if(i){var l="rgb("+b(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",s=y.exec(l);if(!s)throw new u(4,t,l);return{red:parseInt(""+s[1],10),green:parseInt(""+s[2],10),blue:parseInt(""+s[3],10)}}var d=$.exec(t.substring(0,50));if(d){var p="rgb("+b(parseInt(""+d[1],10),parseInt(""+d[2],10)/100,parseInt(""+d[3],10)/100)+")",c=y.exec(p);if(!c)throw new u(4,t,p);return{red:parseInt(""+c[1],10),green:parseInt(""+c[2],10),blue:parseInt(""+c[3],10),alpha:parseFloat(""+d[4])>1?parseFloat(""+d[4])/100:parseFloat(""+d[4])}}throw new u(5)}var E=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function B(e){var t=e.toString(16);return 1===t.length?"0"+t:t}function O(e,t,r){if("number"==typeof e&&"number"==typeof t&&"number"==typeof r)return E("#"+B(e)+B(t)+B(r));if("object"==typeof e&&void 0===t&&void 0===r)return E("#"+B(e.red)+B(e.green)+B(e.blue));throw new u(6)}function S(e,t,r){return function(){var o=r.concat(Array.prototype.slice.call(arguments));return o.length>=t?e.apply(this,o):S(e,t,o)}}function j(e){return S(e,e.length,[])}function F(e,t,r){if("transparent"===t)return r;if("transparent"===r)return t;if(0===e)return r;var o=C(t),n=a({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),i=C(r),l=a({},i,{alpha:"number"==typeof i.alpha?i.alpha:1}),s=n.alpha-l.alpha,d=2*parseFloat(e)-1,p=((d*s==-1?d:d+s)/(1+d*s)+1)/2,c=1-p;return function(e,t,r,o){if("string"==typeof e&&"number"==typeof t){var n=C(e);return"rgba("+n.red+","+n.green+","+n.blue+","+t+")"}if("number"==typeof e&&"number"==typeof t&&"number"==typeof r&&"number"==typeof o)return o>=1?O(e,t,r):"rgba("+e+","+t+","+r+","+o+")";if("object"==typeof e&&void 0===t&&void 0===r&&void 0===o)return e.alpha>=1?O(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new u(7)}({red:Math.floor(n.red*p+l.red*c),green:Math.floor(n.green*p+l.green*c),blue:Math.floor(n.blue*p+l.blue*c),alpha:n.alpha*parseFloat(e)+l.alpha*(1-parseFloat(e))})}var P=j(F);function A(e,t){return"transparent"===t?t:P(parseFloat(e),"rgb(0, 0, 0)",t)}var z=j(A);const I="rgba(0,0,0,.87)",M="#fff",R=(e,t,r)=>Object.entries(t).reduce(((t,[o,n])=>Object.assign(Object.assign({},t),{[o]:r.includes(o)?z(e,n):n})),t),T=e=>{var{colorsToDarken:t}=e,r=n(e,["colorsToDarken"]);return{idle:r,hover:R(.1,r,t),active:R(.2,r,t)}},D=e=>({main:{idle:e,hover:R(.05,e,["background"])},alternate:{idle:R(.02,e,["background"]),hover:R(.05,e,["background"])}}),G={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:I,white:M},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:T({colorsToDarken:["background","text"],background:M,text:I}),default:T({colorsToDarken:["background","text"],background:"#e0e1e2",text:I}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:I,background:"transparent"},hover:{text:I,background:"transparent"}},danger:T({colorsToDarken:["background"],background:"#EC5969",text:M}),primary:T({colorsToDarken:["background"],background:"#2284C4",text:M}),secondary:T({colorsToDarken:["background"],background:"#23B294",text:M})},pane:{basic:D({text:I,background:M,border:"#ddd"}),emphasized:D({text:I,background:"#f3f3f3",border:"#ddd"}),info:D({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:D({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:D({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:D({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},L=t.ThemeProvider,H=({children:t,theme:r})=>e.createElement(L,{theme:r||G},t),N=()=>{},q=e.createContext({isSideMenuOpen:!1,closeSideMenu:N,openSideMenu:N}),V=()=>e.useContext(q),U=({children:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>o(!1)),[]),a=e.useCallback((()=>o(!0)),[]);return e.createElement(q.Provider,{value:{isSideMenuOpen:r,closeSideMenu:n,openSideMenu:a}},t)},W=t.styled.div`
+"use strict";var e=require("react"),t=require("styled-components"),r=require("immer");function o(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function n(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}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},a.apply(this,arguments)}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}function s(e,t,r){return s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct.bind():function(e,t,r){var o=[null];o.push.apply(o,t);var n=new(Function.bind.apply(e,o));return r&&i(n,r.prototype),n},s.apply(null,arguments)}function d(e){var t="function"==typeof Map?new Map:void 0;return d=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return s(e,arguments,l(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),i(r,e)},d(e)}o(":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}"),"function"==typeof SuppressedError&&SuppressedError;var p={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function c(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var o,n=t[0],a=[];for(o=1;o<t.length;o+=1)a.push(t[o]);return a.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}var u=function(e){var t,r;function o(t){var r;if("production"===process.env.NODE_ENV)r=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+t+" for more information.")||this;else{for(var o=arguments.length,n=new Array(o>1?o-1:0),a=1;a<o;a++)n[a-1]=arguments[a];r=e.call(this,c.apply(void 0,[p[t]].concat(n)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r)}return r=e,(t=o).prototype=Object.create(r.prototype),t.prototype.constructor=t,i(t,r),o}(d(Error));function m(e){return Math.round(255*e)}function f(e,t,r){return m(e)+","+m(t)+","+m(r)}function b(e,t,r,o){if(void 0===o&&(o=f),0===t)return o(r,r,r);var n=(e%360+360)%360/60,a=(1-Math.abs(2*r-1))*t,i=a*(1-Math.abs(n%2-1)),l=0,s=0,d=0;n>=0&&n<1?(l=a,s=i):n>=1&&n<2?(l=i,s=a):n>=2&&n<3?(s=a,d=i):n>=3&&n<4?(s=i,d=a):n>=4&&n<5?(l=i,d=a):n>=5&&n<6&&(l=a,d=i);var p=r-a/2;return o(l+p,s+p,d+p)}var h={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var g=/^#[a-fA-F0-9]{6}$/,_=/^#[a-fA-F0-9]{8}$/,x=/^#[a-fA-F0-9]{3}$/,v=/^#[a-fA-F0-9]{4}$/,y=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,k=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,w=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,E=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function C(e){if("string"!=typeof e)throw new u(3);var t=function(e){if("string"!=typeof e)return e;var t=e.toLowerCase();return h[t]?"#"+h[t]:e}(e);if(t.match(g))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(_)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(x))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(v)){var o=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:o}}var n=y.exec(t);if(n)return{red:parseInt(""+n[1],10),green:parseInt(""+n[2],10),blue:parseInt(""+n[3],10)};var a=k.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var i=w.exec(t);if(i){var l="rgb("+b(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",s=y.exec(l);if(!s)throw new u(4,t,l);return{red:parseInt(""+s[1],10),green:parseInt(""+s[2],10),blue:parseInt(""+s[3],10)}}var d=E.exec(t.substring(0,50));if(d){var p="rgb("+b(parseInt(""+d[1],10),parseInt(""+d[2],10)/100,parseInt(""+d[3],10)/100)+")",c=y.exec(p);if(!c)throw new u(4,t,p);return{red:parseInt(""+c[1],10),green:parseInt(""+c[2],10),blue:parseInt(""+c[3],10),alpha:parseFloat(""+d[4])>1?parseFloat(""+d[4])/100:parseFloat(""+d[4])}}throw new u(5)}var $=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function B(e){var t=e.toString(16);return 1===t.length?"0"+t:t}function O(e,t,r){if("number"==typeof e&&"number"==typeof t&&"number"==typeof r)return $("#"+B(e)+B(t)+B(r));if("object"==typeof e&&void 0===t&&void 0===r)return $("#"+B(e.red)+B(e.green)+B(e.blue));throw new u(6)}function S(e,t,r){return function(){var o=r.concat(Array.prototype.slice.call(arguments));return o.length>=t?e.apply(this,o):S(e,t,o)}}function j(e){return S(e,e.length,[])}function F(e,t,r){if("transparent"===t)return r;if("transparent"===r)return t;if(0===e)return r;var o=C(t),n=a({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),i=C(r),l=a({},i,{alpha:"number"==typeof i.alpha?i.alpha:1}),s=n.alpha-l.alpha,d=2*parseFloat(e)-1,p=((d*s==-1?d:d+s)/(1+d*s)+1)/2,c=1-p;return function(e,t,r,o){if("string"==typeof e&&"number"==typeof t){var n=C(e);return"rgba("+n.red+","+n.green+","+n.blue+","+t+")"}if("number"==typeof e&&"number"==typeof t&&"number"==typeof r&&"number"==typeof o)return o>=1?O(e,t,r):"rgba("+e+","+t+","+r+","+o+")";if("object"==typeof e&&void 0===t&&void 0===r&&void 0===o)return e.alpha>=1?O(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new u(7)}({red:Math.floor(n.red*p+l.red*c),green:Math.floor(n.green*p+l.green*c),blue:Math.floor(n.blue*p+l.blue*c),alpha:n.alpha*parseFloat(e)+l.alpha*(1-parseFloat(e))})}var P=j(F);function A(e,t){return"transparent"===t?t:P(parseFloat(e),"rgb(0, 0, 0)",t)}var z=j(A);const I="rgba(0,0,0,.87)",M="#fff",R=(e,t,r)=>Object.entries(t).reduce(((t,[o,n])=>Object.assign(Object.assign({},t),{[o]:r.includes(o)?z(e,n):n})),t),T=e=>{var{colorsToDarken:t}=e,r=n(e,["colorsToDarken"]);return{idle:r,hover:R(.1,r,t),active:R(.2,r,t)}},D=e=>({main:{idle:e,hover:R(.05,e,["background"])},alternate:{idle:R(.02,e,["background"]),hover:R(.05,e,["background"])}}),G={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:I,white:M},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:T({colorsToDarken:["background","text"],background:M,text:I}),default:T({colorsToDarken:["background","text"],background:"#e0e1e2",text:I}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:I,background:"transparent"},hover:{text:I,background:"transparent"}},danger:T({colorsToDarken:["background"],background:"#EC5969",text:M}),primary:T({colorsToDarken:["background"],background:"#2284C4",text:M}),secondary:T({colorsToDarken:["background"],background:"#23B294",text:M})},pane:{basic:D({text:I,background:M,border:"#ddd"}),emphasized:D({text:I,background:"#f3f3f3",border:"#ddd"}),info:D({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:D({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:D({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:D({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},L=t.ThemeProvider,H=({children:t,theme:r})=>e.createElement(L,{theme:r||G},t),N=()=>{},q=e.createContext({isSideMenuOpen:!1,closeSideMenu:N,openSideMenu:N}),V=()=>e.useContext(q),U=({children:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>o(!1)),[]),a=e.useCallback((()=>o(!0)),[]);return e.createElement(q.Provider,{value:{isSideMenuOpen:r,closeSideMenu:n,openSideMenu:a}},t)},W=t.styled.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -46,9 +46,9 @@
   @media screen and (min-width: ${ae[e]}px) {
     ${r}        
   }        
-`,le=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of ne)if(t.includes(e))return!0;return!1},se=(e,t)=>{const r=Object.entries(t).filter((([t])=>void 0!==e[t]&&!le(e[t]))).map((([t,r])=>r(e[t])));return[ne.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?ie(r,o):void 0})).filter((e=>void 0!==e)),...r]};var de={box:"Box-module_box__Wgbf3",p:"Box-module_p__uTNSv",pt:"Box-module_pt__MH-Lm",pr:"Box-module_pr__3616n",pb:"Box-module_pb__Kvp5q",pl:"Box-module_pl__bOUi1",m:"Box-module_m__mpyOZ",mt:"Box-module_mt__pIuu-",mr:"Box-module_mr__U03MD",mb:"Box-module_mb__aqoO-",ml:"Box-module_ml__-kvBt",display:"Box-module_display__spr38",flexGrow:"Box-module_flexGrow__pea61",flexShrink:"Box-module_flexShrink__oFCTI",flexDirection:"Box-module_flexDirection__5aoqo",alignItems:"Box-module_alignItems__-jg7t",textAlign:"Box-module_textAlign__nv7di",justifyContent:"Box-module_justifyContent__tRuSe",tablet_p:"Box-module_tablet_p__hAV67",tablet_pt:"Box-module_tablet_pt__6WosU",tablet_pr:"Box-module_tablet_pr__4twiC",tablet_pb:"Box-module_tablet_pb__OGIGX",tablet_pl:"Box-module_tablet_pl__niebc",tablet_m:"Box-module_tablet_m__DRZCy",tablet_mt:"Box-module_tablet_mt__ySyc8",tablet_mr:"Box-module_tablet_mr__wSu4Q",tablet_mb:"Box-module_tablet_mb__cAy-T",tablet_ml:"Box-module_tablet_ml__QoOMl",tablet_display:"Box-module_tablet_display__VoPGZ",tablet_flexGrow:"Box-module_tablet_flexGrow__Csxsp",tablet_flexShrink:"Box-module_tablet_flexShrink__zC-Gw",tablet_flexDirection:"Box-module_tablet_flexDirection__nKcqC",tablet_alignItems:"Box-module_tablet_alignItems__aY4YO",tablet_textAlign:"Box-module_tablet_textAlign__ktytQ",tablet_justifyContent:"Box-module_tablet_justifyContent__QdUvl",laptop_p:"Box-module_laptop_p__fen5Y",laptop_pt:"Box-module_laptop_pt__2sptE",laptop_pr:"Box-module_laptop_pr__HphRq",laptop_pb:"Box-module_laptop_pb__XNnCT",laptop_pl:"Box-module_laptop_pl__M4QS2",laptop_m:"Box-module_laptop_m__R8AG4",laptop_mt:"Box-module_laptop_mt__AyUmA",laptop_mr:"Box-module_laptop_mr__kFgGv",laptop_mb:"Box-module_laptop_mb__HTwl1",laptop_ml:"Box-module_laptop_ml__r15Wy",laptop_display:"Box-module_laptop_display__5zhD1",laptop_flexGrow:"Box-module_laptop_flexGrow__Alvjd",laptop_flexShrink:"Box-module_laptop_flexShrink__4csEV",laptop_flexDirection:"Box-module_laptop_flexDirection__8RZcn",laptop_alignItems:"Box-module_laptop_alignItems__pKKwU",laptop_textAlign:"Box-module_laptop_textAlign__-Vu9x",laptop_justifyContent:"Box-module_laptop_justifyContent__u5iA5",desktop_p:"Box-module_desktop_p__wV4wh",desktop_pt:"Box-module_desktop_pt__ofwcu",desktop_pr:"Box-module_desktop_pr__H4xgR",desktop_pb:"Box-module_desktop_pb__9ztdj",desktop_pl:"Box-module_desktop_pl__Z7vkV",desktop_m:"Box-module_desktop_m__D-4oh",desktop_mt:"Box-module_desktop_mt__vxldQ",desktop_mr:"Box-module_desktop_mr__sZ2up",desktop_mb:"Box-module_desktop_mb__ZRC-9",desktop_ml:"Box-module_desktop_ml__GPz0g",desktop_display:"Box-module_desktop_display__bwoeF",desktop_flexGrow:"Box-module_desktop_flexGrow__R6dyW",desktop_flexShrink:"Box-module_desktop_flexShrink__3KncJ",desktop_flexDirection:"Box-module_desktop_flexDirection__R4-6Y",desktop_alignItems:"Box-module_desktop_alignItems__idN53",desktop_textAlign:"Box-module_desktop_textAlign__Hbg7-",desktop_justifyContent:"Box-module_desktop_justifyContent__IP16d"};function pe(e){var t,r,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=pe(e[t]))&&(o&&(o+=" "),o+=r);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function ce(){for(var e,t,r=0,o="";r<arguments.length;)(e=arguments[r++])&&(t=pe(e))&&(o&&(o+=" "),o+=t);return o}o(".Box-module_box__Wgbf3{box-sizing:border-box}@media (min-width:0px){.Box-module_p__uTNSv{padding:var(--p)}.Box-module_pt__MH-Lm{padding-top:var(--pt)}.Box-module_pr__3616n{padding-right:var(--pr)}.Box-module_pb__Kvp5q{padding-bottom:var(--pb)}.Box-module_pl__bOUi1{padding-left:var(--pl)}.Box-module_m__mpyOZ{margin:var(--m)}.Box-module_mt__pIuu-{margin-top:var(--mt)}.Box-module_mr__U03MD{margin-right:var(--mr)}.Box-module_mb__aqoO-{margin-bottom:var(--mb)}.Box-module_ml__-kvBt{margin-left:var(--ml)}.Box-module_display__spr38{display:var(--display)}.Box-module_flexGrow__pea61{flex-grow:var(--flexGrow)}.Box-module_flexShrink__oFCTI{flex-shrink:var(--flexShrink)}.Box-module_flexDirection__5aoqo{flex-direction:var(--flexDirection)}.Box-module_alignItems__-jg7t{align-items:var(--alignItems)}.Box-module_textAlign__nv7di{text-align:var(--textAlign)}.Box-module_justifyContent__tRuSe{justify-content:var(--justifyContent)}}@media (min-width:768px){.Box-module_tablet_p__hAV67{padding:var(--tablet_p)}.Box-module_tablet_pt__6WosU{padding-top:var(--tablet_pt)}.Box-module_tablet_pr__4twiC{padding-right:var(--tablet_pr)}.Box-module_tablet_pb__OGIGX{padding-bottom:var(--tablet_pb)}.Box-module_tablet_pl__niebc{padding-left:var(--tablet_pl)}.Box-module_tablet_m__DRZCy{margin:var(--tablet_m)}.Box-module_tablet_mt__ySyc8{margin-top:var(--tablet_mt)}.Box-module_tablet_mr__wSu4Q{margin-right:var(--tablet_mr)}.Box-module_tablet_mb__cAy-T{margin-bottom:var(--tablet_mb)}.Box-module_tablet_ml__QoOMl{margin-left:var(--tablet_ml)}.Box-module_tablet_display__VoPGZ{display:var(--tablet_display)}.Box-module_tablet_flexGrow__Csxsp{flex-grow:var(--tablet_flexGrow)}.Box-module_tablet_flexShrink__zC-Gw{flex-shrink:var(--tablet_flexShrink)}.Box-module_tablet_flexDirection__nKcqC{flex-direction:var(--tablet_flexDirection)}.Box-module_tablet_alignItems__aY4YO{align-items:var(--tablet_alignItems)}.Box-module_tablet_textAlign__ktytQ{text-align:var(--tablet_textAlign)}.Box-module_tablet_justifyContent__QdUvl{justify-content:var(--tablet_justifyContent)}}@media (min-width:1024px){.Box-module_laptop_p__fen5Y{padding:var(--laptop_p)}.Box-module_laptop_pt__2sptE{padding-top:var(--laptop_pt)}.Box-module_laptop_pr__HphRq{padding-right:var(--laptop_pr)}.Box-module_laptop_pb__XNnCT{padding-bottom:var(--laptop_pb)}.Box-module_laptop_pl__M4QS2{padding-left:var(--laptop_pl)}.Box-module_laptop_m__R8AG4{margin:var(--laptop_m)}.Box-module_laptop_mt__AyUmA{margin-top:var(--laptop_mt)}.Box-module_laptop_mr__kFgGv{margin-right:var(--laptop_mr)}.Box-module_laptop_mb__HTwl1{margin-bottom:var(--laptop_mb)}.Box-module_laptop_ml__r15Wy{margin-left:var(--laptop_ml)}.Box-module_laptop_display__5zhD1{display:var(--laptop_display)}.Box-module_laptop_flexGrow__Alvjd{flex-grow:var(--laptop_flexGrow)}.Box-module_laptop_flexShrink__4csEV{flex-shrink:var(--laptop_flexShrink)}.Box-module_laptop_flexDirection__8RZcn{flex-direction:var(--laptop_flexDirection)}.Box-module_laptop_alignItems__pKKwU{align-items:var(--laptop_alignItems)}.Box-module_laptop_textAlign__-Vu9x{text-align:var(--laptop_textAlign)}.Box-module_laptop_justifyContent__u5iA5{justify-content:var(--laptop_justifyContent)}}@media (min-width:1430px){.Box-module_desktop_p__wV4wh{padding:var(--desktop_p)}.Box-module_desktop_pt__ofwcu{padding-top:var(--desktop_pt)}.Box-module_desktop_pr__H4xgR{padding-right:var(--desktop_pr)}.Box-module_desktop_pb__9ztdj{padding-bottom:var(--desktop_pb)}.Box-module_desktop_pl__Z7vkV{padding-left:var(--desktop_pl)}.Box-module_desktop_m__D-4oh{margin:var(--desktop_m)}.Box-module_desktop_mt__vxldQ{margin-top:var(--desktop_mt)}.Box-module_desktop_mr__sZ2up{margin-right:var(--desktop_mr)}.Box-module_desktop_mb__ZRC-9{margin-bottom:var(--desktop_mb)}.Box-module_desktop_ml__GPz0g{margin-left:var(--desktop_ml)}.Box-module_desktop_display__bwoeF{display:var(--desktop_display)}.Box-module_desktop_flexGrow__R6dyW{flex-grow:var(--desktop_flexGrow)}.Box-module_desktop_flexShrink__3KncJ{flex-shrink:var(--desktop_flexShrink)}.Box-module_desktop_flexDirection__R4-6Y{flex-direction:var(--desktop_flexDirection)}.Box-module_desktop_alignItems__idN53{align-items:var(--desktop_alignItems)}.Box-module_desktop_textAlign__Hbg7-{text-align:var(--desktop_textAlign)}.Box-module_desktop_justifyContent__IP16d{justify-content:var(--desktop_justifyContent)}}");const ue=t=>{var{children:r,className:o,p:a,pt:i,pr:l,pb:s,pl:d,m:p,mt:c,mr:u,mb:m,ml:f,display:b,flexGrow:g,flexShrink:h,flexDirection:_,alignItems:x,textAlign:v,justifyContent:y,width:k}=t,w=n(t,["children","className","p","pt","pr","pb","pl","m","mt","mr","mb","ml","display","flexGrow","flexShrink","flexDirection","alignItems","textAlign","justifyContent","width"]);const $=Object.entries({p:a,pt:i,pr:l,pb:s,pl:d,m:p,mt:c,mr:u,mb:m,ml:f,display:b,flexGrow:g,flexShrink:h,flexDirection:_,alignItems:x,textAlign:v,justifyContent:y,width:k}).filter((([,e])=>Boolean(e))),C=$.flatMap((([e,t])=>fe(e,t))).reduce(((e,[t,r])=>Object.assign(Object.assign({},e),{[t]:r})),{}),E=$.map((([e,t])=>me(e,t))).join(" ");return e.createElement("div",Object.assign({className:ce(de.box,o,E),style:C},w),r)},me=(e,t)=>le(t)?Object.entries(t).map((([t])=>de[`${be(t)}${e}`])).join(" "):de[e],fe=(e,t)=>le(t)?Object.entries(t).map((([t,r])=>[`--${be(t)}${e}`,ge(e,r)])):[[`--${e}`,ge(e,t)]],be=e=>"mobile"===e?"":`${e}_`,ge=(e,t)=>{switch(e){case"p":case"pt":case"pr":case"pb":case"pl":case"m":case"mt":case"mr":case"mb":case"ml":return`calc(var(--spacing) * ${t})`;default:return t}},he="#20c997",_e=t.styled.g`
+`,le=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of ne)if(t.includes(e))return!0;return!1},se=(e,t)=>{const r=Object.entries(t).filter((([t])=>void 0!==e[t]&&!le(e[t]))).map((([t,r])=>r(e[t])));return[ne.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?ie(r,o):void 0})).filter((e=>void 0!==e)),...r]};var de={box:"Box-module_box__Wgbf3",p:"Box-module_p__uTNSv",pt:"Box-module_pt__MH-Lm",pr:"Box-module_pr__3616n",pb:"Box-module_pb__Kvp5q",pl:"Box-module_pl__bOUi1",m:"Box-module_m__mpyOZ",mt:"Box-module_mt__pIuu-",mr:"Box-module_mr__U03MD",mb:"Box-module_mb__aqoO-",ml:"Box-module_ml__-kvBt",display:"Box-module_display__spr38",flexGrow:"Box-module_flexGrow__pea61",flexShrink:"Box-module_flexShrink__oFCTI",flexDirection:"Box-module_flexDirection__5aoqo",alignItems:"Box-module_alignItems__-jg7t",textAlign:"Box-module_textAlign__nv7di",justifyContent:"Box-module_justifyContent__tRuSe",tablet_p:"Box-module_tablet_p__hAV67",tablet_pt:"Box-module_tablet_pt__6WosU",tablet_pr:"Box-module_tablet_pr__4twiC",tablet_pb:"Box-module_tablet_pb__OGIGX",tablet_pl:"Box-module_tablet_pl__niebc",tablet_m:"Box-module_tablet_m__DRZCy",tablet_mt:"Box-module_tablet_mt__ySyc8",tablet_mr:"Box-module_tablet_mr__wSu4Q",tablet_mb:"Box-module_tablet_mb__cAy-T",tablet_ml:"Box-module_tablet_ml__QoOMl",tablet_display:"Box-module_tablet_display__VoPGZ",tablet_flexGrow:"Box-module_tablet_flexGrow__Csxsp",tablet_flexShrink:"Box-module_tablet_flexShrink__zC-Gw",tablet_flexDirection:"Box-module_tablet_flexDirection__nKcqC",tablet_alignItems:"Box-module_tablet_alignItems__aY4YO",tablet_textAlign:"Box-module_tablet_textAlign__ktytQ",tablet_justifyContent:"Box-module_tablet_justifyContent__QdUvl",laptop_p:"Box-module_laptop_p__fen5Y",laptop_pt:"Box-module_laptop_pt__2sptE",laptop_pr:"Box-module_laptop_pr__HphRq",laptop_pb:"Box-module_laptop_pb__XNnCT",laptop_pl:"Box-module_laptop_pl__M4QS2",laptop_m:"Box-module_laptop_m__R8AG4",laptop_mt:"Box-module_laptop_mt__AyUmA",laptop_mr:"Box-module_laptop_mr__kFgGv",laptop_mb:"Box-module_laptop_mb__HTwl1",laptop_ml:"Box-module_laptop_ml__r15Wy",laptop_display:"Box-module_laptop_display__5zhD1",laptop_flexGrow:"Box-module_laptop_flexGrow__Alvjd",laptop_flexShrink:"Box-module_laptop_flexShrink__4csEV",laptop_flexDirection:"Box-module_laptop_flexDirection__8RZcn",laptop_alignItems:"Box-module_laptop_alignItems__pKKwU",laptop_textAlign:"Box-module_laptop_textAlign__-Vu9x",laptop_justifyContent:"Box-module_laptop_justifyContent__u5iA5",desktop_p:"Box-module_desktop_p__wV4wh",desktop_pt:"Box-module_desktop_pt__ofwcu",desktop_pr:"Box-module_desktop_pr__H4xgR",desktop_pb:"Box-module_desktop_pb__9ztdj",desktop_pl:"Box-module_desktop_pl__Z7vkV",desktop_m:"Box-module_desktop_m__D-4oh",desktop_mt:"Box-module_desktop_mt__vxldQ",desktop_mr:"Box-module_desktop_mr__sZ2up",desktop_mb:"Box-module_desktop_mb__ZRC-9",desktop_ml:"Box-module_desktop_ml__GPz0g",desktop_display:"Box-module_desktop_display__bwoeF",desktop_flexGrow:"Box-module_desktop_flexGrow__R6dyW",desktop_flexShrink:"Box-module_desktop_flexShrink__3KncJ",desktop_flexDirection:"Box-module_desktop_flexDirection__R4-6Y",desktop_alignItems:"Box-module_desktop_alignItems__idN53",desktop_textAlign:"Box-module_desktop_textAlign__Hbg7-",desktop_justifyContent:"Box-module_desktop_justifyContent__IP16d"};function pe(e){var t,r,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=pe(e[t]))&&(o&&(o+=" "),o+=r);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function ce(){for(var e,t,r=0,o="";r<arguments.length;)(e=arguments[r++])&&(t=pe(e))&&(o&&(o+=" "),o+=t);return o}o(".Box-module_box__Wgbf3{box-sizing:border-box}@media (min-width:0px){.Box-module_p__uTNSv{padding:var(--p)}.Box-module_pt__MH-Lm{padding-top:var(--pt)}.Box-module_pr__3616n{padding-right:var(--pr)}.Box-module_pb__Kvp5q{padding-bottom:var(--pb)}.Box-module_pl__bOUi1{padding-left:var(--pl)}.Box-module_m__mpyOZ{margin:var(--m)}.Box-module_mt__pIuu-{margin-top:var(--mt)}.Box-module_mr__U03MD{margin-right:var(--mr)}.Box-module_mb__aqoO-{margin-bottom:var(--mb)}.Box-module_ml__-kvBt{margin-left:var(--ml)}.Box-module_display__spr38{display:var(--display)}.Box-module_flexGrow__pea61{flex-grow:var(--flexGrow)}.Box-module_flexShrink__oFCTI{flex-shrink:var(--flexShrink)}.Box-module_flexDirection__5aoqo{flex-direction:var(--flexDirection)}.Box-module_alignItems__-jg7t{align-items:var(--alignItems)}.Box-module_textAlign__nv7di{text-align:var(--textAlign)}.Box-module_justifyContent__tRuSe{justify-content:var(--justifyContent)}}@media (min-width:768px){.Box-module_tablet_p__hAV67{padding:var(--tablet_p)}.Box-module_tablet_pt__6WosU{padding-top:var(--tablet_pt)}.Box-module_tablet_pr__4twiC{padding-right:var(--tablet_pr)}.Box-module_tablet_pb__OGIGX{padding-bottom:var(--tablet_pb)}.Box-module_tablet_pl__niebc{padding-left:var(--tablet_pl)}.Box-module_tablet_m__DRZCy{margin:var(--tablet_m)}.Box-module_tablet_mt__ySyc8{margin-top:var(--tablet_mt)}.Box-module_tablet_mr__wSu4Q{margin-right:var(--tablet_mr)}.Box-module_tablet_mb__cAy-T{margin-bottom:var(--tablet_mb)}.Box-module_tablet_ml__QoOMl{margin-left:var(--tablet_ml)}.Box-module_tablet_display__VoPGZ{display:var(--tablet_display)}.Box-module_tablet_flexGrow__Csxsp{flex-grow:var(--tablet_flexGrow)}.Box-module_tablet_flexShrink__zC-Gw{flex-shrink:var(--tablet_flexShrink)}.Box-module_tablet_flexDirection__nKcqC{flex-direction:var(--tablet_flexDirection)}.Box-module_tablet_alignItems__aY4YO{align-items:var(--tablet_alignItems)}.Box-module_tablet_textAlign__ktytQ{text-align:var(--tablet_textAlign)}.Box-module_tablet_justifyContent__QdUvl{justify-content:var(--tablet_justifyContent)}}@media (min-width:1024px){.Box-module_laptop_p__fen5Y{padding:var(--laptop_p)}.Box-module_laptop_pt__2sptE{padding-top:var(--laptop_pt)}.Box-module_laptop_pr__HphRq{padding-right:var(--laptop_pr)}.Box-module_laptop_pb__XNnCT{padding-bottom:var(--laptop_pb)}.Box-module_laptop_pl__M4QS2{padding-left:var(--laptop_pl)}.Box-module_laptop_m__R8AG4{margin:var(--laptop_m)}.Box-module_laptop_mt__AyUmA{margin-top:var(--laptop_mt)}.Box-module_laptop_mr__kFgGv{margin-right:var(--laptop_mr)}.Box-module_laptop_mb__HTwl1{margin-bottom:var(--laptop_mb)}.Box-module_laptop_ml__r15Wy{margin-left:var(--laptop_ml)}.Box-module_laptop_display__5zhD1{display:var(--laptop_display)}.Box-module_laptop_flexGrow__Alvjd{flex-grow:var(--laptop_flexGrow)}.Box-module_laptop_flexShrink__4csEV{flex-shrink:var(--laptop_flexShrink)}.Box-module_laptop_flexDirection__8RZcn{flex-direction:var(--laptop_flexDirection)}.Box-module_laptop_alignItems__pKKwU{align-items:var(--laptop_alignItems)}.Box-module_laptop_textAlign__-Vu9x{text-align:var(--laptop_textAlign)}.Box-module_laptop_justifyContent__u5iA5{justify-content:var(--laptop_justifyContent)}}@media (min-width:1430px){.Box-module_desktop_p__wV4wh{padding:var(--desktop_p)}.Box-module_desktop_pt__ofwcu{padding-top:var(--desktop_pt)}.Box-module_desktop_pr__H4xgR{padding-right:var(--desktop_pr)}.Box-module_desktop_pb__9ztdj{padding-bottom:var(--desktop_pb)}.Box-module_desktop_pl__Z7vkV{padding-left:var(--desktop_pl)}.Box-module_desktop_m__D-4oh{margin:var(--desktop_m)}.Box-module_desktop_mt__vxldQ{margin-top:var(--desktop_mt)}.Box-module_desktop_mr__sZ2up{margin-right:var(--desktop_mr)}.Box-module_desktop_mb__ZRC-9{margin-bottom:var(--desktop_mb)}.Box-module_desktop_ml__GPz0g{margin-left:var(--desktop_ml)}.Box-module_desktop_display__bwoeF{display:var(--desktop_display)}.Box-module_desktop_flexGrow__R6dyW{flex-grow:var(--desktop_flexGrow)}.Box-module_desktop_flexShrink__3KncJ{flex-shrink:var(--desktop_flexShrink)}.Box-module_desktop_flexDirection__R4-6Y{flex-direction:var(--desktop_flexDirection)}.Box-module_desktop_alignItems__idN53{align-items:var(--desktop_alignItems)}.Box-module_desktop_textAlign__Hbg7-{text-align:var(--desktop_textAlign)}.Box-module_desktop_justifyContent__IP16d{justify-content:var(--desktop_justifyContent)}}");const ue=t=>{var{children:r,className:o,p:a,pt:i,pr:l,pb:s,pl:d,m:p,mt:c,mr:u,mb:m,ml:f,display:b,flexGrow:h,flexShrink:g,flexDirection:_,alignItems:x,textAlign:v,justifyContent:y,width:k}=t,w=n(t,["children","className","p","pt","pr","pb","pl","m","mt","mr","mb","ml","display","flexGrow","flexShrink","flexDirection","alignItems","textAlign","justifyContent","width"]);const E=Object.entries({p:a,pt:i,pr:l,pb:s,pl:d,m:p,mt:c,mr:u,mb:m,ml:f,display:b,flexGrow:h,flexShrink:g,flexDirection:_,alignItems:x,textAlign:v,justifyContent:y,width:k}).filter((([,e])=>Boolean(e))),C=E.flatMap((([e,t])=>fe(e,t))).reduce(((e,[t,r])=>Object.assign(Object.assign({},e),{[t]:r})),{}),$=E.map((([e,t])=>me(e,t))).join(" ");return e.createElement("div",Object.assign({className:ce(de.box,o,$),style:C},w),r)},me=(e,t)=>le(t)?Object.entries(t).map((([t])=>de[`${be(t)}${e}`])).join(" "):de[e],fe=(e,t)=>le(t)?Object.entries(t).map((([t,r])=>[`--${be(t)}${e}`,he(e,r)])):[[`--${e}`,he(e,t)]],be=e=>"mobile"===e?"":`${e}_`,he=(e,t)=>{switch(e){case"p":case"pt":case"pr":case"pb":case"pl":case"m":case"mt":case"mr":case"mb":case"ml":return`calc(var(--spacing) * ${t})`;case"width":return"number"==typeof t?`calc(var(--spacing) * ${t})`:t;default:return t}},ge="#20c997",_e=t.styled.g`
     fill: none; 
-    stroke: ${he};    
+    stroke: ${ge};    
     stroke-width: 10;
 `,xe=t.keyframes`    
     0% {
@@ -61,7 +61,7 @@
     stroke-dasharray: 100px, 100px;
     stroke-dashoffset: 200px;
     animation: ${xe} 0.42s ease-in-out 0.8s backwards;
-    stroke: ${he};
+    stroke: ${ge};
     stroke-width: 10;     
 `,ye=t.keyframes`
     0% {
@@ -74,7 +74,7 @@
     stroke-dasharray: 480px, 480px; 
     stroke-dashoffset: 960px;
     animation: ${ye} 0.6s ease-in-out backwards;
-    stroke: ${he};
+    stroke: ${ge};
     stroke-width: 10;    
 `,we=t.keyframes`
     0% { 
@@ -83,24 +83,20 @@
     100% { 
         opacity:100; 
     }
-`,$e=t.styled.circle`
+`,Ee=t.styled.circle`
     stroke-dasharray: 480px, 480px; 
     stroke-dashoffset: 960px;
     animation: ${we} 1.2s ease-in-out 1.4s backwards;
     fill: #effaf8;    
-`,Ce=()=>e.createElement("svg",{viewBox:"0 0 154 154"},e.createElement(_e,null,e.createElement(ke,{cx:"77",cy:"77",r:"72"}),e.createElement($e,{cx:"77",cy:"77",r:"72"}),e.createElement(ve,{points:"43.5,77.8 63.7,97.9 112.2,49.4"}))),Ee=t.styled.div.withConfig({shouldForwardProp:X})`
-  box-sizing: border-box;
-  
-  ${e=>se(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};`})}
-`;var Be="BreadCrumbs-module_breadcrumbs__-UMJj";o('.BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:"/";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}');const Oe=t.styled.div`
+`,Ce=()=>e.createElement("svg",{viewBox:"0 0 154 154"},e.createElement(_e,null,e.createElement(ke,{cx:"77",cy:"77",r:"72"}),e.createElement(Ee,{cx:"77",cy:"77",r:"72"}),e.createElement(ve,{points:"43.5,77.8 63.7,97.9 112.2,49.4"})));var $e="BreadCrumbs-module_breadcrumbs__-UMJj";o('.BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:"/";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}');const Be=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%);
-`,Se=t.styled(ue)`
+`,Oe=t.styled(ue)`
   font-size: 12px;
   font-style: italic;
-`,je=t.styled(ue)`
+`,Se=t.styled(ue)`
   ${e=>e.panelHasChildren&&t.css`
       border-radius: 4px;
       border-bottom: 1px solid rgba(34, 36, 38, 0.15);
@@ -110,31 +106,31 @@
       cursor: pointer;
       user-select: none;
     `}
-`,Fe=t.styled(ue)`
+`,je=t.styled(ue)`
   border-radius: 4px;
   background-color: #fff;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
-`,Pe=({children:t,className:r,title:o,titleAction:n,titleMeta:a,onClickTitle:i,footer:l,p:s=3,titleLevel:d=5})=>e.createElement(Oe,{className:r},o&&e.createElement(je,{p:3,panelHasChildren:!!t,display:"flex",alignItems:"center",onClick:i},e.createElement(ue,{flexGrow:1},e.createElement(re,{level:d},o)),a&&e.createElement(Se,null,a),n&&e.createElement(ue,{pl:5},n)),t&&e.createElement(ue,{p:s},t),l&&e.createElement(Fe,{p:3},l)),Ae=t.styled.div.withConfig({shouldForwardProp:X})`                
+`,Fe=({children:t,className:r,title:o,titleAction:n,titleMeta:a,onClickTitle:i,footer:l,p:s=3,titleLevel:d=5})=>e.createElement(Be,{className:r},o&&e.createElement(Se,{p:3,panelHasChildren:!!t,display:"flex",alignItems:"center",onClick:i},e.createElement(ue,{flexGrow:1},e.createElement(re,{level:d},o)),a&&e.createElement(Oe,null,a),n&&e.createElement(ue,{pl:5},n)),t&&e.createElement(ue,{p:s},t),l&&e.createElement(je,{p:3},l)),Pe=t.styled.div.withConfig({shouldForwardProp:X})`                
   transform: ${e=>e.isOpen?"translate(0)":"translateY(-101%)"};  
   transition-duration: ${e=>e.duration||.25}s;  
   transition-property: transform;     
 }
-`,ze=t.styled.div`
+`,Ae=t.styled.div`
   overflow: hidden;
-`,Ie=t.styled.div.withConfig({shouldForwardProp:X})`
+`,ze=t.styled.div.withConfig({shouldForwardProp:X})`
    display: ${e=>e.isHidden?"none":"block"};
-`,Me=({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(ze,null,e.createElement(Ae,{isOpen:a,onTransitionEndCapture:s,duration:o},e.createElement(Ie,{isHidden:i},r)))},Re=t.styled.div.withConfig({shouldForwardProp:X})`
+`,Ie=({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(Ae,null,e.createElement(Pe,{isOpen:a,onTransitionEndCapture:s,duration:o},e.createElement(ze,{isHidden:i},r)))},Me=t.styled.div.withConfig({shouldForwardProp:X})`
   transform: scaleY( ${e=>e.isOpen?"-1":"1"} );
-`,Te=t.styled(Pe)`
+`,Re=t.styled(Fe)`
    ${e=>!e.isOpen&&t.css`border-bottom: 0;`}
-`,De=t=>{var{isInitiallyOpen:r,children:o,titleAction:a}=t,i=n(t,["isInitiallyOpen","children","titleAction"]);const[l,s]=e.useState(r),d=e.useCallback((()=>s(!l)),[s,l]);return e.createElement(Te,Object.assign({},i,{isOpen:l,onClickTitle:d,p:0,titleAction:e.createElement(Re,{isOpen:l},a)}),e.createElement(Me,{isOpen:l},e.createElement(ue,{p:3},o)))},Ge=t.keyframes`
+`,Te=t=>{var{isInitiallyOpen:r,children:o,titleAction:a}=t,i=n(t,["isInitiallyOpen","children","titleAction"]);const[l,s]=e.useState(r),d=e.useCallback((()=>s(!l)),[s,l]);return e.createElement(Re,Object.assign({},i,{isOpen:l,onClickTitle:d,p:0,titleAction:e.createElement(Me,{isOpen:l},a)}),e.createElement(Ie,{isOpen:l},e.createElement(ue,{p:3},o)))},De=t.keyframes`
   0% {
     opacity: 0;
   }    
   100% {
     opacity: 1;
   }
-`,Le=t.styled.div`
+`,Ge=t.styled.div`
   position: fixed;  
   top: 0;
   left: 0; 
@@ -143,8 +139,8 @@
   z-index: 10;
   opacity: 0;
   background-color: rgba(0,0,0,0.6);
-  animation: ${Ge} 0.2s forwards;
-`,He=t.styled.div`
+  animation: ${De} 0.2s forwards;
+`,Le=t.styled.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -156,15 +152,15 @@
   justify-content: center;
   
   z-index: 50;
-`,Ne=t.styled(Pe)`
+`,He=t.styled(Fe)`
   box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
-`,qe=t.styled.div`
+`,Ne=t.styled.div`
   line-height: ${e=>e.theme.spacing(6)};
   font-size: 15px;
-`,Ve=t=>{var{children:r,handleClickOverlay:o,buttons:a}=t,i=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(Le,{onClick:o}),e.createElement(He,null,e.createElement(K,null,e.createElement(Ne,Object.assign({footer:a?e.createElement(ue,{display:"flex",justifyContent:"flex-end"},a):void 0},i),r&&e.createElement(qe,null,r)))))},Ue=t.styled.div.withConfig({shouldForwardProp:X})`
+`,qe=t=>{var{children:r,handleClickOverlay:o,buttons:a}=t,i=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(Ge,{onClick:o}),e.createElement(Le,null,e.createElement(K,null,e.createElement(He,Object.assign({footer:a?e.createElement(ue,{display:"flex",justifyContent:"flex-end"},a):void 0},i),r&&e.createElement(Ne,null,r)))))},Ve=t.styled.div.withConfig({shouldForwardProp:X})`
   ${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)};`}      
-`,We=t.styled.button.withConfig({shouldForwardProp:X})`
+`,Ue=t.styled.button.withConfig({shouldForwardProp:X})`
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;    
@@ -207,7 +203,7 @@
   ${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}=G.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    `}}        
-`,Ye=t.styled.span.withConfig({shouldForwardProp:X})`
+`,We=t.styled.span.withConfig({shouldForwardProp:X})`
   ${e=>"text"!==e.variant&&t.css`
      min-width: ${e.theme.spacing(10)};
   `}
@@ -229,20 +225,20 @@
         left: 50%;
       }
   `}          
-`,Ze=e.forwardRef(((t,r)=>{var{children:o,icon:a,stretch:i}=t,l=n(t,["children","icon","stretch"]);return e.createElement(Ue,{actionButton:l.actionButton,stretch:i},e.createElement(We,Object.assign({ref:r,icon:a,hasChildren:!!o,stretch:i},l),a&&e.createElement(Ye,{variant:l.variant,hasChildren:!!o},a),o))})),Xe=({title:t,children:r,cancelLabel:o="Nee, annuleren",confirmLabel:n="Ja",confirmVariant:a="secondary",confirmIcon:i,cancelIcon:l,isOpen:s,onCancel:d,onConfirm:p})=>s?e.createElement(Ve,{title:t,handleClickOverlay:d,buttons:e.createElement(e.Fragment,null,e.createElement(Ze,{"data-testid":"btn-cancel",onClick:d,variant:"basic",icon:l},o),e.createElement(Ze,{"data-testid":"btn-confirm",onClick:p,variant:a,icon:i},n))},r):null,Qe=()=>{},Ke=t.styled.table.withConfig({shouldForwardProp:X})`
+`,Ye=e.forwardRef(((t,r)=>{var{children:o,icon:a,stretch:i}=t,l=n(t,["children","icon","stretch"]);return e.createElement(Ve,{actionButton:l.actionButton,stretch:i},e.createElement(Ue,Object.assign({ref:r,icon:a,hasChildren:!!o,stretch:i},l),a&&e.createElement(We,{variant:l.variant,hasChildren:!!o},a),o))})),Ze=({title:t,children:r,cancelLabel:o="Nee, annuleren",confirmLabel:n="Ja",confirmVariant:a="secondary",confirmIcon:i,cancelIcon:l,isOpen:s,onCancel:d,onConfirm:p})=>s?e.createElement(qe,{title:t,handleClickOverlay:d,buttons:e.createElement(e.Fragment,null,e.createElement(Ye,{"data-testid":"btn-cancel",onClick:d,variant:"basic",icon:l},o),e.createElement(Ye,{"data-testid":"btn-confirm",onClick:p,variant:a,icon:i},n))},r):null,Xe=()=>{},Qe=t.styled.table.withConfig({shouldForwardProp:X})`
   border-radius: 4px;
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   
   ${e=>se(e,{tableLayout:e=>t.css`table-layout: ${e};`})}      
-`,Je=t.styled.tr.withConfig({shouldForwardProp:X})`
+`,Ke=t.styled.tr.withConfig({shouldForwardProp:X})`
   & > 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  `))}    
-`,et=t.styled.td.withConfig({shouldForwardProp:X})`
+`,Je=t.styled.td.withConfig({shouldForwardProp:X})`
   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)};
@@ -252,7 +248,7 @@
   }
         
   ${e=>se(e,{width:e=>t.css`width: ${e};`})}
-`,tt=t.styled.th.withConfig({shouldForwardProp:X})`  
+`,et=t.styled.th.withConfig({shouldForwardProp:X})`  
   border-right: 1px solid rgba(34,36,38,.1); 
   text-align: left;
   padding: ${e=>e.theme.spacing(2,3)};  
@@ -278,13 +274,13 @@
   ${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  `}
-`,rt=t=>e.createElement(Ke,Object.assign({},t));rt.Row=Je,rt.HeadCell=tt,rt.Cell=t=>{var{variant:r,className:o}=t,a=n(t,["variant","className"]);return e.createElement(et,Object.assign({className:`${o||""} ${r||"basic"}`},a))};const ot=t.styled(rt.Cell)`
+`,tt=t=>e.createElement(Qe,Object.assign({},t));tt.Row=Ke,tt.HeadCell=et,tt.Cell=t=>{var{variant:r,className:o}=t,a=n(t,["variant","className"]);return e.createElement(Je,Object.assign({className:`${o||""} ${r||"basic"}`},a))};const rt=t.styled(tt.Cell)`
   ${e=>e.firstRow&&t.css` border-top: 0px !important;`}
   ${e=>e.width&&t.css` width: ${e.width};`}
   vertical-align: top;
-`,nt=t.styled.div`
+`,ot=t.styled.div`
   position: relative;
-`,at=t.styled.span.withConfig({shouldForwardProp:X})`
+`,nt=t.styled.span.withConfig({shouldForwardProp:X})`
   border-radius: 4px;
   border: 1px solid rgba(34,36,38,.15);
   position: absolute;
@@ -293,19 +289,19 @@
   z-index: 100;
   
   ${e=>"right"===e.align?t.css`right: 0;`:t.css`left: 0;`}  
-`,it=t.styled.ul`
+`,at=t.styled.ul`
   list-style: none;
   margin: 0;
   padding: ${e=>e.theme.spacing(2,0)};  
-`,lt=t.styled.li`
+`,it=t.styled.li`
   cursor: pointer;
   padding: ${e=>e.theme.spacing(0,3)};
   &:hover {
     background-color: #ddd;
   }
-`,st=t.styled.input`
+`,lt=t.styled.input`
   display: none;
-`,dt=t.styled.div.withConfig({shouldForwardProp:X})`
+`,st=t.styled.div.withConfig({shouldForwardProp:X})`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -323,9 +319,9 @@
   ${e=>e.isReadyToDrop&&t.css`
     background-color: #FAFAFA;    
   `}
-`,pt=t.styled(ue)`
+`,dt=t.styled(ue)`
   width: 300px;  
-`,ct={laptop:1},ut={mobile:1,laptop:0},mt={laptop:1},ft=t=>{var{stretch:r,laptopWidth:o}=t,a=n(t,["stretch","laptopWidth"]);const i=e.useMemo((()=>({laptop:o})),[o]);return e.createElement(ue,Object.assign({flexGrow:r?mt:void 0,width:i,pt:ut,pb:ut,pl:ct,pr:ct},a))},bt={laptop:-1},gt={mobile:-1,laptop:0},ht={mobile:"block",laptop:"flex"},_t=t.styled(ue)`
+`,pt={laptop:1},ct={mobile:1,laptop:0},ut={laptop:1},mt=t=>{var{stretch:r,laptopWidth:o}=t,a=n(t,["stretch","laptopWidth"]);const i=e.useMemo((()=>({laptop:o})),[o]);return e.createElement(ue,Object.assign({flexGrow:r?ut:void 0,width:i,pt:ct,pb:ct,pl:pt,pr:pt},a))},ft={laptop:-1},bt={mobile:-1,laptop:0},ht={mobile:"block",laptop:"flex"},gt=t.styled(ue)`
   float: left;
     
   height: 100%;
@@ -358,22 +354,22 @@
       opacity: ${e=>e.isDesktopMenuOpen?"1":"0"};
     }                              
   `)}  
-`,xt=t=>{const{closeSideMenu:r,openSideMenu:o,isSideMenuOpen:n}=V();return e.createElement(_t,Object.assign({isDesktopMenuOpen:n},t,{onMouseEnter:o,onMouseLeave:r}))},vt=t.styled(ue)`
+`,_t=t=>{const{closeSideMenu:r,openSideMenu:o,isSideMenuOpen:n}=V();return e.createElement(gt,Object.assign({isDesktopMenuOpen:n},t,{onMouseEnter:o,onMouseLeave:r}))},xt=t.styled(ue)`
   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;
-`,yt=({children:t})=>e.createElement(vt,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},t),kt=t.styled(ue)`
+`,vt=({children:t})=>e.createElement(xt,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},t),yt=t.styled(ue)`
   overflow-x: auto;
   overflow-y: hidden;
-`,wt=t.styled(Ze)`
+`,kt=t.styled(Ye)`
   margin-right: ${e=>e.theme.spacing(3)};    
   ${ie("laptop","display: none;")} 
-`,$t=t.styled.ul`
+`,wt=t.styled.ul`
   padding: 0;
   margin: 0;
   list-style: none;
-`,Ct=t.styled.li.withConfig({shouldForwardProp:X})`
+`,Et=t.styled.li.withConfig({shouldForwardProp:X})`
   padding: ${e=>e.theme.spacing(.5,5)};
     
   ${e=>e.isOpen&&t.css`  
@@ -398,9 +394,9 @@
       color: ${e.theme.palette.common.white};
     }
   `}  
-`,Et=t.styled(Ze)`      
+`,Ct=t.styled(Ye)`      
   ${ie("laptop","display: none;")} 
-`,Bt=t.styled(ue)`
+`,$t=t.styled(ue)`
     display: none;
     ${ie("laptop","display: flex;")}
     
@@ -414,10 +410,10 @@
        margin: 0 auto; 
     }
     
-    ${_t}:hover & {
+    ${gt}:hover & {
         display:none;
     }
-`,Ot=t.styled(ue)`
+`,Bt=t.styled(ue)`
   box-sizing: border-box; 
   color: ${e=>e.theme.palette.button.text.idle.text};
   font-weight: bold;  
@@ -435,9 +431,9 @@
   ${ie("laptop",t.css`
       min-height: ${e=>e.theme.spacing(12)};
   `)}  
-`,St=()=>{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>=ae.mobile,isTablet:t>=ae.tablet,isLaptop:t>=ae.laptop,isDesktop:t>=ae.desktop})),[t])},jt=t.styled.div`
+`,Ot=()=>{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>=ae.mobile,isTablet:t>=ae.tablet,isLaptop:t>=ae.laptop,isDesktop:t>=ae.desktop})),[t])},St=t.styled.div`
   display: flex;
-`,Ft=t.styled.button.withConfig({shouldForwardProp:X})`
+`,jt=t.styled.button.withConfig({shouldForwardProp:X})`
   user-select:none;
   cursor: pointer;
 
@@ -456,29 +452,29 @@
   }
  
   ${e=>!e.disabled&&"\n    &:hover {    \n      background-color: #E9E9E9;        \n    }\n  "}      
-`,Pt=t.styled.div.withConfig({shouldForwardProp:X})`
+`,Ft=t.styled.div.withConfig({shouldForwardProp:X})`
   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%;
-`,At=t.styled.div`
+`,Pt=t.styled.div`
   text-transform: uppercase;
   color: ${e=>e.theme.palette.common.white};
   font-size: ${e=>e.theme.spacing(3)};  
-`,zt=t.styled.div.withConfig({shouldForwardProp:X})`
+`,At=t.styled.div.withConfig({shouldForwardProp:X})`
   color: ${e=>e.theme.palette.common.white};  
   font-weight: bold;  
   font-size: ${e=>e.theme.spacing(e.smallerValue?5.5:7.5)};     
-`,It=t.styled.div`
+`,zt=t.styled.div`
   margin: ${e=>e.theme.spacing(1)} 0 auto 0; 
   & svg {
     height: 100%;
     width: ${e=>e.theme.spacing(10)};
     color: white;
   }
-`,Mt=t.styled(ue)`
+`,It=t.styled(ue)`
     
     padding: ${e=>e.theme.spacing(2.5,5)};
     
@@ -504,22 +500,22 @@
     
     ${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    `}
     
-`,Rt=t.styled(ue)`
+`,Mt=t.styled(ue)`
     background-color: ${e=>e.theme.palette.common.white};
     border: 1px solid rgba(34,36,38,.15);
     border-top: 0px;
-`,Tt=t.styled(ue)`
+`,Rt=t.styled(ue)`
     display: flex;
     border-bottom: 1px solid rgba(34,36,38,.15);     
-`,Dt=t.styled(Pe)`
+`,Tt=t.styled(Fe)`
   box-shadow: none;
-`,Gt=t.styled(ue)`
+`,Dt=t.styled(ue)`
   display: flex;
   
   &:last-of-type .line:before {
     background: none;
   }
-`,Lt=t.styled(ue)`
+`,Gt=t.styled(ue)`
   position: relative;
   margin-right: ${e=>e.theme.spacing(4)};
   top: 4px;
@@ -534,7 +530,7 @@
     width: ${e=>e.theme.spacing(1)};
   }
     
-`,Ht=t.styled.div.withConfig({shouldForwardProp:X})`
+`,Lt=t.styled.div.withConfig({shouldForwardProp:X})`
   position: relative;
   background-color: ${e=>e.color};
   color: #fff; 
@@ -551,14 +547,14 @@
      left: 50%;
      transform: translate(-50%, -50%);
   }
-`,Nt=t.styled(ue)`
+`,Ht=t.styled(ue)`
   background-color: #ffffff;
   border-bottom: 1px solid #dddddd;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
-`,qt=({left:t,right:r})=>e.createElement(Nt,null,e.createElement(ue,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(ue,{flexGrow:1,display:"flex",pl:2},t),e.createElement(ue,{flexGrow:1,display:"flex",justifyContent:"flex-end"},r))),Vt=t.styled.label`
+`,Nt=({left:t,right:r})=>e.createElement(Ht,null,e.createElement(ue,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(ue,{flexGrow:1,display:"flex",pl:2},t),e.createElement(ue,{flexGrow:1,display:"flex",justifyContent:"flex-end"},r))),qt=t.styled.label`
   position: relative;
-`,Ut=t.styled.input.withConfig({shouldForwardProp:X})`
+`,Vt=t.styled.input.withConfig({shouldForwardProp:X})`
   position: absolute;
   top: 0;
   left: 0;
@@ -627,11 +623,11 @@
     border-color: #e0b4b4;
     color: #9f3a38;
   }
-`,Wt=t.styled.span.withConfig({shouldForwardProp:X})`
+`,Ut=t.styled.span.withConfig({shouldForwardProp:X})`
   ${e=>e.dimmed?t.css`
           color: #999c9e;
         `:""}
-`,Yt=e.forwardRef(((t,r)=>{var{options:o,spacing:a=1,name:i,dimmed:l}=t,s=n(t,["options","spacing","name","dimmed"]);return e.createElement(e.Fragment,null,Object.entries(o).map((([t,o])=>e.createElement(ue,{key:t,mt:a,mb:a},e.createElement(Vt,{key:t},e.createElement(Ut,Object.assign({type:"checkbox",value:t,name:i,ref:r},s)),e.createElement(Wt,{dimmed:l},o))))))})),Zt=t.css`
+`,Wt=e.forwardRef(((t,r)=>{var{options:o,spacing:a=1,name:i,dimmed:l}=t,s=n(t,["options","spacing","name","dimmed"]);return e.createElement(e.Fragment,null,Object.entries(o).map((([t,o])=>e.createElement(ue,{key:t,mt:a,mb:a},e.createElement(qt,{key:t},e.createElement(Vt,Object.assign({type:"checkbox",value:t,name:i,ref:r},s)),e.createElement(Ut,{dimmed:l},o))))))})),Yt=t.css`
   padding: .67857143em 1em;
   line-height: 1.21428571em;
   border-radius: 4px;
@@ -679,15 +675,15 @@
   &.error:focus::placeholder {
     color: #da9796;
   }        
-`,Xt=t.styled.input.withConfig({shouldForwardProp:X})`
-  ${Zt}
-`,Qt=t.styled.textarea.withConfig({shouldForwardProp:X})`
-  ${Zt}
+`,Zt=t.styled.input.withConfig({shouldForwardProp:X})`
+  ${Yt}
+`,Xt=t.styled.textarea.withConfig({shouldForwardProp:X})`
+  ${Yt}
   height: 100%;
-`,Kt=e.forwardRef(((t,r)=>{var{multiline:o=!1}=t,a=n(t,["multiline"]);return o?e.createElement(Qt,Object.assign({ref:r},a)):e.createElement(Xt,Object.assign({ref:r,type:"text"},a))})),Jt=t.styled.div`
+`,Qt=e.forwardRef(((t,r)=>{var{multiline:o=!1}=t,a=n(t,["multiline"]);return o?e.createElement(Xt,Object.assign({ref:r},a)):e.createElement(Zt,Object.assign({ref:r,type:"text"},a))})),Kt=t.styled.div`
   position: relative;
   display: flex;    
-`,er=t.styled.input.withConfig({shouldForwardProp:X})`
+`,Jt=t.styled.input.withConfig({shouldForwardProp:X})`
   position: absolute;
   left: 0;
   right: 0;
@@ -695,7 +691,7 @@
   bottom: 0;    
   width: 100%;
   opacity:0;
-`,tr=t.styled(Ze)`    
+`,er=t.styled(Ye)`    
   height: 40px;
   
   .has-error & {
@@ -703,10 +699,10 @@
     border-color: #e0b4b4;
     color: #9f3a38;
   }  
-`,rr=t.styled(Kt)`
+`,tr=t.styled(Qt)`
   flex: 1;  
   padding-right: ${e=>e.theme.spacing(8)}
-`,or=t.styled.button`    
+`,rr=t.styled.button`    
     background-color: transparent;
     border: 0;
     outline: 0;    
@@ -734,9 +730,9 @@
         line-height: 38px;
         padding: 0 8px;
     }
-`,nr=e.forwardRef(((t,r)=>{var{className:o,placeholder:a,chooseFileLabel:i="Choose file",changeFileLabel:l="Change file",onClear:s}=t,d=n(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[p,c]=e.useState(),[u,m]=e.useState(""),f=e.useCallback((e=>{var t;const r=(null==e?void 0:e.target).files;m((null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.name)||"")}),[]),b=e.useCallback((()=>{p&&(p.value="",p.files=null,p.dispatchEvent(new Event("change",{bubbles:!0})),s&&s())}),[p,s]),g=e.useMemo((()=>e=>{null==e||e.addEventListener("change",f),c(e),"function"==typeof r&&(null==r||r(e))}),[r,f]);return e.createElement(Jt,null,e.createElement(er,Object.assign({type:"file",ref:g},d)),e.createElement(tr,{variant:"basic"},u?l:i),e.createElement(rr,{placeholder:a,className:o,disabled:!0,value:u}),!!u&&s&&e.createElement(or,{"data-testid":"file-clear",onClick:b}))})),ar=t.styled.div`
+`,or=e.forwardRef(((t,r)=>{var{className:o,placeholder:a,chooseFileLabel:i="Choose file",changeFileLabel:l="Change file",onClear:s}=t,d=n(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[p,c]=e.useState(),[u,m]=e.useState(""),f=e.useCallback((e=>{var t;const r=(null==e?void 0:e.target).files;m((null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.name)||"")}),[]),b=e.useCallback((()=>{p&&(p.value="",p.files=null,p.dispatchEvent(new Event("change",{bubbles:!0})),s&&s())}),[p,s]),h=e.useMemo((()=>e=>{null==e||e.addEventListener("change",f),c(e),"function"==typeof r&&(null==r||r(e))}),[r,f]);return e.createElement(Kt,null,e.createElement(Jt,Object.assign({type:"file",ref:h},d)),e.createElement(er,{variant:"basic"},u?l:i),e.createElement(tr,{placeholder:a,className:o,disabled:!0,value:u}),!!u&&s&&e.createElement(rr,{"data-testid":"file-clear",onClick:b}))})),nr=t.styled.div`
   position: relative;
-`,ir=t.styled.select.withConfig({shouldForwardProp:X})`
+`,ar=t.styled.select.withConfig({shouldForwardProp:X})`
   width: 100%;
 
   padding: .67857143em 1em;
@@ -761,7 +757,7 @@
   &.error~div {
     color: #9f3a38;
   }    
-`,lr=t.styled.div`
+`,ir=t.styled.div`
   pointer-events: none;
   padding: 0 1em;
   position:absolute;  
@@ -770,18 +766,18 @@
   right: 0; 
   font-size: 17px;
   line-height: 40px;
-`,sr=e.forwardRef(((t,r)=>{var{options:o}=t,a=n(t,["options"]);const i=Array.isArray(o)?o:Object.entries(o);return e.createElement(ar,null,e.createElement(ir,Object.assign({ref:r},a),i.map((([t,r])=>e.createElement("option",{key:t,value:t},r)))),e.createElement(lr,null,"▾"))})),dr=e=>e.length>=8,pr=e=>/\d/.test(e),cr=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),ur=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),mr=[dr,pr,cr,ur],fr=mr.length+1,br=e=>mr.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),gr=t.styled.div`
+`,lr=e.forwardRef(((t,r)=>{var{options:o}=t,a=n(t,["options"]);const i=Array.isArray(o)?o:Object.entries(o);return e.createElement(nr,null,e.createElement(ar,Object.assign({ref:r},a),i.map((([t,r])=>e.createElement("option",{key:t,value:t},r)))),e.createElement(ir,null,"▾"))})),sr=e=>e.length>=8,dr=e=>/\d/.test(e),pr=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),cr=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),ur=[sr,dr,pr,cr],mr=ur.length+1,fr=e=>ur.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),br=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);
 `,hr=t.styled.div.withConfig({shouldForwardProp:X})`
-    width: ${e=>e.score?e.score/fr*100:0}%;
+    width: ${e=>e.score?e.score/mr*100:0}%;
     height: 100%;
     background-color: ${e=>e.score<=2?"#e90f10":e.score<=3?"#ffad00":"#02b502"} ;
     transition: width .6s ease, background-color .6s ease;
-`,_r=e.forwardRef(((t,r)=>{const[o,n]=e.useState(0),a=e.useCallback((e=>{const t=e.target;n(t.value?br(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(Kt,Object.assign({},t,{type:"password",ref:i})),e.createElement(gr,null,e.createElement(hr,{score:o})))})),xr=t.styled.div.withConfig({shouldForwardProp:X})` 
+`,gr=e.forwardRef(((t,r)=>{const[o,n]=e.useState(0),a=e.useCallback((e=>{const t=e.target;n(t.value?fr(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(Qt,Object.assign({},t,{type:"password",ref:i})),e.createElement(br,null,e.createElement(hr,{score:o})))})),_r=t.styled.div.withConfig({shouldForwardProp:X})` 
   margin: 0px 8px;
   
   ${e=>void 0!==e.rowOffset&&t.css`
@@ -805,28 +801,28 @@
       grid-column-end: span ${e.columnSpan};
       -ms-grid-column-span: ${e.columnSpan};
     `)),o})(r,null!==(o=e.rowOffset)&&void 0!==o?o:0)}})} 
-`;xr.displayName="FormGridCell";const vr=t.styled.label.withConfig({shouldForwardProp:X})`
+`;_r.displayName="FormGridCell";const xr=t.styled.label.withConfig({shouldForwardProp:X})`
     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;
-`,yr=t.styled.div.withConfig({shouldForwardProp:X})`
+`,vr=t.styled.div.withConfig({shouldForwardProp:X})`
     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;        
-`,kr=t.styled.span.withConfig({shouldForwardProp:X})`
+`,yr=t.styled.span.withConfig({shouldForwardProp:X})`
     color: ${e=>e.theme.palette.form.hint};
-`,wr=t.styled.div.withConfig({shouldForwardProp:X})`    
+`,kr=t.styled.div.withConfig({shouldForwardProp:X})`    
     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;    
-`,$r=({position:e,align:t,label:r,hint:o,error:n,isRequired:a})=>({position:e,align:t,label:r,hint:o,error:n,isRequired:a}),Cr=({position:t,align:r,label:o,hint:n,error:a,isRequired:i,children:l})=>e.createElement(e.Fragment,null,e.createElement(xr,{position:t,align:r,className:"form-grid-cell__label-hint"},o&&e.createElement(vr,{error:a},o,i&&e.createElement(kr,null," *")),n&&e.createElement(yr,{error:a},n)),e.createElement(xr,{position:t,align:r,rowOffset:1,className:ce({"form-grid-cell__field-error":!0,"has-error":!!a})},l,a&&e.createElement(wr,null,a))),Er=t.styled.div.withConfig({shouldForwardProp:X})`
+`,wr=({position:e,align:t,label:r,hint:o,error:n,isRequired:a})=>({position:e,align:t,label:r,hint:o,error:n,isRequired:a}),Er=({position:t,align:r,label:o,hint:n,error:a,isRequired:i,children:l})=>e.createElement(e.Fragment,null,e.createElement(_r,{position:t,align:r,className:"form-grid-cell__label-hint"},o&&e.createElement(xr,{error:a},o,i&&e.createElement(yr,null," *")),n&&e.createElement(vr,{error:a},n)),e.createElement(_r,{position:t,align:r,rowOffset:1,className:ce({"form-grid-cell__field-error":!0,"has-error":!!a})},l,a&&e.createElement(kr,null,a))),Cr=t.styled.div.withConfig({shouldForwardProp:X})`
   margin: 0 -8px -16px -8px;
 
   display: -ms-grid;
@@ -838,23 +834,23 @@
         -ms-grid-columns: ${e};           
         grid-template-columns: ${e};
       `})}
-`;Er.displayName="FormGrid";const Br=t.styled(ue)`
+`;Cr.displayName="FormGrid";const $r=t.styled(ue)`
   background-color: #f3f3f4;
-`,Or=t.styled(ue)`
+`,Br=t.styled(ue)`
   position: relative;
-`,Sr=t.styled(ue)`
+`,Or=t.styled(ue)`
   position: absolute;
   height: 100%;
   z-index: 50;
   pointer-events: none;
-`,jr=t.styled(ue)`
+`,Sr=t.styled(ue)`
   height: 100%;
-`,Fr=t.styled(ue)`
+`,jr=t.styled(ue)`
   background-color:  ${e=>e.baseColor||"white"};
   position: absolute;
   min-width: 100%;
   min-height: 100%;  
-`,Pr=t.styled.div.withConfig({shouldForwardProp:X})`
+`,Fr=t.styled.div.withConfig({shouldForwardProp:X})`
   position: absolute;
   top: 0;
   left: 0;
@@ -864,16 +860,16 @@
   opacity: ${e=>{var t;return null!==(t=e.opacity)&&void 0!==t?t:1}} ;
   background: url("${e=>e.imageUrl}");
   background-size: cover;
-`,Ar=t.styled(K)`
+`,Pr=t.styled(K)`
   z-index: 10;
   margin: auto auto;
-`,zr=t.styled(Pe)`
+`,Ar=t.styled(Fe)`
   box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);  
   min-width: 280px;   
-`,Ir=t.styled.img`
+`,zr=t.styled.img`
   display:none;
   position: absolute;
   left: 0;
   top: ${e=>e.theme.spacing(8)};
   ${ie("tablet","display: block;")}
-`;var Mr="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Rr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Tr=1/0,Dr=9007199254740991,Gr=17976931348623157e292,Lr=NaN,Hr="[object Function]",Nr="[object GeneratorFunction]",qr="[object Symbol]",Vr=/^\s+|\s+$/g,Ur=/^[-+]0x[0-9a-f]+$/i,Wr=/^0b[01]+$/i,Yr=/^0o[0-7]+$/i,Zr=/^(?:0|[1-9]\d*)$/,Xr=parseInt,Qr=Object.prototype.toString,Kr=Math.ceil,Jr=Math.max;function eo(e,t,r){var o=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(r=r>n?n:r)<0&&(r+=n),n=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(n);++o<n;)a[o]=e[o+t];return a}function to(e,t,r){if(!ro(r))return!1;var o=typeof t;return!!("number"==o?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Dr}(e.length)&&!function(e){var t=ro(e)?Qr.call(e):"";return t==Hr||t==Nr}(e)}(r)&&function(e,t){return!!(t=null==t?Dr:t)&&("number"==typeof e||Zr.test(e))&&e>-1&&e%1==0&&e<t}(t,r.length):"string"==o&&t in r)&&function(e,t){return e===t||e!=e&&t!=t}(r[t],e)}function ro(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var oo=Rr((function(e,t,r){t=(r?to(e,t,r):void 0===t)?1:Jr(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&Qr.call(e)==qr}(e))return Lr;if(ro(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=ro(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Vr,"");var r=Wr.test(e);return r||Yr.test(e)?Xr(e.slice(2),r?2:8):Ur.test(e)?Lr:+e}(e),e===Tr||e===-Tr){return(e<0?-1:1)*Gr}return e==e?e:0}(e),r=t%1;return t==t?r?t-r:t:0}(t),0);var o=e?e.length:0;if(!o||t<1)return[];for(var n=0,a=0,i=Array(Kr(o/t));n<o;)i[a++]=eo(e,n,n+=t);return i}));class no{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 no(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)}}}}var ao="__lodash_hash_undefined__",io=9007199254740991,lo="[object Arguments]",so="[object Function]",po="[object GeneratorFunction]",co=/^\[object .+?Constructor\]$/,uo="object"==typeof Mr&&Mr&&Mr.Object===Object&&Mr,mo="object"==typeof self&&self&&self.Object===Object&&self,fo=uo||mo||Function("return this")();function bo(e,t){return!!(e?e.length:0)&&function(e,t,r){if(t!=t)return function(e,t,r,o){var n=e.length,a=r+(o?1:-1);for(;o?a--:++a<n;)if(t(e[a],a,e))return a;return-1}(e,_o,r);var o=r-1,n=e.length;for(;++o<n;)if(e[o]===t)return o;return-1}(e,t,0)>-1}function go(e,t,r){for(var o=-1,n=e?e.length:0;++o<n;)if(r(t,e[o]))return!0;return!1}function ho(e,t){for(var r=-1,o=t.length,n=e.length;++r<o;)e[n+r]=t[r];return e}function _o(e){return e!=e}function xo(e,t){return e.has(t)}var vo,yo=Array.prototype,ko=Function.prototype,wo=Object.prototype,$o=fo["__core-js_shared__"],Co=(vo=/[^.]+$/.exec($o&&$o.keys&&$o.keys.IE_PROTO||""))?"Symbol(src)_1."+vo:"",Eo=ko.toString,Bo=wo.hasOwnProperty,Oo=wo.toString,So=RegExp("^"+Eo.call(Bo).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),jo=fo.Symbol,Fo=wo.propertyIsEnumerable,Po=yo.splice,Ao=jo?jo.isConcatSpreadable:void 0,zo=Math.max,Io=Uo(fo,"Map"),Mo=Uo(Object,"create");function Ro(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var o=e[t];this.set(o[0],o[1])}}function To(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var o=e[t];this.set(o[0],o[1])}}function Do(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var o=e[t];this.set(o[0],o[1])}}function Go(e){var t=-1,r=e?e.length:0;for(this.__data__=new Do;++t<r;)this.add(e[t])}function Lo(e,t){for(var r,o,n=e.length;n--;)if((r=e[n][0])===(o=t)||r!=r&&o!=o)return n;return-1}function Ho(e,t,r,o){var n,a=-1,i=bo,l=!0,s=e.length,d=[],p=t.length;if(!s)return d;r&&(t=function(e,t){for(var r=-1,o=e?e.length:0,n=Array(o);++r<o;)n[r]=t(e[r],r,e);return n}(t,(n=r,function(e){return n(e)}))),o?(i=go,l=!1):t.length>=200&&(i=xo,l=!1,t=new Go(t));e:for(;++a<s;){var c=e[a],u=r?r(c):c;if(c=o||0!==c?c:0,l&&u==u){for(var m=p;m--;)if(t[m]===u)continue e;d.push(c)}else i(t,u,o)||d.push(c)}return d}function No(e,t,r,o,n){var a=-1,i=e.length;for(r||(r=Wo),n||(n=[]);++a<i;){var l=e[a];t>0&&r(l)?t>1?No(l,t-1,r,o,n):ho(n,l):o||(n[n.length]=l)}return n}function qo(e){if(!tn(e)||(t=e,Co&&Co in t))return!1;var t,r=en(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?So:co;return r.test(function(e){if(null!=e){try{return Eo.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function Vo(e,t){var r,o,n=e.__data__;return("string"==(o=typeof(r=t))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==r:null===r)?n["string"==typeof t?"string":"hash"]:n.map}function Uo(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return qo(r)?r:void 0}function Wo(e){return Qo(e)||function(e){return Jo(e)&&Bo.call(e,"callee")&&(!Fo.call(e,"callee")||Oo.call(e)==lo)}(e)||!!(Ao&&e&&e[Ao])}Ro.prototype.clear=function(){this.__data__=Mo?Mo(null):{}},Ro.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Ro.prototype.get=function(e){var t=this.__data__;if(Mo){var r=t[e];return r===ao?void 0:r}return Bo.call(t,e)?t[e]:void 0},Ro.prototype.has=function(e){var t=this.__data__;return Mo?void 0!==t[e]:Bo.call(t,e)},Ro.prototype.set=function(e,t){return this.__data__[e]=Mo&&void 0===t?ao:t,this},To.prototype.clear=function(){this.__data__=[]},To.prototype.delete=function(e){var t=this.__data__,r=Lo(t,e);return!(r<0)&&(r==t.length-1?t.pop():Po.call(t,r,1),!0)},To.prototype.get=function(e){var t=this.__data__,r=Lo(t,e);return r<0?void 0:t[r][1]},To.prototype.has=function(e){return Lo(this.__data__,e)>-1},To.prototype.set=function(e,t){var r=this.__data__,o=Lo(r,e);return o<0?r.push([e,t]):r[o][1]=t,this},Do.prototype.clear=function(){this.__data__={hash:new Ro,map:new(Io||To),string:new Ro}},Do.prototype.delete=function(e){return Vo(this,e).delete(e)},Do.prototype.get=function(e){return Vo(this,e).get(e)},Do.prototype.has=function(e){return Vo(this,e).has(e)},Do.prototype.set=function(e,t){return Vo(this,e).set(e,t),this},Go.prototype.add=Go.prototype.push=function(e){return this.__data__.set(e,ao),this},Go.prototype.has=function(e){return this.__data__.has(e)};var Yo,Zo,Xo=(Yo=function(e,t){return Jo(e)?Ho(e,No(t,1,Jo,!0)):[]},Zo=zo(void 0===Zo?Yo.length-1:Zo,0),function(){for(var e=arguments,t=-1,r=zo(e.length-Zo,0),o=Array(r);++t<r;)o[t]=e[Zo+t];t=-1;for(var n=Array(Zo+1);++t<Zo;)n[t]=e[t];return n[Zo]=o,function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}(Yo,this,n)});var Qo=Array.isArray;function Ko(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=io}(e.length)&&!en(e)}function Jo(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ko(e)}function en(e){var t=tn(e)?Oo.call(e):"";return t==so||t==po}function tn(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var rn=Rr(Xo);const on=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class nn{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,o){"object"==typeof this.columns&&(this.columns[e]=t);const n=new no(o);((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 ${rn(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),n);const a=r.produce(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const o=t[r].props,{topLeft:a,bottomRight:i}=n.getCoordinatesForValue(r);void 0===o.position&&(o.position={}),le(o.position)||(o.position={mobile:o.position}),o.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new nn(a,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:on(t,!1),oo(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:on(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const an=e.createContext({factory:void 0}),ln=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=n(t,["name","field"]);const{factory:l}=e.useContext(an),s=$r(a.props),d=(null==l?void 0:l(a))||(e=>{switch(e.type){case"Button":return Ze;case"Checkbox":return Yt;case"Select":return sr;case"FileField":return nr;case"PasswordStrengthField":return _r;default:return Kt}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(d,Object.assign({ref:r,name:o},i,a.props)):e.createElement(Cr,Object.assign({},s),e.createElement(d,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||s.label,className:ce(!!s.error&&"error",a.props.className)},i,a.props)))})),sn=e.forwardRef(((t,r)=>{var{children:o,columns:a,fields:i,prefixFieldNames:l}=t,s=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Er,{columns:a},Object.entries(i).map((([t,o])=>e.createElement(ln,Object.assign({name:`${null!=l?l:""}${t}`,key:t,field:o,ref:r},s)))),o)}));exports.Alert=({children:t,title:r,variant:o="basic"})=>e.createElement("div",{className:ce(J.wrapper,J[`variant-${o}`])},e.createElement(ue,{p:3},r&&e.createElement(ue,{pb:t?1:0},e.createElement(re,{level:4},r)),t&&e.createElement(oe,null,t))),exports.AnimatedCheckmark=Ce,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>e.createElement(Br,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Or,{flexGrow:1,flexShrink:0},t&&e.createElement(Sr,null,e.createElement(xt,Object.assign({},t))),e.createElement(jr,{display:"flex",flexDirection:"column"},e.createElement(qt,Object.assign({},r)),e.createElement(ue,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),e.createElement(yt,Object.assign({},o))))),exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:ce(Be,t.className)},t)),exports.BreakPointValues=ae,exports.Button=Ze,exports.Checkbox=Yt,exports.CollapsiblePanel=De,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,a=n(t,["modalProps"]);const[i,l]=(({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:Qe});return e.createElement(e.Fragment,null,e.createElement(Ze,Object.assign({},a,{onClick:l})),e.createElement(Xe,Object.assign({title:"Are you sure?"},o,i)))},exports.ConfirmModal=Xe,exports.Crumb=t=>e.createElement("li",Object.assign({className:ce(Be,t.className)},t)),exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(rt,null,e.createElement("tbody",null,Object.entries(t).map((([t,o],n)=>e.createElement(rt.Row,{key:t,disableHover:!0},e.createElement(ot,{width:r,firstRow:0===n},t),e.createElement(ot,{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]),d=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",d)),1),()=>{document.removeEventListener("click",d)})),[i,d]),e.createElement(nt,null,e.createElement(Ze,Object.assign({},t,{onClick:s})),i&&e.createElement(K,{speed:".1s"},e.createElement(at,{ref:a,align:r||"left"},o)))},exports.DropdownMenu=it,exports.DropdownMenuItem=lt,exports.Dropzone=t=>{var{onChange:r,icon:o,label:a}=t,i=n(t,["onChange","icon","label"]);const l=e.useRef(null),s=e.useRef(null),[d,p]=e.useState(!1),c=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),u=e.useCallback((e=>{e.preventDefault(),p(!0)}),[]),m=e.useCallback((e=>{e.preventDefault(),p(!1)}),[]),f=e.useCallback((e=>{var t;e.preventDefault(),p(!1),c(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[c]),b=e.useCallback((()=>{var e;null===(e=l.current)||void 0===e||e.click()}),[l]),g=e.useCallback((()=>{var e;c(null===(e=null==l?void 0:l.current)||void 0===e?void 0:e.files)}),[l,c]);return e.createElement(dt,Object.assign({ref:s,onDragOver:u,onDragLeave:m,onDrop:f,onClick:b,isReadyToDrop:d},i),e.createElement(st,{"data-testid":"dropzone-file-input",type:"file",ref:l,onChange:g,multiple:!0}),e.createElement(ue,null,e.createElement(Ze,{variant:"text",color:"secondary",type:"button",icon:o},a)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>e.createElement(Ve,{handleClickOverlay:t,buttons:e.createElement(Ze,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:t},r)},e.createElement(pt,{pt:3,pb:3},e.createElement(ue,{pb:5,textAlign:"center"},e.createElement(re,null,n),a&&e.createElement(ue,{pt:5},e.createElement(re,{level:5},a))),e.createElement(ue,{pt:5,pb:5,pl:7,pr:7},e.createElement(Ce,null)))),exports.FileField=nr,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:a=!1}=t,i=n(t,["items","forceEqualWidth","stretch"]);return e.createElement(ue,Object.assign({mb:gt,mt:gt,ml:bt,mr:bt,display:ht},i),r.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(ft,{key:n,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(ft,{key:n,laptopWidth:o?100/r.length+"%":void 0,stretch:a},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(Fr,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Pr,{imageUrl:r,opacity:i}),n&&e.createElement(Ir,{src:n,alt:"Logo"}),e.createElement(Ar,null,o&&e.createElement(ue,{pb:7},o),e.createElement(zr,Object.assign({},t)))),exports.Footer=yt,exports.FormGrid=Er,exports.FormGridWrapper=Cr,exports.FormPositioner=nn,exports.HamburgerButton=wt,exports.Header=re,exports.HorizontalScroller=({children:t})=>e.createElement(kt,null,t),exports.Menu=$t,exports.MenuCloseButton=Et,exports.MenuItem=({item:t,isOpen:r,isActive:o,children:n})=>{const[a,i]=e.useState(!!r);return e.createElement(Ct,{isOpen:a,isActive:!!o},t,n&&e.createElement(Me,{onChange:i,isOpen:!!r,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(Bt,null,t),exports.Modal=Ve,exports.Overlay=Le,exports.Paginator=t=>{const{isTablet:r}=St(),{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(jt,null,e.createElement(Ft,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&e.createElement(Ft,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&e.createElement(Ft,{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(Ft,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>n(t)},t))),s<o-1&&e.createElement(Ft,{disabled:!0},"..."),s<o&&e.createElement(Ft,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),e.createElement(Ft,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},exports.Panel=Pe,exports.Paragraph=oe,exports.PasswordStrengthField=_r,exports.ScaffoldForm=sn,exports.ScaffoldFormContext=an,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(an.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(ue,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=sr,exports.SideBarHeader=({children:t,right:r})=>e.createElement(Ot,{mb:7},e.createElement(ue,{flexGrow:1,display:"flex"},e.createElement(ue,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(ue,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:o,titleMeta:n})=>e.createElement(Gt,null,e.createElement(Lt,{className:"line"},e.createElement(Ht,{color:t},r)),e.createElement(ue,{pb:4,flexGrow:1},e.createElement(Dt,{titleMeta:n,title:o}))),exports.SlideInFromTop=K,exports.Statistic=({icon:t,value:r,label:o,backgroundColor:n,smallerValue:a})=>e.createElement(Pt,{backgroundColor:n},e.createElement(It,null,t),e.createElement(ue,{flexGrow:1,textAlign:"right"},e.createElement(At,null,o),e.createElement(zt,{smallerValue:a},r))),exports.StyledTable=Ke,exports.Tab=t=>{var{id:r,isActive:o,onClick:a}=t,i=n(t,["id","isActive","onClick"]);const l=e.useCallback((()=>{o||null==a||a(r)}),[r,o,a]);return e.createElement(Mt,Object.assign({},i,{onClick:l,isActive:o}))},exports.TabContent=t=>e.createElement(Rt,Object.assign({p:3},t)),exports.Table=rt,exports.Tabs=Tt,exports.TextField=Kt,exports.Timeline=({title:t,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>e.createElement(Gt,null,e.createElement(Lt,null,e.createElement(Ht,{color:o},r)),e.createElement(ue,{pb:4,flexGrow:1},e.createElement(De,{isInitiallyOpen:n,titleMeta:a,title:t,titleAction:i},l))),exports.TopBar=qt,exports.UiProvider=H,exports.UiWrapper=({theme:t,children:r})=>e.createElement(H,{theme:t},e.createElement(U,null,e.createElement(W,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports._Box=Ee,exports.calculatePasswordScore=br,exports.getFormGridWrapperProps=$r,exports.isResponsiveObject=le,exports.mq=ie,exports.passwordHasLowerAndUppercase=cr,exports.passwordHasNumbers=pr,exports.passwordHasSpecialChars=ur,exports.passwordMinLength=dr,exports.responsiveProps=se,exports.theme=G,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=V();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=St,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}};
+`;var Ir="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Mr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Rr=1/0,Tr=9007199254740991,Dr=17976931348623157e292,Gr=NaN,Lr="[object Function]",Hr="[object GeneratorFunction]",Nr="[object Symbol]",qr=/^\s+|\s+$/g,Vr=/^[-+]0x[0-9a-f]+$/i,Ur=/^0b[01]+$/i,Wr=/^0o[0-7]+$/i,Yr=/^(?:0|[1-9]\d*)$/,Zr=parseInt,Xr=Object.prototype.toString,Qr=Math.ceil,Kr=Math.max;function Jr(e,t,r){var o=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(r=r>n?n:r)<0&&(r+=n),n=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(n);++o<n;)a[o]=e[o+t];return a}function eo(e,t,r){if(!to(r))return!1;var o=typeof t;return!!("number"==o?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Tr}(e.length)&&!function(e){var t=to(e)?Xr.call(e):"";return t==Lr||t==Hr}(e)}(r)&&function(e,t){return!!(t=null==t?Tr:t)&&("number"==typeof e||Yr.test(e))&&e>-1&&e%1==0&&e<t}(t,r.length):"string"==o&&t in r)&&function(e,t){return e===t||e!=e&&t!=t}(r[t],e)}function to(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var ro=Mr((function(e,t,r){t=(r?eo(e,t,r):void 0===t)?1:Kr(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&Xr.call(e)==Nr}(e))return Gr;if(to(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=to(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(qr,"");var r=Ur.test(e);return r||Wr.test(e)?Zr(e.slice(2),r?2:8):Vr.test(e)?Gr:+e}(e),e===Rr||e===-Rr){return(e<0?-1:1)*Dr}return e==e?e:0}(e),r=t%1;return t==t?r?t-r:t:0}(t),0);var o=e?e.length:0;if(!o||t<1)return[];for(var n=0,a=0,i=Array(Qr(o/t));n<o;)i[a++]=Jr(e,n,n+=t);return i}));class oo{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 oo(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)}}}}var no="__lodash_hash_undefined__",ao=9007199254740991,io="[object Arguments]",lo="[object Function]",so="[object GeneratorFunction]",po=/^\[object .+?Constructor\]$/,co="object"==typeof Ir&&Ir&&Ir.Object===Object&&Ir,uo="object"==typeof self&&self&&self.Object===Object&&self,mo=co||uo||Function("return this")();function fo(e,t){return!!(e?e.length:0)&&function(e,t,r){if(t!=t)return function(e,t,r,o){var n=e.length,a=r+(o?1:-1);for(;o?a--:++a<n;)if(t(e[a],a,e))return a;return-1}(e,go,r);var o=r-1,n=e.length;for(;++o<n;)if(e[o]===t)return o;return-1}(e,t,0)>-1}function bo(e,t,r){for(var o=-1,n=e?e.length:0;++o<n;)if(r(t,e[o]))return!0;return!1}function ho(e,t){for(var r=-1,o=t.length,n=e.length;++r<o;)e[n+r]=t[r];return e}function go(e){return e!=e}function _o(e,t){return e.has(t)}var xo,vo=Array.prototype,yo=Function.prototype,ko=Object.prototype,wo=mo["__core-js_shared__"],Eo=(xo=/[^.]+$/.exec(wo&&wo.keys&&wo.keys.IE_PROTO||""))?"Symbol(src)_1."+xo:"",Co=yo.toString,$o=ko.hasOwnProperty,Bo=ko.toString,Oo=RegExp("^"+Co.call($o).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),So=mo.Symbol,jo=ko.propertyIsEnumerable,Fo=vo.splice,Po=So?So.isConcatSpreadable:void 0,Ao=Math.max,zo=Vo(mo,"Map"),Io=Vo(Object,"create");function Mo(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var o=e[t];this.set(o[0],o[1])}}function Ro(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var o=e[t];this.set(o[0],o[1])}}function To(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var o=e[t];this.set(o[0],o[1])}}function Do(e){var t=-1,r=e?e.length:0;for(this.__data__=new To;++t<r;)this.add(e[t])}function Go(e,t){for(var r,o,n=e.length;n--;)if((r=e[n][0])===(o=t)||r!=r&&o!=o)return n;return-1}function Lo(e,t,r,o){var n,a=-1,i=fo,l=!0,s=e.length,d=[],p=t.length;if(!s)return d;r&&(t=function(e,t){for(var r=-1,o=e?e.length:0,n=Array(o);++r<o;)n[r]=t(e[r],r,e);return n}(t,(n=r,function(e){return n(e)}))),o?(i=bo,l=!1):t.length>=200&&(i=_o,l=!1,t=new Do(t));e:for(;++a<s;){var c=e[a],u=r?r(c):c;if(c=o||0!==c?c:0,l&&u==u){for(var m=p;m--;)if(t[m]===u)continue e;d.push(c)}else i(t,u,o)||d.push(c)}return d}function Ho(e,t,r,o,n){var a=-1,i=e.length;for(r||(r=Uo),n||(n=[]);++a<i;){var l=e[a];t>0&&r(l)?t>1?Ho(l,t-1,r,o,n):ho(n,l):o||(n[n.length]=l)}return n}function No(e){if(!en(e)||(t=e,Eo&&Eo in t))return!1;var t,r=Jo(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?Oo:po;return r.test(function(e){if(null!=e){try{return Co.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function qo(e,t){var r,o,n=e.__data__;return("string"==(o=typeof(r=t))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==r:null===r)?n["string"==typeof t?"string":"hash"]:n.map}function Vo(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return No(r)?r:void 0}function Uo(e){return Xo(e)||function(e){return Ko(e)&&$o.call(e,"callee")&&(!jo.call(e,"callee")||Bo.call(e)==io)}(e)||!!(Po&&e&&e[Po])}Mo.prototype.clear=function(){this.__data__=Io?Io(null):{}},Mo.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Mo.prototype.get=function(e){var t=this.__data__;if(Io){var r=t[e];return r===no?void 0:r}return $o.call(t,e)?t[e]:void 0},Mo.prototype.has=function(e){var t=this.__data__;return Io?void 0!==t[e]:$o.call(t,e)},Mo.prototype.set=function(e,t){return this.__data__[e]=Io&&void 0===t?no:t,this},Ro.prototype.clear=function(){this.__data__=[]},Ro.prototype.delete=function(e){var t=this.__data__,r=Go(t,e);return!(r<0)&&(r==t.length-1?t.pop():Fo.call(t,r,1),!0)},Ro.prototype.get=function(e){var t=this.__data__,r=Go(t,e);return r<0?void 0:t[r][1]},Ro.prototype.has=function(e){return Go(this.__data__,e)>-1},Ro.prototype.set=function(e,t){var r=this.__data__,o=Go(r,e);return o<0?r.push([e,t]):r[o][1]=t,this},To.prototype.clear=function(){this.__data__={hash:new Mo,map:new(zo||Ro),string:new Mo}},To.prototype.delete=function(e){return qo(this,e).delete(e)},To.prototype.get=function(e){return qo(this,e).get(e)},To.prototype.has=function(e){return qo(this,e).has(e)},To.prototype.set=function(e,t){return qo(this,e).set(e,t),this},Do.prototype.add=Do.prototype.push=function(e){return this.__data__.set(e,no),this},Do.prototype.has=function(e){return this.__data__.has(e)};var Wo,Yo,Zo=(Wo=function(e,t){return Ko(e)?Lo(e,Ho(t,1,Ko,!0)):[]},Yo=Ao(void 0===Yo?Wo.length-1:Yo,0),function(){for(var e=arguments,t=-1,r=Ao(e.length-Yo,0),o=Array(r);++t<r;)o[t]=e[Yo+t];t=-1;for(var n=Array(Yo+1);++t<Yo;)n[t]=e[t];return n[Yo]=o,function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}(Wo,this,n)});var Xo=Array.isArray;function Qo(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=ao}(e.length)&&!Jo(e)}function Ko(e){return function(e){return!!e&&"object"==typeof e}(e)&&Qo(e)}function Jo(e){var t=en(e)?Bo.call(e):"";return t==lo||t==so}function en(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var tn=Mr(Zo);const rn=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class on{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,o){"object"==typeof this.columns&&(this.columns[e]=t);const n=new oo(o);((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 ${tn(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),n);const a=r.produce(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const o=t[r].props,{topLeft:a,bottomRight:i}=n.getCoordinatesForValue(r);void 0===o.position&&(o.position={}),le(o.position)||(o.position={mobile:o.position}),o.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new on(a,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:rn(t,!1),ro(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:rn(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const nn=e.createContext({factory:void 0}),an=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=n(t,["name","field"]);const{factory:l}=e.useContext(nn),s=wr(a.props),d=(null==l?void 0:l(a))||(e=>{switch(e.type){case"Button":return Ye;case"Checkbox":return Wt;case"Select":return lr;case"FileField":return or;case"PasswordStrengthField":return gr;default:return Qt}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(d,Object.assign({ref:r,name:o},i,a.props)):e.createElement(Er,Object.assign({},s),e.createElement(d,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||s.label,className:ce(!!s.error&&"error",a.props.className)},i,a.props)))})),ln=e.forwardRef(((t,r)=>{var{children:o,columns:a,fields:i,prefixFieldNames:l}=t,s=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Cr,{columns:a},Object.entries(i).map((([t,o])=>e.createElement(an,Object.assign({name:`${null!=l?l:""}${t}`,key:t,field:o,ref:r},s)))),o)}));exports.Alert=({children:t,title:r,variant:o="basic"})=>e.createElement("div",{className:ce(J.wrapper,J[`variant-${o}`])},e.createElement(ue,{p:3},r&&e.createElement(ue,{pb:t?1:0},e.createElement(re,{level:4},r)),t&&e.createElement(oe,null,t))),exports.AnimatedCheckmark=Ce,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>e.createElement($r,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Br,{flexGrow:1,flexShrink:0},t&&e.createElement(Or,null,e.createElement(_t,Object.assign({},t))),e.createElement(Sr,{display:"flex",flexDirection:"column"},e.createElement(Nt,Object.assign({},r)),e.createElement(ue,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),e.createElement(vt,Object.assign({},o))))),exports.Box=ue,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:ce($e,t.className)},t)),exports.BreakPointValues=ae,exports.Button=Ye,exports.Checkbox=Wt,exports.CollapsiblePanel=Te,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,a=n(t,["modalProps"]);const[i,l]=(({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:Xe});return e.createElement(e.Fragment,null,e.createElement(Ye,Object.assign({},a,{onClick:l})),e.createElement(Ze,Object.assign({title:"Are you sure?"},o,i)))},exports.ConfirmModal=Ze,exports.Crumb=t=>e.createElement("li",Object.assign({className:ce($e,t.className)},t)),exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(tt,null,e.createElement("tbody",null,Object.entries(t).map((([t,o],n)=>e.createElement(tt.Row,{key:t,disableHover:!0},e.createElement(rt,{width:r,firstRow:0===n},t),e.createElement(rt,{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]),d=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",d)),1),()=>{document.removeEventListener("click",d)})),[i,d]),e.createElement(ot,null,e.createElement(Ye,Object.assign({},t,{onClick:s})),i&&e.createElement(K,{speed:".1s"},e.createElement(nt,{ref:a,align:r||"left"},o)))},exports.DropdownMenu=at,exports.DropdownMenuItem=it,exports.Dropzone=t=>{var{onChange:r,icon:o,label:a}=t,i=n(t,["onChange","icon","label"]);const l=e.useRef(null),s=e.useRef(null),[d,p]=e.useState(!1),c=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),u=e.useCallback((e=>{e.preventDefault(),p(!0)}),[]),m=e.useCallback((e=>{e.preventDefault(),p(!1)}),[]),f=e.useCallback((e=>{var t;e.preventDefault(),p(!1),c(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[c]),b=e.useCallback((()=>{var e;null===(e=l.current)||void 0===e||e.click()}),[l]),h=e.useCallback((()=>{var e;c(null===(e=null==l?void 0:l.current)||void 0===e?void 0:e.files)}),[l,c]);return e.createElement(st,Object.assign({ref:s,onDragOver:u,onDragLeave:m,onDrop:f,onClick:b,isReadyToDrop:d},i),e.createElement(lt,{"data-testid":"dropzone-file-input",type:"file",ref:l,onChange:h,multiple:!0}),e.createElement(ue,null,e.createElement(Ye,{variant:"text",color:"secondary",type:"button",icon:o},a)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>e.createElement(qe,{handleClickOverlay:t,buttons:e.createElement(Ye,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:t},r)},e.createElement(dt,{pt:3,pb:3},e.createElement(ue,{pb:5,textAlign:"center"},e.createElement(re,null,n),a&&e.createElement(ue,{pt:5},e.createElement(re,{level:5},a))),e.createElement(ue,{pt:5,pb:5,pl:7,pr:7},e.createElement(Ce,null)))),exports.FileField=or,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:a=!1}=t,i=n(t,["items","forceEqualWidth","stretch"]);return e.createElement(ue,Object.assign({mb:bt,mt:bt,ml:ft,mr:ft,display:ht},i),r.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(mt,{key:n,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(mt,{key:n,laptopWidth:o?100/r.length+"%":void 0,stretch:a},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(jr,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Fr,{imageUrl:r,opacity:i}),n&&e.createElement(zr,{src:n,alt:"Logo"}),e.createElement(Pr,null,o&&e.createElement(ue,{pb:7},o),e.createElement(Ar,Object.assign({},t)))),exports.Footer=vt,exports.FormGrid=Cr,exports.FormGridWrapper=Er,exports.FormPositioner=on,exports.HamburgerButton=kt,exports.Header=re,exports.HorizontalScroller=({children:t})=>e.createElement(yt,null,t),exports.Menu=wt,exports.MenuCloseButton=Ct,exports.MenuItem=({item:t,isOpen:r,isActive:o,children:n})=>{const[a,i]=e.useState(!!r);return e.createElement(Et,{isOpen:a,isActive:!!o},t,n&&e.createElement(Ie,{onChange:i,isOpen:!!r,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement($t,null,t),exports.Modal=qe,exports.Overlay=Ge,exports.Paginator=t=>{const{isTablet:r}=Ot(),{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(St,null,e.createElement(jt,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&e.createElement(jt,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&e.createElement(jt,{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(jt,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>n(t)},t))),s<o-1&&e.createElement(jt,{disabled:!0},"..."),s<o&&e.createElement(jt,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),e.createElement(jt,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},exports.Panel=Fe,exports.Paragraph=oe,exports.PasswordStrengthField=gr,exports.ScaffoldForm=ln,exports.ScaffoldFormContext=nn,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(nn.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(ue,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=lr,exports.SideBarHeader=({children:t,right:r})=>e.createElement(Bt,{mb:7},e.createElement(ue,{flexGrow:1,display:"flex"},e.createElement(ue,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(ue,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:o,titleMeta:n})=>e.createElement(Dt,null,e.createElement(Gt,{className:"line"},e.createElement(Lt,{color:t},r)),e.createElement(ue,{pb:4,flexGrow:1},e.createElement(Tt,{titleMeta:n,title:o}))),exports.SlideInFromTop=K,exports.Statistic=({icon:t,value:r,label:o,backgroundColor:n,smallerValue:a})=>e.createElement(Ft,{backgroundColor:n},e.createElement(zt,null,t),e.createElement(ue,{flexGrow:1,textAlign:"right"},e.createElement(Pt,null,o),e.createElement(At,{smallerValue:a},r))),exports.StyledTable=Qe,exports.Tab=t=>{var{id:r,isActive:o,onClick:a}=t,i=n(t,["id","isActive","onClick"]);const l=e.useCallback((()=>{o||null==a||a(r)}),[r,o,a]);return e.createElement(It,Object.assign({},i,{onClick:l,isActive:o}))},exports.TabContent=t=>e.createElement(Mt,Object.assign({p:3},t)),exports.Table=tt,exports.Tabs=Rt,exports.TextField=Qt,exports.Timeline=({title:t,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>e.createElement(Dt,null,e.createElement(Gt,null,e.createElement(Lt,{color:o},r)),e.createElement(ue,{pb:4,flexGrow:1},e.createElement(Te,{isInitiallyOpen:n,titleMeta:a,title:t,titleAction:i},l))),exports.TopBar=Nt,exports.UiProvider=H,exports.UiWrapper=({theme:t,children:r})=>e.createElement(H,{theme:t},e.createElement(U,null,e.createElement(W,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=fr,exports.getFormGridWrapperProps=wr,exports.isResponsiveObject=le,exports.mq=ie,exports.passwordHasLowerAndUppercase=pr,exports.passwordHasNumbers=dr,exports.passwordHasSpecialChars=cr,exports.passwordMinLength=sr,exports.responsiveProps=se,exports.theme=G,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=V();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=Ot,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}};

package/dist/src/components/Box/Box.d.ts

@@ -12,7 +12,7 @@ export interface BoxProps {
     mr?: Responsive<number>;
     mb?: Responsive<number>;
     ml?: Responsive<number>;
-    width?: Responsive<string>;
+    width?: Responsive<number | string>;
     display?: Responsive<"inline" | "block" | "contents" | "flex" | "grid" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "list-item" | "run-in" | "table" | "table-caption" | "table-column-group" | "table-header-group" | "table-footer-group" | "table-row-group" | "table-cell" | "table-column" | "table-row" | "none" | "initial" | "inherit">;
     flexGrow?: Responsive<"inherit" | "initial" | "unset" | 1 | 0>;
     flexShrink?: Responsive<"inherit" | "initial" | "unset" | 1 | 0>;

package/dist/src/components/Tabs/Tabs.d.ts

@@ -287,7 +287,7 @@ export declare const Tabs: import("styled-components").IStyledComponent<"web", {
     mr?: import("../..").Responsive<number> | undefined;
     mb?: import("../..").Responsive<number> | undefined;
     ml?: import("../..").Responsive<number> | undefined;
-    width?: import("../..").Responsive<string> | undefined;
+    width?: import("../..").Responsive<string | number> | undefined;
     display?: import("../..").Responsive<"table" | "inherit" | "initial" | "none" | "grid" | "inline" | "block" | "contents" | "run-in" | "flex" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "list-item"> | undefined;
     flexGrow?: import("../..").Responsive<0 | 1 | "inherit" | "initial" | "unset"> | undefined;
     flexShrink?: import("../..").Responsive<0 | 1 | "inherit" | "initial" | "unset"> | undefined;

package/dist/src/index.d.ts

@@ -4,7 +4,7 @@ export * from "./UiWrapper";
 export * from "./animation/SlideInFromTop/SlideInFromTop";
 export * from "./components/Alert/Alert";
 export * from "./components/AnimatedCheckmark/AnimatedCheckmark";
-export * from "./components/Box/_Box";
+export * from "./components/Box/Box";
 export * from "./components/BreadCrumbs/BreadCrumbs";
 export * from "./components/CollapsiblePanel/CollapsiblePanel";
 export * from "./components/ConfirmButton/ConfirmButton";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.38.0",
+  "version": "3.38.2",
   "private": false,
   "files": [
     "dist/**"