quicksnack 3.79.0 → 3.79.2

package/dist/bundle.js

@@ -20,10 +20,10 @@ const UiStateProvider = ({ children }) => {
         } }, children));
 };
 
-var classes$J = {"wrapper":"UiWrapper-module_wrapper__kC0BB"};
+var classes$K = {"wrapper":"UiWrapper-module_wrapper__kC0BB"};
 
 const UiWrapper = ({ children, }) => (React.createElement(UiStateProvider, null,
-    React.createElement("div", { className: classes$J.wrapper }, children)));
+    React.createElement("div", { className: classes$K.wrapper }, children)));
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -59,7 +59,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var classes$I = {"slideInFromTop":"SlideInFromTop-module_slideInFromTop__We2Dd"};
+var classes$J = {"slideInFromTop":"SlideInFromTop-module_slideInFromTop__We2Dd"};
 
 function toVal(mix) {
 	var k, y, str='';
@@ -104,14 +104,14 @@ function clsx () {
 
 const SlideInFromTop = (_a) => {
     var { className, speed } = _a, rest = __rest(_a, ["className", "speed"]);
-    return (React.createElement("div", Object.assign({ className: clsx(classes$I.slideInFromTop, className), 
+    return (React.createElement("div", Object.assign({ className: clsx(classes$J.slideInFromTop, className), 
         // @ts-ignore
         style: speed ? { "--speed": speed } : undefined }, rest)));
 };
 
-var classes$H = {"wrapper":"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};
+var classes$I = {"wrapper":"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};
 
-var classes$G = {"header":"Header-module_header__97lwI"};
+var classes$H = {"header":"Header-module_header__97lwI"};
 
 const mapping = {
     1: "h1",
@@ -125,14 +125,14 @@ const Header = (_a) => {
     const Component = mapping[level];
     return (
     // @ts-ignore
-    React.createElement(Component, Object.assign({ className: clsx(className, classes$G.header) }, restProps)));
+    React.createElement(Component, Object.assign({ className: clsx(className, classes$H.header) }, restProps)));
 };
 
-var classes$F = {"paragraph":"Paragraph-module_paragraph__-EZeT"};
+var classes$G = {"paragraph":"Paragraph-module_paragraph__-EZeT"};
 
 const Paragraph = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("p", Object.assign({ className: clsx(classes$F.paragraph, className) }, props)));
+    return (React.createElement("p", Object.assign({ className: clsx(classes$G.paragraph, className) }, props)));
 };
 
 const responsiveClassnames = [
@@ -818,7 +818,7 @@ const isResponsiveObject = (obj) => {
     return false;
 };
 
-var classes$E = {"box":"Box-module_box__Wgbf3"};
+var classes$F = {"box":"Box-module_box__Wgbf3"};
 
 const Box = (_a) => {
     var { 
@@ -850,10 +850,10 @@ const Box = (_a) => {
         textAlign,
         justifyContent,
     });
-    return (React.createElement("div", Object.assign({ className: clsx(classes$E.box, className, classNames), style: variables }, rest), children));
+    return (React.createElement("div", Object.assign({ className: clsx(classes$F.box, className, classNames), style: variables }, rest), children));
 };
 
-const Alert = ({ children, title, variant = "basic", actions, }) => (React.createElement("div", { className: clsx(classes$H.wrapper, classes$H[`variant-${variant}`]) },
+const Alert = ({ children, title, variant = "basic", actions, }) => (React.createElement("div", { className: clsx(classes$I.wrapper, classes$I[`variant-${variant}`]) },
     React.createElement(Box, { p: 3, display: "flex" },
         React.createElement(Box, { flexGrow: 1 },
             title && (React.createElement(Box, { pb: children ? 1 : 0 },
@@ -861,33 +861,33 @@ const Alert = ({ children, title, variant = "basic", actions, }) => (React.creat
             children && React.createElement(Paragraph, null, children)),
         actions && (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, actions)))));
 
-var classes$D = {"svg":"AnimatedCheckmark-module_svg__VAFDr","mask":"AnimatedCheckmark-module_mask__mH-yZ","polyline":"AnimatedCheckmark-module_polyline__SJRcW","polyLineAnimation":"AnimatedCheckmark-module_polyLineAnimation__qwADN","circle":"AnimatedCheckmark-module_circle__1BrC5","circleAnimation":"AnimatedCheckmark-module_circleAnimation__yaTjr","circleColored":"AnimatedCheckmark-module_circleColored__es08R","circleColoredAnimation":"AnimatedCheckmark-module_circleColoredAnimation__AZ-hR"};
+var classes$E = {"svg":"AnimatedCheckmark-module_svg__VAFDr","mask":"AnimatedCheckmark-module_mask__mH-yZ","polyline":"AnimatedCheckmark-module_polyline__SJRcW","polyLineAnimation":"AnimatedCheckmark-module_polyLineAnimation__qwADN","circle":"AnimatedCheckmark-module_circle__1BrC5","circleAnimation":"AnimatedCheckmark-module_circleAnimation__yaTjr","circleColored":"AnimatedCheckmark-module_circleColored__es08R","circleColoredAnimation":"AnimatedCheckmark-module_circleColoredAnimation__AZ-hR"};
 
-const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$D.svg, viewBox: "0 0 154 154" },
-    React.createElement("g", { className: classes$D.mask },
-        React.createElement("circle", { className: classes$D.circle, cx: "77", cy: "77", r: "72" }),
-        React.createElement("circle", { className: classes$D.circleColored, cx: "77", cy: "77", r: "72" }),
-        React.createElement("polyline", { className: classes$D.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
+const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$E.svg, viewBox: "0 0 154 154" },
+    React.createElement("g", { className: classes$E.mask },
+        React.createElement("circle", { className: classes$E.circle, cx: "77", cy: "77", r: "72" }),
+        React.createElement("circle", { className: classes$E.circleColored, cx: "77", cy: "77", r: "72" }),
+        React.createElement("polyline", { className: classes$E.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
 
-var classes$C = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
+var classes$D = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
 
-const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$C.breadcrumbs, props.className) }, props));
-const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$C.crumb, props.className) }, props));
+const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$D.breadcrumbs, props.className) }, props));
+const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$D.crumb, props.className) }, props));
 
-var classes$B = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
+var classes$C = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
 
-var classes$A = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","headerWrapper":"Panel-module_headerWrapper__evUCF","header":"Panel-module_header__o7SiC","title":"Panel-module_title__181OP","hasChildren":"Panel-module_hasChildren__UZijE","hasOnClick":"Panel-module_hasOnClick__X5WSh","footer":"Panel-module_footer__t6-hz"};
+var classes$B = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","headerWrapper":"Panel-module_headerWrapper__evUCF","header":"Panel-module_header__o7SiC","title":"Panel-module_title__181OP","hasChildren":"Panel-module_hasChildren__UZijE","hasOnClick":"Panel-module_hasOnClick__X5WSh","footer":"Panel-module_footer__t6-hz"};
 
-const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, stageProps, footerProps, style, }) => (React.createElement("div", { className: clsx(className, classes$A.wrapper), style: style },
-    title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$A.title, !!children && classes$A.hasChildren, !!onClickTitle && classes$A.hasOnClick) },
-        React.createElement(Box, { flexGrow: 1, className: classes$A.headerWrapper },
-            React.createElement(Header, { level: titleLevel, className: classes$A.header }, title)),
-        titleMeta && React.createElement(Box, { className: classes$A.meta }, titleMeta),
+const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, stageProps, footerProps, style, }) => (React.createElement("div", { className: clsx(className, classes$B.wrapper), style: style },
+    title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$B.title, !!children && classes$B.hasChildren, !!onClickTitle && classes$B.hasOnClick) },
+        React.createElement(Box, { flexGrow: 1, className: classes$B.headerWrapper },
+            React.createElement(Header, { level: titleLevel, className: classes$B.header }, title)),
+        titleMeta && React.createElement(Box, { className: classes$B.meta }, titleMeta),
         titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
     children && (React.createElement(Box, Object.assign({ p: p }, stageProps), children)),
-    footer && (React.createElement(Box, Object.assign({ p: 3 }, footerProps, { className: clsx(classes$A.footer, footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) }), footer))));
+    footer && (React.createElement(Box, Object.assign({ p: 3 }, footerProps, { className: clsx(classes$B.footer, footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) }), footer))));
 
-var classes$z = {"wrapper":"SlideOpen-module_wrapper__ur3Rv","hidden":"SlideOpen-module_hidden__iibf8","shown":"SlideOpen-module_shown__nGWNX","animation":"SlideOpen-module_animation__YSEpu","isOpen":"SlideOpen-module_isOpen__O67Yi"};
+var classes$A = {"wrapper":"SlideOpen-module_wrapper__ur3Rv","hidden":"SlideOpen-module_hidden__iibf8","shown":"SlideOpen-module_shown__nGWNX","animation":"SlideOpen-module_animation__YSEpu","isOpen":"SlideOpen-module_isOpen__O67Yi"};
 
 // Returns the boolean value in the next tick.
 // Allows for transition to start when DOM is updated, it prevents a flickers.
@@ -914,18 +914,18 @@ const SlideOpen = ({ isOpen, children, duration, onChange, }) => {
             onChange === null || onChange === void 0 ? void 0 : onChange(true);
         }
     }, [isOpen, onChange]);
-    return (React.createElement("div", { className: classes$z.wrapper },
-        React.createElement("div", { className: clsx(classes$z.animation, isDelayedOpen && classes$z.isOpen), 
+    return (React.createElement("div", { className: classes$A.wrapper },
+        React.createElement("div", { className: clsx(classes$A.animation, isDelayedOpen && classes$A.isOpen), 
             // @ts-ignore
             style: duration ? { "--duration": `${duration}s` } : undefined, onTransitionEndCapture: handleTransitionEnd },
-            React.createElement("div", { className: isHidden ? classes$z.hidden : classes$z.shown }, children))));
+            React.createElement("div", { className: isHidden ? classes$A.hidden : classes$A.shown }, children))));
 };
 
 const CollapsiblePanel = (_a) => {
     var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
     const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
     const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
-    return (React.createElement(Panel, Object.assign({ className: clsx(classes$B.panel, !isOpen && classes$B.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$B.titleActionWrapper, !isOpen && classes$B.isClosed) }, titleAction) }),
+    return (React.createElement(Panel, Object.assign({ className: clsx(classes$C.panel, !isOpen && classes$C.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$C.titleActionWrapper, !isOpen && classes$C.isClosed) }, titleAction) }),
         React.createElement(SlideOpen, { isOpen: isOpen },
             React.createElement(Box, { p: 3 }, children))));
 };
@@ -948,31 +948,31 @@ const useConfirmModal = ({ onConfirm }) => {
     ];
 };
 
-var classes$y = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
+var classes$z = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
 
 const Overlay = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ className: clsx(className, classes$y.overlay) }, rest)));
+    return (React.createElement("div", Object.assign({ className: clsx(className, classes$z.overlay) }, rest)));
 };
 
-var classes$x = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
+var classes$y = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
 
 const Modal = (_a) => {
     var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Overlay, { onClick: handleClickOverlay }),
-        React.createElement("div", { className: classes$x.wrapper },
+        React.createElement("div", { className: classes$y.wrapper },
             React.createElement(SlideInFromTop, null,
-                React.createElement(Panel, Object.assign({ className: classes$x.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$x.content }, children))))));
+                React.createElement(Panel, Object.assign({ className: classes$y.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$y.content }, children))))));
 };
 
-var classes$w = {"wrapper":"Button-module_wrapper__nbaE8","stretch":"Button-module_stretch__JWfY7","actionButton":"Button-module_actionButton__S1gAt","button":"Button-module_button__PNye2","inline":"Button-module_inline__AMjqw","interactiveDisabled":"Button-module_interactiveDisabled__oFKm4","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT","icon":"Button-module_icon__OlcRJ","hasChildren":"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I","iconWrapper":"Button-module_iconWrapper__YwLLt"};
+var classes$x = {"wrapper":"Button-module_wrapper__nbaE8","stretch":"Button-module_stretch__JWfY7","actionButton":"Button-module_actionButton__S1gAt","button":"Button-module_button__PNye2","inline":"Button-module_inline__AMjqw","interactiveDisabled":"Button-module_interactiveDisabled__oFKm4","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT","icon":"Button-module_icon__OlcRJ","hasChildren":"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I","iconWrapper":"Button-module_iconWrapper__YwLLt"};
 
 const Button = React.forwardRef((_a, ref) => {
     var { children, icon, variant = "default", actionButton, stretch, inline, interactiveDisabled, className } = _a, props = __rest(_a, ["children", "icon", "variant", "actionButton", "stretch", "inline", "interactiveDisabled", "className"]);
-    return (React.createElement("div", { className: clsx(classes$w.wrapper, actionButton && classes$w.actionButton, stretch && classes$w.stretch) },
-        React.createElement("button", Object.assign({ className: clsx(classes$w.button, classes$w[`variant-${variant}`], !!children && classes$w.hasChildren, icon && classes$w.icon, actionButton && classes$w.actionButton, stretch && classes$w.stretch, inline && classes$w.inline, interactiveDisabled && classes$w.interactiveDisabled, className), ref: ref }, props),
-            icon && (React.createElement("span", { className: clsx(classes$w.iconWrapper, classes$w[`variant-${variant}`], !!children && classes$w.hasChildren) }, icon)),
+    return (React.createElement("div", { className: clsx(classes$x.wrapper, actionButton && classes$x.actionButton, stretch && classes$x.stretch) },
+        React.createElement("button", Object.assign({ className: clsx(classes$x.button, classes$x[`variant-${variant}`], !!children && classes$x.hasChildren, icon && classes$x.icon, actionButton && classes$x.actionButton, stretch && classes$x.stretch, inline && classes$x.inline, interactiveDisabled && classes$x.interactiveDisabled, className), ref: ref }, props),
+            icon && (React.createElement("span", { className: clsx(classes$x.iconWrapper, classes$x[`variant-${variant}`], !!children && classes$x.hasChildren) }, icon)),
             children)));
 });
 
@@ -994,59 +994,59 @@ const ConfirmButton = (_a) => {
         React.createElement(ConfirmModal, Object.assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
 };
 
-var classes$v = {"wrapper":"Container-module_wrapper__RRZ0b"};
+var classes$w = {"wrapper":"Container-module_wrapper__RRZ0b"};
 
 const Container = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({}, props, { className: clsx(classes$v.wrapper, className) })));
+    return (React.createElement("div", Object.assign({}, props, { className: clsx(classes$w.wrapper, className) })));
 };
 
-var classes$u = {"table":"Table-module_table__Dkosn","tr":"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV","disableHover":"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV","td":"Table-module_td__jv9tA","width":"Table-module_width__bS4aU","th":"Table-module_th__PNuEx","inner":"Table-module_inner__TCfso","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
+var classes$v = {"table":"Table-module_table__Dkosn","tr":"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV","disableHover":"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV","td":"Table-module_td__jv9tA","width":"Table-module_width__bS4aU","th":"Table-module_th__PNuEx","inner":"Table-module_inner__TCfso","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
 
 const StyledTableRow = React.forwardRef((_a, ref) => {
     var { className, disableHover } = _a, rest = __rest(_a, ["className", "disableHover"]);
-    return (React.createElement("tr", Object.assign({ ref: ref, className: clsx(classes$u.tr, disableHover && classes$u.disableHover, className) }, rest)));
+    return (React.createElement("tr", Object.assign({ ref: ref, className: clsx(classes$v.tr, disableHover && classes$v.disableHover, className) }, rest)));
 });
 const StyledTableCell = React.forwardRef((_a, ref) => {
     var { className, variant = "basic", width } = _a, rest = __rest(_a, ["className", "variant", "width"]);
     const hasWidth = width !== null && width !== undefined;
-    return (React.createElement("td", Object.assign({ ref: ref, className: clsx(classes$u.td, classes$u[`variant-${variant}`], hasWidth && classes$u.width, className), 
+    return (React.createElement("td", Object.assign({ ref: ref, className: clsx(classes$v.td, classes$v[`variant-${variant}`], hasWidth && classes$v.width, className), 
         // @ts-ignore
         style: hasWidth ? { "--width": width } : undefined }, rest)));
 });
 const StyledTableHeadCell = React.forwardRef((_a, ref) => {
     var { sortable, sortDirection, width, className, children } = _a, rest = __rest(_a, ["sortable", "sortDirection", "width", "className", "children"]);
     const hasWidth = width !== null && width !== undefined;
-    return (React.createElement("th", Object.assign({ ref: ref, className: clsx(classes$u.th, sortable && classes$u.sortable, sortDirection && classes$u[sortDirection], hasWidth && classes$u.width, className), 
+    return (React.createElement("th", Object.assign({ ref: ref, className: clsx(classes$v.th, sortable && classes$v.sortable, sortDirection && classes$v[sortDirection], hasWidth && classes$v.width, className), 
         // @ts-ignore
         style: hasWidth ? { "--width": width } : undefined }, rest),
-        React.createElement("span", { className: classes$u.inner }, children)));
+        React.createElement("span", { className: classes$v.inner }, children)));
 });
 // Wrapper to allow for dot notated components:
 const Table = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("table", Object.assign({ className: clsx(classes$u.table, className) }, rest)));
+    return (React.createElement("table", Object.assign({ className: clsx(classes$v.table, className) }, rest)));
 };
 Table.Row = StyledTableRow;
 Table.HeadCell = StyledTableHeadCell;
 Table.Cell = StyledTableCell;
 
-var classes$t = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
+var classes$u = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
 
 const Details = ({ className, details, firstColumnWidth, }) => (React.createElement(Table, { className: className },
     React.createElement("tbody", null, Object.entries(details).map(([key, val], index) => (React.createElement(Table.Row, { key: key, disableHover: true },
-        React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$t.cell, index === 0 && classes$t.isFirstRow) }, key),
-        React.createElement(Table.Cell, { className: clsx(classes$t.cell, index === 0 && classes$t.isFirstRow) }, val)))))));
+        React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$u.cell, index === 0 && classes$u.isFirstRow) }, key),
+        React.createElement(Table.Cell, { className: clsx(classes$u.cell, index === 0 && classes$u.isFirstRow) }, val)))))));
 
-var classes$s = {"wrapper":"Dropdown-module_wrapper__79ooc","dropper":"Dropdown-module_dropper__uVdEf","left":"Dropdown-module_left__JYKmP","right":"Dropdown-module_right__UefzB","dropdownMenu":"Dropdown-module_dropdownMenu__5R4vo","dropdownMenuItem":"Dropdown-module_dropdownMenuItem__dj4Gp"};
+var classes$t = {"wrapper":"Dropdown-module_wrapper__79ooc","dropper":"Dropdown-module_dropper__uVdEf","left":"Dropdown-module_left__JYKmP","right":"Dropdown-module_right__UefzB","dropdownMenu":"Dropdown-module_dropdownMenu__5R4vo","dropdownMenuItem":"Dropdown-module_dropdownMenuItem__dj4Gp"};
 
 const DropdownMenu = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("ul", Object.assign({ className: clsx(classes$s.dropdownMenu, className) }, rest)));
+    return (React.createElement("ul", Object.assign({ className: clsx(classes$t.dropdownMenu, className) }, rest)));
 };
 const DropdownMenuItem = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("li", Object.assign({ className: clsx(classes$s.dropdownMenuItem, className) }, rest)));
+    return (React.createElement("li", Object.assign({ className: clsx(classes$t.dropdownMenuItem, className) }, rest)));
 };
 const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
     const dropper = React.useRef(null);
@@ -1066,13 +1066,13 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
             document.removeEventListener("click", handleClose);
         };
     }, [isOpen, handleClose]);
-    return (React.createElement("div", { className: classes$s.wrapper },
+    return (React.createElement("div", { className: classes$t.wrapper },
         React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
         isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
-            React.createElement("span", { className: clsx(classes$s.dropper, align === "left" && classes$s.left, align === "right" && classes$s.right), ref: dropper }, children)))));
+            React.createElement("span", { className: clsx(classes$t.dropper, align === "left" && classes$t.left, align === "right" && classes$t.right), ref: dropper }, children)))));
 };
 
-var classes$r = {"dropzone":"Dropzone-module_dropzone__WvixK","centered":"Dropzone-module_centered__00ZHP","isReadyToDrop":"Dropzone-module_isReadyToDrop__NX-Ix","input":"Dropzone-module_input__AEKgL","idle":"Dropzone-module_idle__HViGO","deleteButton":"Dropzone-module_deleteButton__6zeTi","fileName":"Dropzone-module_fileName__XqXj8"};
+var classes$s = {"dropzone":"Dropzone-module_dropzone__WvixK","centered":"Dropzone-module_centered__00ZHP","isReadyToDrop":"Dropzone-module_isReadyToDrop__NX-Ix","input":"Dropzone-module_input__AEKgL","idle":"Dropzone-module_idle__HViGO","deleteButton":"Dropzone-module_deleteButton__6zeTi","fileName":"Dropzone-module_fileName__XqXj8"};
 
 const Dropzone = React.forwardRef((_a, ref) => {
     var { className, placeholder, icon } = _a, props = __rest(_a, ["className", "placeholder", "icon"]);
@@ -1115,19 +1115,19 @@ const Dropzone = React.forwardRef((_a, ref) => {
             ref === null || ref === void 0 ? void 0 : ref(el);
         }
     }, [ref, handleChange]);
-    return (React.createElement("div", { ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: !hasFiles ? handleClick : undefined, className: clsx(classes$r.dropzone, !hasFiles && classes$r.centered, isReadyToDrop && classes$r.isReadyToDrop) },
-        React.createElement("input", Object.assign({ className: clsx(classes$r.input, isReadyToDrop ? classes$r.isReadyToDrop : classes$r.idle), "data-testid": "dropzone-file-input", type: "file", ref: extendedRef, multiple: true }, props)),
+    return (React.createElement("div", { ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: !hasFiles ? handleClick : undefined, className: clsx(classes$s.dropzone, !hasFiles && classes$s.centered, isReadyToDrop && classes$s.isReadyToDrop) },
+        React.createElement("input", Object.assign({ className: clsx(classes$s.input, isReadyToDrop ? classes$s.isReadyToDrop : classes$s.idle), "data-testid": "dropzone-file-input", type: "file", ref: extendedRef, multiple: true }, props)),
         React.createElement(Box, null,
             !hasFiles && (React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, placeholder)),
             hasFiles && (React.createElement(React.Fragment, null,
-                React.createElement("button", { className: classes$r.deleteButton, "data-testid": "file-clear", onClick: handleRemove }),
-                React.createElement("ol", null, fileNames.map((fileName, i) => (React.createElement("li", { key: i, className: classes$r.fileName }, fileName)))))))));
+                React.createElement("button", { className: classes$s.deleteButton, "data-testid": "file-clear", onClick: handleRemove }),
+                React.createElement("ol", null, fileNames.map((fileName, i) => (React.createElement("li", { key: i, className: classes$s.fileName }, fileName)))))))));
 });
 
-var classes$q = {"box":"Feedback-module_box__ESWf9"};
+var classes$r = {"box":"Feedback-module_box__ESWf9"};
 
 const Feedback = ({ onConfirm, buttonLabel, buttonIcon, title, subtitle, }) => (React.createElement(Modal, { handleClickOverlay: onConfirm, buttons: React.createElement(Button, { "data-testid": "confirm", stretch: true, icon: buttonIcon, variant: "secondary", onClick: onConfirm }, buttonLabel) },
-    React.createElement(Box, { pt: 3, pb: 3, className: classes$q.box },
+    React.createElement(Box, { pt: 3, pb: 3, className: classes$r.box },
         React.createElement(Box, { pb: 5, textAlign: "center" },
             React.createElement(Header, null, title),
             subtitle && (React.createElement(Box, { pt: 5 },
@@ -1153,62 +1153,62 @@ const Floater = (_a) => {
     return (React.createElement(Box, Object.assign({ mb: verticalMargin, mt: verticalMargin, ml: horizontalMargin, mr: horizontalMargin, display: display, flexWrap: multiRow ? { laptop: "wrap" } : undefined, rowGap: multiRow ? { laptop: 2 } : undefined }, props), items.filter(Boolean).map((item, i) => hasElement(item) ? (React.createElement(FloaterItem, { key: i, laptopWidth: item.forceEqualWidth ? `${100 / items.length}%` : undefined, stretch: item.stretch || false }, item.element)) : (React.createElement(FloaterItem, { key: i, laptopWidth: forceEqualWidth ? `${100 / items.length}%` : undefined, stretch: stretch }, item)))));
 };
 
-var classes$p = {"box":"Footer-module_box__KZvsx"};
+var classes$q = {"box":"Footer-module_box__KZvsx"};
 
-var classes$o = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
+var classes$p = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
 
 const SIDEBAR_COLLAPSED_WIDTH = 15;
 const SideBar = ({ isMobileMenuOpen, minWidth, children, }) => {
     const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
-    return (React.createElement(Box, { className: clsx("sidebar", classes$o.wrapper, isMobileMenuOpen && classes$o.isMobileMenuOpen, isSideMenuOpen && classes$o.isDesktopMenuOpen), onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
+    return (React.createElement(Box, { className: clsx("sidebar", classes$p.wrapper, isMobileMenuOpen && classes$p.isMobileMenuOpen, isSideMenuOpen && classes$p.isDesktopMenuOpen), onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
             // @ts-ignore
             "--minWidth": minWidth || 75,
             "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
         } }, children));
 };
 
-const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$p.box }, children));
+const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$q.box }, children));
 
-var classes$n = {"box":"HorizontalScroller-module_box__W07vp"};
+var classes$o = {"box":"HorizontalScroller-module_box__W07vp"};
 
-const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$n.box }, children);
+const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$o.box }, children);
 
-var classes$m = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
+var classes$n = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
 
 const HamburgerButton = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Button, Object.assign({ className: clsx(classes$m.hamburgerButton, className) }, props)));
+    return (React.createElement(Button, Object.assign({ className: clsx(classes$n.hamburgerButton, className) }, props)));
 };
 
-var classes$l = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
+var classes$m = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
 
-const Menu = ({ children }) => (React.createElement("ul", { className: classes$l.menu }, children));
+const Menu = ({ children }) => (React.createElement("ul", { className: classes$m.menu }, children));
 const MenuItem = ({ item, isOpen, isActive, children, }) => {
     const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
-    return (React.createElement("li", { className: clsx(classes$l.menuItem, isDelayedOpen && classes$l.isOpen, !!isActive && classes$l.isActive) },
+    return (React.createElement("li", { className: clsx(classes$m.menuItem, isDelayedOpen && classes$m.isOpen, !!isActive && classes$m.isActive) },
         item,
         children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
 };
 
-var classes$k = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
+var classes$l = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
 
 const MenuCloseButton = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Button, Object.assign({ actionButton: true, className: clsx(classes$k.menuCloseButton, className) }, props)));
+    return (React.createElement(Button, Object.assign({ actionButton: true, className: clsx(classes$l.menuCloseButton, className) }, props)));
 };
 
-var classes$j = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
+var classes$k = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
 
 const MenuSlideOpenIndicator = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$j.wrapper, className), 
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$k.wrapper, className), 
         // @ts-ignore
         style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
 };
 
-var classes$i = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
+var classes$j = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
 
-const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { className: classes$i.sideBarHeader },
+const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { className: classes$j.sideBarHeader },
     React.createElement(Box, { flexGrow: 1, display: "flex" },
         React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
     right && React.createElement(Box, null, right)));
@@ -1258,7 +1258,7 @@ const useResponsiveBreakpoints = () => {
     return responsiveMap;
 };
 
-var classes$h = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
+var classes$i = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
 
 const range = (start, end) => {
     let nums = [];
@@ -1274,14 +1274,14 @@ const Paginator = (props) => {
     const clamSize = isTablet ? 2 : 0;
     const clamLower = Math.max(1, currentPage - clamSize);
     const clamUpper = Math.min(pageCount, currentPage + clamSize);
-    return (React.createElement("div", { className: classes$h.wrapper },
-        React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$h.button, currentPage === 1 && classes$h.isDisabled) }, "\u27E8"),
-        clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", "data-paginator": "first", onClick: () => onChange(1), className: clsx(classes$h.button, currentPage === 1 && classes$h.isActive) }, "1")),
-        clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$h.button, classes$h.isDisabled) }, "...")),
-        range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$h.button, currentPage === pageNumber && classes$h.isActive) }, pageNumber))),
-        clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$h.button, classes$h.isDisabled) }, "...")),
-        clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, "data-paginator": "last", onClick: () => onChange(pageCount), className: clsx(classes$h.button, currentPage === pageCount && classes$h.isActive) }, pageCount)),
-        React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$h.button, currentPage === pageCount && classes$h.isDisabled) }, "\u27E9")));
+    return (React.createElement("div", { className: classes$i.wrapper },
+        React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$i.button, currentPage === 1 && classes$i.isDisabled) }, "\u27E8"),
+        clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", "data-paginator": "first", onClick: () => onChange(1), className: clsx(classes$i.button, currentPage === 1 && classes$i.isActive) }, "1")),
+        clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$i.button, classes$i.isDisabled) }, "...")),
+        range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$i.button, currentPage === pageNumber && classes$i.isActive) }, pageNumber))),
+        clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$i.button, classes$i.isDisabled) }, "...")),
+        clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, "data-paginator": "last", onClick: () => onChange(pageCount), className: clsx(classes$i.button, currentPage === pageCount && classes$i.isActive) }, pageCount)),
+        React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$i.button, currentPage === pageCount && classes$i.isDisabled) }, "\u27E9")));
 };
 
 const VerticalRhythmLaptop = 7;
@@ -1289,15 +1289,15 @@ const VerticalRhythmMobile = 4;
 
 const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
 
-var classes$g = {"wrapper":"Statistic-module_wrapper__4eJ86","blue":"Statistic-module_blue__SsMhE","indigo":"Statistic-module_indigo__8DByg","purple":"Statistic-module_purple__mieHQ","pink":"Statistic-module_pink__2PBSu","red":"Statistic-module_red__T7SC1","orange":"Statistic-module_orange__eq9b2","yellow":"Statistic-module_yellow__0A2sj","green":"Statistic-module_green__LjLEE","teal":"Statistic-module_teal__rz09e","cyan":"Statistic-module_cyan__ljMqB","gray":"Statistic-module_gray__Bukv9","grayDark":"Statistic-module_grayDark__JoQc8","light":"Statistic-module_light__Q1XW7","dark":"Statistic-module_dark__HWch8","label":"Statistic-module_label__O256y","value":"Statistic-module_value__Af9tB","smaller":"Statistic-module_smaller__ni0vP","iconWrapper":"Statistic-module_iconWrapper__TudZL"};
+var classes$h = {"wrapper":"Statistic-module_wrapper__4eJ86","blue":"Statistic-module_blue__SsMhE","indigo":"Statistic-module_indigo__8DByg","purple":"Statistic-module_purple__mieHQ","pink":"Statistic-module_pink__2PBSu","red":"Statistic-module_red__T7SC1","orange":"Statistic-module_orange__eq9b2","yellow":"Statistic-module_yellow__0A2sj","green":"Statistic-module_green__LjLEE","teal":"Statistic-module_teal__rz09e","cyan":"Statistic-module_cyan__ljMqB","gray":"Statistic-module_gray__Bukv9","grayDark":"Statistic-module_grayDark__JoQc8","light":"Statistic-module_light__Q1XW7","dark":"Statistic-module_dark__HWch8","label":"Statistic-module_label__O256y","value":"Statistic-module_value__Af9tB","smaller":"Statistic-module_smaller__ni0vP","iconWrapper":"Statistic-module_iconWrapper__TudZL"};
 
-const Statistic = ({ icon, value, label, backgroundColor, smallerValue, valueTestId, }) => (React.createElement("div", { className: clsx(classes$g.wrapper, classes$g[backgroundColor]) },
-    React.createElement("div", { className: classes$g.iconWrapper }, icon),
+const Statistic = ({ icon, value, label, backgroundColor, smallerValue, valueTestId, }) => (React.createElement("div", { className: clsx(classes$h.wrapper, classes$h[backgroundColor]) },
+    React.createElement("div", { className: classes$h.iconWrapper }, icon),
     React.createElement(Box, { flexGrow: 1, textAlign: "right" },
-        React.createElement("div", { className: classes$g.label }, label),
-        React.createElement("div", { "data-testid": valueTestId, className: clsx(classes$g.value, smallerValue && classes$g.smaller) }, value))));
+        React.createElement("div", { className: classes$h.label }, label),
+        React.createElement("div", { "data-testid": valueTestId, className: clsx(classes$h.value, smallerValue && classes$h.smaller) }, value))));
 
-var classes$f = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
+var classes$g = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
 
 const Tab = (_a) => {
     var { id, isActive, onClick, variant } = _a, restProps = __rest(_a, ["id", "isActive", "onClick", "variant"]);
@@ -1306,39 +1306,39 @@ const Tab = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(id);
         }
     }, [id, isActive, onClick]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$f.tab, isActive && classes$f.isActive, variant && classes$f[variant]) }, restProps, { onClick: handleClick })));
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$g.tab, isActive && classes$g.isActive, variant && classes$g[variant]) }, restProps, { onClick: handleClick })));
 };
 
-var classes$e = {"tabContent":"TabContent-module_tabContent__hMTiE"};
+var classes$f = {"tabContent":"TabContent-module_tabContent__hMTiE"};
 
 const TabContent = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$e.tabContent, className), p: 3 }, rest)));
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$f.tabContent, className), p: 3 }, rest)));
 };
 
-var classes$d = {"tabs":"Tabs-module_tabs__QzIkz"};
+var classes$e = {"tabs":"Tabs-module_tabs__QzIkz"};
 
 const Tabs = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(className, classes$d.tabs) }, rest)));
+    return (React.createElement(Box, Object.assign({ className: clsx(className, classes$e.tabs) }, rest)));
 };
 
-var classes$c = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
+var classes$d = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
 
-const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$c.wrapper },
-    React.createElement(Box, { className: classes$c.line },
-        React.createElement("div", { className: classes$c.circle, style: { "--background-color": color } }, icon)),
+const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$d.wrapper },
+    React.createElement(Box, { className: classes$d.line },
+        React.createElement("div", { className: classes$d.circle, style: { "--background-color": color } }, icon)),
     React.createElement(Box, { pb: 4, flexGrow: 1 },
         React.createElement(CollapsiblePanel, { isInitiallyOpen: isInitiallyOpen, titleMeta: titleMeta, title: title, titleAction: chevron }, children))));
-const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$c.wrapper },
-    React.createElement(Box, { className: clsx(classes$c.line, "line") },
-        React.createElement("div", { className: classes$c.circle, style: { "--background-color": color } }, icon)),
+const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$d.wrapper },
+    React.createElement(Box, { className: clsx(classes$d.line, "line") },
+        React.createElement("div", { className: classes$d.circle, style: { "--background-color": color } }, icon)),
     React.createElement(Box, { pb: 4, flexGrow: 1 },
-        React.createElement(Panel, { className: classes$c.flatPanel, titleMeta: titleMeta, title: title }))));
+        React.createElement(Panel, { className: classes$d.flatPanel, titleMeta: titleMeta, title: title }))));
 
-var classes$b = {"wrapper":"TopBar-module_wrapper__DVlec"};
+var classes$c = {"wrapper":"TopBar-module_wrapper__DVlec"};
 
-const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes$b.wrapper },
+const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes$c.wrapper },
     React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
             mobile: 5,
             laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
@@ -1346,18 +1346,18 @@ const TopBar = ({ left, right, }) => (React.createElement(Box, { className: clas
         React.createElement(Box, { flexGrow: 1, display: "flex", pl: 2 }, left),
         React.createElement(Box, { flexGrow: 1, display: "flex", justifyContent: "flex-end" }, right))));
 
-var classes$a = {"toggle":"Toggle-module_toggle__kmzmH","checked":"Toggle-module_checked__wOt93","disabled":"Toggle-module_disabled__zqNfH","thumb":"Toggle-module_thumb__nibyJ"};
+var classes$b = {"toggle":"Toggle-module_toggle__kmzmH","checked":"Toggle-module_checked__wOt93","disabled":"Toggle-module_disabled__zqNfH","thumb":"Toggle-module_thumb__nibyJ"};
 
-const Toggle = ({ isChecked, isDisabled, onChange }) => (React.createElement("div", { onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(!isChecked), className: clsx(classes$a.toggle, isChecked && classes$a.checked, isDisabled && classes$a.disabled) },
-    React.createElement("div", { className: classes$a.thumb })));
+const Toggle = ({ isChecked, isDisabled, onChange }) => (React.createElement("div", { onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(!isChecked), className: clsx(classes$b.toggle, isChecked && classes$b.checked, isDisabled && classes$b.disabled) },
+    React.createElement("div", { className: classes$b.thumb })));
 
-var classes$9 = {"label":"FormGridWrapper-module_label__3OAEA","error":"FormGridWrapper-module_error__80-SA","hint":"FormGridWrapper-module_hint__lj9vT","requiredAsterisk":"FormGridWrapper-module_requiredAsterisk__-4sG4"};
+var classes$a = {"label":"FormGridWrapper-module_label__3OAEA","error":"FormGridWrapper-module_error__80-SA","hint":"FormGridWrapper-module_hint__lj9vT","requiredAsterisk":"FormGridWrapper-module_requiredAsterisk__-4sG4"};
 
-const Label = ({ error, isRequired, className, children, }) => (React.createElement("label", { className: clsx(classes$9.label, !!error && classes$9.error, className) },
+const Label = ({ error, isRequired, className, children, }) => (React.createElement("label", { className: clsx(classes$a.label, !!error && classes$a.error, className) },
     children,
-    isRequired && React.createElement("span", { className: classes$9.requiredAsterisk })));
+    isRequired && React.createElement("span", { className: classes$a.requiredAsterisk })));
 
-var classes$8 = {"label":"Checkbox-module_label__uYQc9","input":"Checkbox-module_input__a4Cy-","dimmed":"Checkbox-module_dimmed__wAzQa"};
+var classes$9 = {"label":"Checkbox-module_label__uYQc9","input":"Checkbox-module_input__a4Cy-","dimmed":"Checkbox-module_dimmed__wAzQa"};
 
 const Checkbox = React.forwardRef((_a, ref) => {
     var { options, spacing = 1, name, dimmed, className, orientation = "vertical" } = _a, restProps = __rest(_a, ["options", "spacing", "name", "dimmed", "className", "orientation"]);
@@ -1365,20 +1365,20 @@ const Checkbox = React.forwardRef((_a, ref) => {
         ? options
         : Object.entries(options);
     const contents = (React.createElement(React.Fragment, null, optionsArray.map(([value, label]) => (React.createElement(Box, { key: value, mt: spacing, mb: spacing },
-        React.createElement("label", { className: classes$8.label, key: value },
-            React.createElement("input", Object.assign({ className: clsx(className, classes$8.input), type: "checkbox", value: value, name: name, ref: ref }, restProps)),
-            React.createElement("span", { className: clsx(dimmed && classes$8.dimmed) }, label)))))));
+        React.createElement("label", { className: classes$9.label, key: value },
+            React.createElement("input", Object.assign({ className: clsx(className, classes$9.input), type: "checkbox", value: value, name: name, ref: ref }, restProps)),
+            React.createElement("span", { className: clsx(dimmed && classes$9.dimmed) }, label)))))));
     return orientation === "horizontal" ? (React.createElement(Box, { display: "flex", columnGap: 4 }, contents)) : (contents);
 });
 
-var classes$7 = {"input":"TextField-module_input__73ULM","textarea":"TextField-module_textarea__DzXRI"};
+var classes$8 = {"input":"TextField-module_input__73ULM","textarea":"TextField-module_textarea__DzXRI"};
 
 const TextField = React.forwardRef((_a, ref) => {
     var { multiline = false, className } = _a, restProps = __rest(_a, ["multiline", "className"]);
-    return multiline ? (React.createElement("textarea", Object.assign({ className: clsx(classes$7.textarea, classes$7.input, className), ref: ref }, restProps))) : (React.createElement("input", Object.assign({ className: clsx(classes$7.input, className), ref: ref, type: "text" }, restProps)));
+    return multiline ? (React.createElement("textarea", Object.assign({ className: clsx(classes$8.textarea, classes$8.input, className), ref: ref }, restProps))) : (React.createElement("input", Object.assign({ className: clsx(classes$8.input, className), ref: ref, type: "text" }, restProps)));
 });
 
-var classes$6 = {"wrapper":"FileField-module_wrapper__Av1Bz","hiddenInput":"FileField-module_hiddenInput__42z5Q","button":"FileField-module_button__13cFn","textField":"FileField-module_textField__-9ZPk","deleteButton":"FileField-module_deleteButton__RpWa3"};
+var classes$7 = {"wrapper":"FileField-module_wrapper__Av1Bz","hiddenInput":"FileField-module_hiddenInput__42z5Q","button":"FileField-module_button__13cFn","textField":"FileField-module_textField__-9ZPk","deleteButton":"FileField-module_deleteButton__RpWa3"};
 
 const FileField = React.forwardRef((_a, ref) => {
     var { className, placeholder, chooseFileLabel = "Choose file", changeFileLabel = "Change file", onClear } = _a, props = __rest(_a, ["className", "placeholder", "chooseFileLabel", "changeFileLabel", "onClear"]);
@@ -1406,26 +1406,26 @@ const FileField = React.forwardRef((_a, ref) => {
             ref === null || ref === void 0 ? void 0 : ref(el);
         }
     }, [ref, handleChange]);
-    return (React.createElement("div", { className: classes$6.wrapper },
-        React.createElement("input", Object.assign({ className: classes$6.hiddenInput, type: "file", ref: extendedRef }, props)),
-        React.createElement(Button, { className: classes$6.button, variant: "basic" }, !!fileName ? changeFileLabel : chooseFileLabel),
-        React.createElement(TextField, { placeholder: placeholder, className: clsx(classes$6.textField, className), disabled: true, value: fileName }),
-        !!fileName && onClear && (React.createElement("button", { className: classes$6.deleteButton, "data-testid": "file-clear", onClick: handleRemove }))));
+    return (React.createElement("div", { className: classes$7.wrapper },
+        React.createElement("input", Object.assign({ className: classes$7.hiddenInput, type: "file", ref: extendedRef }, props)),
+        React.createElement(Button, { className: classes$7.button, variant: "basic" }, !!fileName ? changeFileLabel : chooseFileLabel),
+        React.createElement(TextField, { placeholder: placeholder, className: clsx(classes$7.textField, className), disabled: true, value: fileName }),
+        !!fileName && onClear && (React.createElement("button", { className: classes$7.deleteButton, "data-testid": "file-clear", onClick: handleRemove }))));
 });
 
-var classes$5 = {"wrapper":"Select-module_wrapper__vBUHm","select":"Select-module_select__tfPHD","paddingOverlay":"Select-module_paddingOverlay__Y6O4-"};
+var classes$6 = {"wrapper":"Select-module_wrapper__vBUHm","select":"Select-module_select__tfPHD","paddingOverlay":"Select-module_paddingOverlay__Y6O4-"};
 
 const Select = React.forwardRef((_a, ref) => {
     var { options, className } = _a, props = __rest(_a, ["options", "className"]);
     const optionsArray = Array.isArray(options)
         ? options
         : Object.entries(options);
-    return (React.createElement("div", { className: classes$5.wrapper },
-        React.createElement("select", Object.assign({ className: clsx(classes$5.select, className), ref: ref }, props), optionsArray.map(([value, label]) => (React.createElement("option", { key: value, value: value }, label)))),
-        React.createElement("div", { className: classes$5.paddingOverlay }, "\u25BE")));
+    return (React.createElement("div", { className: classes$6.wrapper },
+        React.createElement("select", Object.assign({ className: clsx(classes$6.select, className), ref: ref }, props), optionsArray.map(([value, label]) => (React.createElement("option", { key: value, value: value }, label)))),
+        React.createElement("div", { className: classes$6.paddingOverlay }, "\u25BE")));
 });
 
-var classes$4 = {"progress":"PasswordStrengthField-module_progress__KIvlC","progressBar":"PasswordStrengthField-module_progressBar__Wz5Rz","bad":"PasswordStrengthField-module_bad__n300O","ok":"PasswordStrengthField-module_ok__LMIms","good":"PasswordStrengthField-module_good__MhPYT"};
+var classes$5 = {"progress":"PasswordStrengthField-module_progress__KIvlC","progressBar":"PasswordStrengthField-module_progressBar__Wz5Rz","bad":"PasswordStrengthField-module_bad__n300O","ok":"PasswordStrengthField-module_ok__LMIms","good":"PasswordStrengthField-module_good__MhPYT"};
 
 const passwordMinLength = (val) => val.length >= 8;
 const passwordHasNumbers = (val) => /\d/.test(val);
@@ -1455,13 +1455,13 @@ const PasswordStrengthField = React.forwardRef((props, ref) => {
     }, [ref, handleChange]);
     return (React.createElement(React.Fragment, null,
         React.createElement(TextField, Object.assign({}, props, { type: "password", ref: extendedRef })),
-        React.createElement("div", { className: classes$4.progress },
-            React.createElement("div", { className: clsx(classes$4.progressBar, score <= 2 ? classes$4.bad : score <= 3 ? classes$4.ok : classes$4.good), 
+        React.createElement("div", { className: classes$5.progress },
+            React.createElement("div", { className: clsx(classes$5.progressBar, score <= 2 ? classes$5.bad : score <= 3 ? classes$5.ok : classes$5.good), 
                 // @ts-ignore
                 style: { "--width": (score / maxScore) * 100 + "%" } }))));
 });
 
-var classes$3 = {"formGridCell":"FormGridCell-module_formGridCell__Y3e5s","rowOffset":"FormGridCell-module_rowOffset__xvXeK","mobile:position":"FormGridCell-module_mobile--position__1AeHR","tablet:position":"FormGridCell-module_tablet--position__Xxybj","laptop:position":"FormGridCell-module_laptop--position__gMNqe","desktop:position":"FormGridCell-module_desktop--position__UDC4a"};
+var classes$4 = {"formGridCell":"FormGridCell-module_formGridCell__Y3e5s","rowOffset":"FormGridCell-module_rowOffset__xvXeK","mobile:position":"FormGridCell-module_mobile--position__1AeHR","tablet:position":"FormGridCell-module_tablet--position__Xxybj","laptop:position":"FormGridCell-module_laptop--position__gMNqe","desktop:position":"FormGridCell-module_desktop--position__UDC4a"};
 
 const NUM_ROWS_PER_FIELD = 2;
 const generateDimensionVariablesForBreakpoint = (breakPoint, position, rowOffset) => {
@@ -1491,38 +1491,38 @@ const FormGridCell = ({ position, align, rowOffset = 0, children, className, })
         textAlign: align,
     });
     const dimensionVariables = generateDimensionVariables(position, rowOffset);
-    return (React.createElement("div", { className: clsx(classes$3.formGridCell, rowOffset && classes$3.rowOffset, position.mobile && classes$3["mobile:position"], position.tablet && classes$3["tablet:position"], position.laptop && classes$3["laptop:position"], position.desktop && classes$3["desktop:position"], classNames, className), style: Object.assign(Object.assign({}, variables), dimensionVariables) }, children));
+    return (React.createElement("div", { className: clsx(classes$4.formGridCell, rowOffset && classes$4.rowOffset, position.mobile && classes$4["mobile:position"], position.tablet && classes$4["tablet:position"], position.laptop && classes$4["laptop:position"], position.desktop && classes$4["desktop:position"], classNames, className), style: Object.assign(Object.assign({}, variables), dimensionVariables) }, children));
 };
 
 const FormGridWrapper = ({ position, align, label, hint, error, isRequired, children }) => (React.createElement(React.Fragment, null,
     React.createElement(FormGridCell, { position: position, align: align, className: "form-grid-cell__label-hint" },
         label && (React.createElement(Label, { error: !!error, isRequired: isRequired }, label)),
-        hint && (React.createElement("div", { className: clsx(classes$9.hint, !!error && classes$9.error) }, hint))),
+        hint && (React.createElement("div", { className: clsx(classes$a.hint, !!error && classes$a.error) }, hint))),
     React.createElement(FormGridCell, { position: position, align: align, rowOffset: 1, className: clsx({
             "form-grid-cell__field-error": true,
             "has-error": !!error,
         }) },
         children,
-        error && React.createElement("div", { className: classes$9.error }, error))));
+        error && React.createElement("div", { className: classes$a.error }, error))));
 
-var classes$2 = {"formGrid":"FormGrid-module_formGrid__2OSmK"};
+var classes$3 = {"formGrid":"FormGrid-module_formGrid__2OSmK"};
 
 const FormGrid = (_a) => {
     var { columns, className } = _a, props = __rest(_a, ["columns", "className"]);
     const { classNames, variables } = getResponsiveProps({ columns });
-    return (React.createElement("div", Object.assign({ className: clsx(classes$2.formGrid, className, classNames), 
+    return (React.createElement("div", Object.assign({ className: clsx(classes$3.formGrid, className, classNames), 
         // @ts-ignore
         style: Object.assign(Object.assign({}, variables), { "--numRowsPerField": 2 }) }, props)));
 };
 
-var classes$1 = {"wrapper":"DefaultLayout-module_wrapper__UPzJr","wrapperInner":"DefaultLayout-module_wrapperInner__ZdGKn","sidebarWrapper":"DefaultLayout-module_sidebarWrapper__Jehqe","contentBox":"DefaultLayout-module_contentBox__lVxGL"};
+var classes$2 = {"wrapper":"DefaultLayout-module_wrapper__UPzJr","wrapperInner":"DefaultLayout-module_wrapperInner__ZdGKn","sidebarWrapper":"DefaultLayout-module_sidebarWrapper__Jehqe","contentBox":"DefaultLayout-module_contentBox__lVxGL"};
 
 const DefaultLayout = ({ sideBarProps, topBarProps, footerProps, children }) => {
-    return (React.createElement(Box, { className: classes$1.wrapper, flexGrow: 1, display: "flex", flexDirection: "column" },
-        React.createElement(Box, { className: classes$1.wrapperInner, flexGrow: 1, flexShrink: 0, "data-foo": "test", flexBasis: { mobile: "100%", laptop: "25%" } },
-            sideBarProps && (React.createElement(Box, { className: classes$1.sidebarWrapper },
+    return (React.createElement(Box, { className: classes$2.wrapper, flexGrow: 1, display: "flex", flexDirection: "column" },
+        React.createElement(Box, { className: classes$2.wrapperInner, flexGrow: 1, flexShrink: 0, "data-foo": "test", flexBasis: { mobile: "100%", laptop: "25%" } },
+            sideBarProps && (React.createElement(Box, { className: classes$2.sidebarWrapper },
                 React.createElement(SideBar, Object.assign({}, sideBarProps)))),
-            React.createElement(Box, { className: classes$1.contentBox, display: "flex", flexDirection: "column" },
+            React.createElement(Box, { className: classes$2.contentBox, display: "flex", flexDirection: "column" },
                 React.createElement(TopBar, Object.assign({}, topBarProps)),
                 children,
                 React.createElement(Footer, Object.assign({}, footerProps))))));
@@ -1533,19 +1533,38 @@ const BasicLayout = ({ sideBarProps, topBarProps, footerProps, isLoading, loader
         React.createElement(Box, { p: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile }, pl: { laptop: VerticalRhythmLaptop + SIDEBAR_COLLAPSED_WIDTH }, flexGrow: 1 }, isLoading && loader ? loader : children)));
 };
 
-var classes = {"wrapper":"FloatingPanelLayout-module_wrapper__XlZwj","background":"FloatingPanelLayout-module_background__vI4Uc","animation":"FloatingPanelLayout-module_animation__031Vf","panel":"FloatingPanelLayout-module_panel__Dmfof","logo":"FloatingPanelLayout-module_logo__-5gan"};
+var classes$1 = {"wrapper":"FloatingPanelLayout-module_wrapper__XlZwj","background":"FloatingPanelLayout-module_background__vI4Uc","animation":"FloatingPanelLayout-module_animation__031Vf","panel":"FloatingPanelLayout-module_panel__Dmfof","logo":"FloatingPanelLayout-module_logo__-5gan"};
 
-const FloatingPanelLayout = ({ panelProps, imageUrl, alert, logoUrl, backgroundBaseColor, backgroundOpacity, }) => (React.createElement(Box, { className: classes.wrapper, 
+const FloatingPanelLayout = ({ panelProps, imageUrl, alert, logoUrl, backgroundBaseColor, backgroundOpacity, }) => (React.createElement(Box, { className: classes$1.wrapper, 
     // @ts-ignore
     style: backgroundBaseColor && { "--base-color": backgroundBaseColor }, display: "flex", alignItems: "center" },
-    React.createElement("div", { className: classes.background, style: {
+    React.createElement("div", { className: classes$1.background, style: {
             opacity: backgroundOpacity || 1,
             backgroundImage: `url(${imageUrl})`,
         } }),
-    logoUrl && React.createElement("img", { src: logoUrl, alt: "Logo", className: classes.logo }),
-    React.createElement(SlideInFromTop, { className: classes.animation },
+    logoUrl && React.createElement("img", { src: logoUrl, alt: "Logo", className: classes$1.logo }),
+    React.createElement(SlideInFromTop, { className: classes$1.animation },
         alert && React.createElement(Box, { pb: VerticalRhythmLaptop }, alert),
-        React.createElement(Panel, Object.assign({}, panelProps, { className: clsx(classes.panel, panelProps.className) })))));
+        React.createElement(Panel, Object.assign({}, panelProps, { className: clsx(classes$1.panel, panelProps.className) })))));
+
+var classes = {"left":"SplitLayout-module_left__gw0PM","headerBox":"SplitLayout-module_headerBox__wO8Py","header":"SplitLayout-module_header__CGDwS"};
+
+const SplitLayout = ({ sideBarProps, topBarProps, footerProps, isLoading, loader, children, }) => {
+    return (React.createElement(DefaultLayout, { sideBarProps: sideBarProps, topBarProps: topBarProps, footerProps: footerProps },
+        React.createElement(Box, { pl: { laptop: SIDEBAR_COLLAPSED_WIDTH }, flexGrow: 1 }, isLoading && loader ? loader : children)));
+};
+const Split = ({ left, leftBoxProps, right, rightBoxProps, }) => {
+    return (React.createElement(Box, { display: "flex", flexDirection: "column" },
+        React.createElement(Box, { flexGrow: 1, display: "flex" },
+            React.createElement(Box, Object.assign({ className: classes.left, flexBasis: "30%", p: {
+                    laptop: VerticalRhythmLaptop,
+                    mobile: VerticalRhythmMobile,
+                } }, leftBoxProps), left),
+            React.createElement(Box, Object.assign({ flexBasis: "70%", p: {
+                    laptop: VerticalRhythmLaptop,
+                    mobile: VerticalRhythmMobile,
+                } }, rightBoxProps), right))));
+};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3485,6 +3504,8 @@ exports.Select = Select;
 exports.SideBarHeader = SideBarHeader;
 exports.SimpleTimeline = SimpleTimeline;
 exports.SlideInFromTop = SlideInFromTop;
+exports.Split = Split;
+exports.SplitLayout = SplitLayout;
 exports.Statistic = Statistic;
 exports.Tab = Tab;
 exports.TabContent = TabContent;

package/dist/bundle.min.js

@@ -1 +1 @@
-"use strict";var e=require("react");const t=()=>{},a=e.createContext({isSideMenuOpen:!1,closeSideMenu:t,openSideMenu:t}),l=()=>e.useContext(a),r=({children:t})=>{const[l,r]=e.useState(!1),o=e.useCallback(()=>r(!1),[]),n=e.useCallback(()=>r(!0),[]);return e.createElement(a.Provider,{value:{isSideMenuOpen:l,closeSideMenu:o,openSideMenu:n}},t)};var o="UiWrapper-module_wrapper__kC0BB";function n(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a}"function"==typeof SuppressedError&&SuppressedError;var s="SlideInFromTop-module_slideInFromTop__We2Dd";function p(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=p(e[t]))&&(l&&(l+=" "),l+=a);else for(t in e)e[t]&&(l&&(l+=" "),l+=t);return l}function i(){for(var e,t,a=0,l="";a<arguments.length;)(e=arguments[a++])&&(t=p(e))&&(l&&(l+=" "),l+=t);return l}const c=t=>{var{className:a,speed:l}=t,r=n(t,["className","speed"]);return e.createElement("div",Object.assign({className:i(s,a),style:l?{"--speed":l}:void 0},r))};var m={wrapper:"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"},d="Header-module_header__97lwI";const u={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"},b=t=>{var{level:a=1,className:l}=t,r=n(t,["level","className"]);const o=u[a];return e.createElement(o,Object.assign({className:i(l,d)},r))};var _="Paragraph-module_paragraph__-EZeT";const f=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("p",Object.assign({className:i(_,a)},l))},v=["p:var","p:-1","p:0","p:1","p:2","p:3","p:4","p:5","p:6","p:7","pt:var","pt:-1","pt:0","pt:1","pt:2","pt:3","pt:4","pt:5","pt:6","pt:7","pr:var","pr:-1","pr:0","pr:1","pr:2","pr:3","pr:4","pr:5","pr:6","pr:7","pb:var","pb:-1","pb:0","pb:1","pb:2","pb:3","pb:4","pb:5","pb:6","pb:7","pl:var","pl:-1","pl:0","pl:1","pl:2","pl:3","pl:4","pl:5","pl:6","pl:7","m:var","m:-1","m:0","m:1","m:2","m:3","m:4","m:5","m:6","m:7","mt:var","mt:-1","mt:0","mt:1","mt:2","mt:3","mt:4","mt:5","mt:6","mt:7","mr:var","mr:-1","mr:0","mr:1","mr:2","mr:3","mr:4","mr:5","mr:6","mr:7","mb:var","mb:-1","mb:0","mb:1","mb:2","mb:3","mb:4","mb:5","mb:6","mb:7","ml:var","ml:-1","ml:0","ml:1","ml:2","ml:3","ml:4","ml:5","ml:6","ml:7","display:var","display:block","display:flex","display:none","flexBasis:var","flexGrow:var","flexGrow:1","flexGrow:0","flexShrink:var","flexShrink:1","flexShrink:0","flexDirection:var","flexDirection:row","flexDirection:column","flexWrap:var","flexWrap:nowrap","flexWrap:wrap","flexWrap:wrap-reverse","flexWrap:inherit","rowGap:-1","rowGap:0","rowGap:1","rowGap:2","rowGap:3","rowGap:4","rowGap:5","rowGap:6","rowGap:7","columnGap:-1","columnGap:0","columnGap:1","columnGap:2","columnGap:3","columnGap:4","columnGap:5","columnGap:6","columnGap:7","alignItems:var","alignItems:center","alignItems:flex-start","alignItems:flex-end","textAlign:var","textAlign:left","textAlign:right","textAlign:center","justifyContent:var","justifyContent:center","justifyContent:flex-start","justifyContent:flex-end","width:var","columns:var","tablet:p:var","tablet:p:-1","tablet:p:0","tablet:p:1","tablet:p:2","tablet:p:3","tablet:p:4","tablet:p:5","tablet:p:6","tablet:p:7","tablet:pt:var","tablet:pt:-1","tablet:pt:0","tablet:pt:1","tablet:pt:2","tablet:pt:3","tablet:pt:4","tablet:pt:5","tablet:pt:6","tablet:pt:7","tablet:pr:var","tablet:pr:-1","tablet:pr:0","tablet:pr:1","tablet:pr:2","tablet:pr:3","tablet:pr:4","tablet:pr:5","tablet:pr:6","tablet:pr:7","tablet:pb:var","tablet:pb:-1","tablet:pb:0","tablet:pb:1","tablet:pb:2","tablet:pb:3","tablet:pb:4","tablet:pb:5","tablet:pb:6","tablet:pb:7","tablet:pl:var","tablet:pl:-1","tablet:pl:0","tablet:pl:1","tablet:pl:2","tablet:pl:3","tablet:pl:4","tablet:pl:5","tablet:pl:6","tablet:pl:7","tablet:m:var","tablet:m:-1","tablet:m:0","tablet:m:1","tablet:m:2","tablet:m:3","tablet:m:4","tablet:m:5","tablet:m:6","tablet:m:7","tablet:mt:var","tablet:mt:-1","tablet:mt:0","tablet:mt:1","tablet:mt:2","tablet:mt:3","tablet:mt:4","tablet:mt:5","tablet:mt:6","tablet:mt:7","tablet:mr:var","tablet:mr:-1","tablet:mr:0","tablet:mr:1","tablet:mr:2","tablet:mr:3","tablet:mr:4","tablet:mr:5","tablet:mr:6","tablet:mr:7","tablet:mb:var","tablet:mb:-1","tablet:mb:0","tablet:mb:1","tablet:mb:2","tablet:mb:3","tablet:mb:4","tablet:mb:5","tablet:mb:6","tablet:mb:7","tablet:ml:var","tablet:ml:-1","tablet:ml:0","tablet:ml:1","tablet:ml:2","tablet:ml:3","tablet:ml:4","tablet:ml:5","tablet:ml:6","tablet:ml:7","tablet:display:var","tablet:display:block","tablet:display:flex","tablet:display:none","tablet:flexBasis:var","tablet:flexGrow:var","tablet:flexGrow:1","tablet:flexGrow:0","tablet:flexShrink:var","tablet:flexShrink:1","tablet:flexShrink:0","tablet:flexDirection:var","tablet:flexDirection:row","tablet:flexDirection:column","tablet:flexWrap:var","tablet:flexWrap:nowrap","tablet:flexWrap:wrap","tablet:flexWrap:wrap-reverse","tablet:flexWrap:inherit","tablet:rowGap:-1","tablet:rowGap:0","tablet:rowGap:1","tablet:rowGap:2","tablet:rowGap:3","tablet:rowGap:4","tablet:rowGap:5","tablet:rowGap:6","tablet:rowGap:7","tablet:columnGap:-1","tablet:columnGap:0","tablet:columnGap:1","tablet:columnGap:2","tablet:columnGap:3","tablet:columnGap:4","tablet:columnGap:5","tablet:columnGap:6","tablet:columnGap:7","tablet:alignItems:var","tablet:alignItems:center","tablet:alignItems:flex-start","tablet:alignItems:flex-end","tablet:textAlign:var","tablet:textAlign:left","tablet:textAlign:right","tablet:textAlign:center","tablet:justifyContent:var","tablet:justifyContent:center","tablet:justifyContent:flex-start","tablet:justifyContent:flex-end","tablet:width:var","tablet:columns:var","laptop:p:var","laptop:p:-1","laptop:p:0","laptop:p:1","laptop:p:2","laptop:p:3","laptop:p:4","laptop:p:5","laptop:p:6","laptop:p:7","laptop:pt:var","laptop:pt:-1","laptop:pt:0","laptop:pt:1","laptop:pt:2","laptop:pt:3","laptop:pt:4","laptop:pt:5","laptop:pt:6","laptop:pt:7","laptop:pr:var","laptop:pr:-1","laptop:pr:0","laptop:pr:1","laptop:pr:2","laptop:pr:3","laptop:pr:4","laptop:pr:5","laptop:pr:6","laptop:pr:7","laptop:pb:var","laptop:pb:-1","laptop:pb:0","laptop:pb:1","laptop:pb:2","laptop:pb:3","laptop:pb:4","laptop:pb:5","laptop:pb:6","laptop:pb:7","laptop:pl:var","laptop:pl:-1","laptop:pl:0","laptop:pl:1","laptop:pl:2","laptop:pl:3","laptop:pl:4","laptop:pl:5","laptop:pl:6","laptop:pl:7","laptop:m:var","laptop:m:-1","laptop:m:0","laptop:m:1","laptop:m:2","laptop:m:3","laptop:m:4","laptop:m:5","laptop:m:6","laptop:m:7","laptop:mt:var","laptop:mt:-1","laptop:mt:0","laptop:mt:1","laptop:mt:2","laptop:mt:3","laptop:mt:4","laptop:mt:5","laptop:mt:6","laptop:mt:7","laptop:mr:var","laptop:mr:-1","laptop:mr:0","laptop:mr:1","laptop:mr:2","laptop:mr:3","laptop:mr:4","laptop:mr:5","laptop:mr:6","laptop:mr:7","laptop:mb:var","laptop:mb:-1","laptop:mb:0","laptop:mb:1","laptop:mb:2","laptop:mb:3","laptop:mb:4","laptop:mb:5","laptop:mb:6","laptop:mb:7","laptop:ml:var","laptop:ml:-1","laptop:ml:0","laptop:ml:1","laptop:ml:2","laptop:ml:3","laptop:ml:4","laptop:ml:5","laptop:ml:6","laptop:ml:7","laptop:display:var","laptop:display:block","laptop:display:flex","laptop:display:none","laptop:flexBasis:var","laptop:flexGrow:var","laptop:flexGrow:1","laptop:flexGrow:0","laptop:flexShrink:var","laptop:flexShrink:1","laptop:flexShrink:0","laptop:flexDirection:var","laptop:flexDirection:row","laptop:flexDirection:column","laptop:flexWrap:var","laptop:flexWrap:nowrap","laptop:flexWrap:wrap","laptop:flexWrap:wrap-reverse","laptop:flexWrap:inherit","laptop:rowGap:-1","laptop:rowGap:0","laptop:rowGap:1","laptop:rowGap:2","laptop:rowGap:3","laptop:rowGap:4","laptop:rowGap:5","laptop:rowGap:6","laptop:rowGap:7","laptop:columnGap:-1","laptop:columnGap:0","laptop:columnGap:1","laptop:columnGap:2","laptop:columnGap:3","laptop:columnGap:4","laptop:columnGap:5","laptop:columnGap:6","laptop:columnGap:7","laptop:alignItems:var","laptop:alignItems:center","laptop:alignItems:flex-start","laptop:alignItems:flex-end","laptop:textAlign:var","laptop:textAlign:left","laptop:textAlign:right","laptop:textAlign:center","laptop:justifyContent:var","laptop:justifyContent:center","laptop:justifyContent:flex-start","laptop:justifyContent:flex-end","laptop:width:var","laptop:columns:var","desktop:p:var","desktop:p:-1","desktop:p:0","desktop:p:1","desktop:p:2","desktop:p:3","desktop:p:4","desktop:p:5","desktop:p:6","desktop:p:7","desktop:pt:var","desktop:pt:-1","desktop:pt:0","desktop:pt:1","desktop:pt:2","desktop:pt:3","desktop:pt:4","desktop:pt:5","desktop:pt:6","desktop:pt:7","desktop:pr:var","desktop:pr:-1","desktop:pr:0","desktop:pr:1","desktop:pr:2","desktop:pr:3","desktop:pr:4","desktop:pr:5","desktop:pr:6","desktop:pr:7","desktop:pb:var","desktop:pb:-1","desktop:pb:0","desktop:pb:1","desktop:pb:2","desktop:pb:3","desktop:pb:4","desktop:pb:5","desktop:pb:6","desktop:pb:7","desktop:pl:var","desktop:pl:-1","desktop:pl:0","desktop:pl:1","desktop:pl:2","desktop:pl:3","desktop:pl:4","desktop:pl:5","desktop:pl:6","desktop:pl:7","desktop:m:var","desktop:m:-1","desktop:m:0","desktop:m:1","desktop:m:2","desktop:m:3","desktop:m:4","desktop:m:5","desktop:m:6","desktop:m:7","desktop:mt:var","desktop:mt:-1","desktop:mt:0","desktop:mt:1","desktop:mt:2","desktop:mt:3","desktop:mt:4","desktop:mt:5","desktop:mt:6","desktop:mt:7","desktop:mr:var","desktop:mr:-1","desktop:mr:0","desktop:mr:1","desktop:mr:2","desktop:mr:3","desktop:mr:4","desktop:mr:5","desktop:mr:6","desktop:mr:7","desktop:mb:var","desktop:mb:-1","desktop:mb:0","desktop:mb:1","desktop:mb:2","desktop:mb:3","desktop:mb:4","desktop:mb:5","desktop:mb:6","desktop:mb:7","desktop:ml:var","desktop:ml:-1","desktop:ml:0","desktop:ml:1","desktop:ml:2","desktop:ml:3","desktop:ml:4","desktop:ml:5","desktop:ml:6","desktop:ml:7","desktop:display:var","desktop:display:block","desktop:display:flex","desktop:display:none","desktop:flexBasis:var","desktop:flexGrow:var","desktop:flexGrow:1","desktop:flexGrow:0","desktop:flexShrink:var","desktop:flexShrink:1","desktop:flexShrink:0","desktop:flexDirection:var","desktop:flexDirection:row","desktop:flexDirection:column","desktop:flexWrap:var","desktop:flexWrap:nowrap","desktop:flexWrap:wrap","desktop:flexWrap:wrap-reverse","desktop:flexWrap:inherit","desktop:rowGap:-1","desktop:rowGap:0","desktop:rowGap:1","desktop:rowGap:2","desktop:rowGap:3","desktop:rowGap:4","desktop:rowGap:5","desktop:rowGap:6","desktop:rowGap:7","desktop:columnGap:-1","desktop:columnGap:0","desktop:columnGap:1","desktop:columnGap:2","desktop:columnGap:3","desktop:columnGap:4","desktop:columnGap:5","desktop:columnGap:6","desktop:columnGap:7","desktop:alignItems:var","desktop:alignItems:center","desktop:alignItems:flex-start","desktop:alignItems:flex-end","desktop:textAlign:var","desktop:textAlign:left","desktop:textAlign:right","desktop:textAlign:center","desktop:justifyContent:var","desktop:justifyContent:center","desktop:justifyContent:flex-start","desktop:justifyContent:flex-end","desktop:width:var","desktop:columns:var"],h=e=>v.includes(e),g=["mobile","tablet","laptop","desktop"],k={mobile:0,tablet:768,laptop:1024,desktop:1430},x=e=>{const t=Object.entries(e).filter(([,e])=>null!=e);return{variables:t.flatMap(([e,t])=>w(e,t)).reduce((e,[t,a])=>Object.assign(Object.assign({},e),{[t]:a}),{}),classNames:t.map(([e,t])=>y(e,t)).join(" ")}},y=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map(([t,a])=>{const l=N(t,e,a),r=N(t,e,"var");return h(l)?l:h(r)?r:""}).join(" "),w=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map(([t,a])=>{const l=N(t,e,a),r=N(t,e,"var");if(h(l)||!h(r))return;return[`--${[E(t),e].filter(Boolean).join("_")}`,"number"!=typeof a?a:`calc(var(--spacing) * ${a})`]}).filter(Boolean),E=e=>"mobile"===e?void 0:e,N=(e,t,a)=>[E(e),t,a].filter(e=>null!=e).join(":"),C=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of g)if(t.includes(e))return!0;return!1};var O="Box-module_box__Wgbf3";const j=t=>{var{className:a,children:l,p:r,pt:o,pr:s,pb:p,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexBasis:h,flexGrow:g,flexWrap:k,rowGap:y,columnGap:w,flexShrink:E,flexDirection:N,alignItems:C,textAlign:j,justifyContent:G}=t,S=n(t,["className","children","p","pt","pr","pb","pl","m","mt","mr","mb","ml","width","display","flexBasis","flexGrow","flexWrap","rowGap","columnGap","flexShrink","flexDirection","alignItems","textAlign","justifyContent"]);const{classNames:F,variables:A}=x({p:r,pt:o,pr:s,pb:p,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexBasis:h,flexGrow:g,flexShrink:E,flexDirection:N,flexWrap:k,rowGap:y,columnGap:w,alignItems:C,textAlign:j,justifyContent:G});return e.createElement("div",Object.assign({className:i(O,a,F),style:A},S),l)};var G="AnimatedCheckmark-module_svg__VAFDr",S="AnimatedCheckmark-module_mask__mH-yZ",F="AnimatedCheckmark-module_polyline__SJRcW",A="AnimatedCheckmark-module_circle__1BrC5",P="AnimatedCheckmark-module_circleColored__es08R";const B=()=>e.createElement("svg",{className:G,viewBox:"0 0 154 154"},e.createElement("g",{className:S},e.createElement("circle",{className:A,cx:"77",cy:"77",r:"72"}),e.createElement("circle",{className:P,cx:"77",cy:"77",r:"72"}),e.createElement("polyline",{className:F,points:"43.5,77.8 63.7,97.9 112.2,49.4"})));var D="BreadCrumbs-module_breadcrumbs__-UMJj",M="BreadCrumbs-module_crumb__SSW-t";var T="CollapsiblePanel-module_panel__DrLNG",W="CollapsiblePanel-module_isClosed__2qVew",I="CollapsiblePanel-module_titleActionWrapper__SBw5b",R="Panel-module_wrapper__vFRhJ",L="Panel-module_meta__Gj-8n",z="Panel-module_headerWrapper__evUCF",$="Panel-module_header__o7SiC",H="Panel-module_title__181OP",q="Panel-module_hasChildren__UZijE",V="Panel-module_hasOnClick__X5WSh",J="Panel-module_footer__t6-hz";const U=({children:t,className:a,title:l,titleAction:r,titleMeta:o,onClickTitle:n,footer:s,p:p=3,titleLevel:c=5,stageProps:m,footerProps:d,style:u})=>e.createElement("div",{className:i(a,R),style:u},l&&e.createElement(j,{p:3,display:"flex",alignItems:"center",onClick:n,className:i(H,!!t&&q,!!n&&V)},e.createElement(j,{flexGrow:1,className:z},e.createElement(b,{level:c,className:$},l)),o&&e.createElement(j,{className:L},o),r&&e.createElement(j,{pl:5},r)),t&&e.createElement(j,Object.assign({p:p},m),t),s&&e.createElement(j,Object.assign({p:3},d,{className:i(J,null==d?void 0:d.className)}),s));var X="SlideOpen-module_wrapper__ur3Rv",Z="SlideOpen-module_hidden__iibf8",Y="SlideOpen-module_shown__nGWNX",Q="SlideOpen-module_animation__YSEpu",K="SlideOpen-module_isOpen__O67Yi";const ee=({isOpen:t,children:a,duration:l,onChange:r})=>{const o=(t=>{const[a,l]=e.useState(t);return e.useEffect(()=>{const e=setTimeout(()=>l(t),0);return()=>clearTimeout(e)},[t,l]),a})(t),[n,s]=e.useState(!t),p=e.useCallback(()=>{t||(s(!0),null==r||r(!1))},[t,r]);return e.useEffect(()=>{t&&(s(!1),null==r||r(!0))},[t,r]),e.createElement("div",{className:X},e.createElement("div",{className:i(Q,o&&K),style:l?{"--duration":`${l}s`}:void 0,onTransitionEndCapture:p},e.createElement("div",{className:n?Z:Y},a)))},te=t=>{var{isInitiallyOpen:a,children:l,titleAction:r}=t,o=n(t,["isInitiallyOpen","children","titleAction"]);const[s,p]=e.useState(a),c=e.useCallback(()=>p(!s),[p,s]);return e.createElement(U,Object.assign({className:i(T,!s&&W)},o,{onClickTitle:c,p:0,titleAction:e.createElement("div",{className:i(I,!s&&W)},r)}),e.createElement(ee,{isOpen:s},e.createElement(j,{p:3},l)))};var ae="Overlay-module_overlay__EkbfA";const le=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("div",Object.assign({className:i(a,ae)},l))};var re="Modal-module_wrapper__34Hds",oe="Modal-module_content__dWO-B",ne="Modal-module_panel__lp9I7";const se=t=>{var{children:a,handleClickOverlay:l,buttons:r}=t,o=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(le,{onClick:l}),e.createElement("div",{className:re},e.createElement(c,null,e.createElement(U,Object.assign({className:ne,footer:r?e.createElement(j,{display:"flex",justifyContent:"flex-end"},r):void 0},o),a&&e.createElement("div",{className:oe},a)))))};var pe={wrapper:"Button-module_wrapper__nbaE8",stretch:"Button-module_stretch__JWfY7",actionButton:"Button-module_actionButton__S1gAt",button:"Button-module_button__PNye2",inline:"Button-module_inline__AMjqw",interactiveDisabled:"Button-module_interactiveDisabled__oFKm4","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT",icon:"Button-module_icon__OlcRJ",hasChildren:"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I",iconWrapper:"Button-module_iconWrapper__YwLLt"};const ie=e.forwardRef((t,a)=>{var{children:l,icon:r,variant:o="default",actionButton:s,stretch:p,inline:c,interactiveDisabled:m,className:d}=t,u=n(t,["children","icon","variant","actionButton","stretch","inline","interactiveDisabled","className"]);return e.createElement("div",{className:i(pe.wrapper,s&&pe.actionButton,p&&pe.stretch)},e.createElement("button",Object.assign({className:i(pe.button,pe[`variant-${o}`],!!l&&pe.hasChildren,r&&pe.icon,s&&pe.actionButton,p&&pe.stretch,c&&pe.inline,m&&pe.interactiveDisabled,d),ref:a},u),r&&e.createElement("span",{className:i(pe.iconWrapper,pe[`variant-${o}`],!!l&&pe.hasChildren)},r),l))}),ce=({title:t,children:a,cancelLabel:l="Nee, annuleren",confirmLabel:r="Ja",confirmVariant:o="secondary",confirmIcon:n,cancelIcon:s,isOpen:p,onCancel:i,onConfirm:c})=>p?e.createElement(se,{title:t,handleClickOverlay:i,buttons:e.createElement(e.Fragment,null,e.createElement(ie,{"data-testid":"btn-cancel",onClick:i,variant:"basic",icon:s},l),e.createElement(ie,{"data-testid":"btn-confirm",onClick:c,variant:o,icon:n},r))},a):null,me=()=>{};var de="Container-module_wrapper__RRZ0b";var ue={table:"Table-module_table__Dkosn",tr:"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV",disableHover:"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV",td:"Table-module_td__jv9tA",width:"Table-module_width__bS4aU",th:"Table-module_th__PNuEx",inner:"Table-module_inner__TCfso",sortable:"Table-module_sortable__W4c6P",asc:"Table-module_asc__-caTr",desc:"Table-module_desc__jQI8s"};const be=e.forwardRef((t,a)=>{var{className:l,disableHover:r}=t,o=n(t,["className","disableHover"]);return e.createElement("tr",Object.assign({ref:a,className:i(ue.tr,r&&ue.disableHover,l)},o))}),_e=e.forwardRef((t,a)=>{var{className:l,variant:r="basic",width:o}=t,s=n(t,["className","variant","width"]);const p=null!=o;return e.createElement("td",Object.assign({ref:a,className:i(ue.td,ue[`variant-${r}`],p&&ue.width,l),style:p?{"--width":o}:void 0},s))}),fe=e.forwardRef((t,a)=>{var{sortable:l,sortDirection:r,width:o,className:s,children:p}=t,c=n(t,["sortable","sortDirection","width","className","children"]);const m=null!=o;return e.createElement("th",Object.assign({ref:a,className:i(ue.th,l&&ue.sortable,r&&ue[r],m&&ue.width,s),style:m?{"--width":o}:void 0},c),e.createElement("span",{className:ue.inner},p))}),ve=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("table",Object.assign({className:i(ue.table,a)},l))};ve.Row=be,ve.HeadCell=fe,ve.Cell=_e;var he={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};var ge="Dropdown-module_wrapper__79ooc",ke="Dropdown-module_dropper__uVdEf",xe="Dropdown-module_left__JYKmP",ye="Dropdown-module_right__UefzB",we="Dropdown-module_dropdownMenu__5R4vo",Ee="Dropdown-module_dropdownMenuItem__dj4Gp";var Ne="Dropzone-module_dropzone__WvixK",Ce="Dropzone-module_centered__00ZHP",Oe="Dropzone-module_isReadyToDrop__NX-Ix",je="Dropzone-module_input__AEKgL",Ge="Dropzone-module_idle__HViGO",Se="Dropzone-module_deleteButton__6zeTi",Fe="Dropzone-module_fileName__XqXj8";const Ae=e.forwardRef((t,a)=>{var{className:l,placeholder:r,icon:o}=t,s=n(t,["className","placeholder","icon"]);const[p,c]=e.useState(),m=e.useRef(null),[d,u]=e.useState(!1),[b,_]=e.useState(),f=b&&b.length>0,v=e.useCallback(e=>{const t=(null==e?void 0:e.target).files,a=Array.from(t).map(e=>e.name);_(a)},[]),h=e.useCallback(e=>{e.preventDefault(),u(!0)},[]),g=e.useCallback(e=>{e.preventDefault(),u(!1)},[]),k=e.useCallback(()=>{u(!1)},[]),x=e.useCallback(()=>{null==p||p.click()},[p]),y=e.useCallback(()=>{p&&(p.value="",p.files=null,p.dispatchEvent(new Event("change",{bubbles:!0})))},[p]),w=e.useMemo(()=>e=>{null==e||e.addEventListener("change",v),c(e),"function"==typeof a&&(null==a||a(e))},[a,v]);return e.createElement("div",{ref:m,onDragOver:h,onDragLeave:g,onDrop:k,onClick:f?void 0:x,className:i(Ne,!f&&Ce,d&&Oe)},e.createElement("input",Object.assign({className:i(je,d?Oe:Ge),"data-testid":"dropzone-file-input",type:"file",ref:w,multiple:!0},s)),e.createElement(j,null,!f&&e.createElement(ie,{variant:"text",color:"secondary",type:"button",icon:o},r),f&&e.createElement(e.Fragment,null,e.createElement("button",{className:Se,"data-testid":"file-clear",onClick:y}),e.createElement("ol",null,b.map((t,a)=>e.createElement("li",{key:a,className:Fe},t))))))});var Pe="Feedback-module_box__ESWf9";const Be={laptop:1},De={mobile:1,laptop:0},Me={laptop:1},Te=t=>{var{stretch:a,laptopWidth:l}=t,r=n(t,["stretch","laptopWidth"]);const o=e.useMemo(()=>({laptop:l}),[l]);return e.createElement(j,Object.assign({flexGrow:a?Me:void 0,width:o,pt:De,pb:De,pl:Be,pr:Be},r))},We={laptop:-1},Ie={mobile:-1,laptop:0},Re={mobile:"block",laptop:"flex"};var Le="Footer-module_box__KZvsx",ze="SideBar-module_wrapper__8tZbH",$e="SideBar-module_isMobileMenuOpen__1yI4z",He="SideBar-module_isDesktopMenuOpen__S25Jl";const qe=({isMobileMenuOpen:t,minWidth:a,children:r})=>{const{closeSideMenu:o,openSideMenu:n,isSideMenuOpen:s}=l();return e.createElement(j,{className:i("sidebar",ze,t&&$e,s&&He),onMouseEnter:n,onMouseLeave:o,style:{"--minWidth":a||75,"--collapsed-width":15}},r)},Ve=({children:t})=>e.createElement(j,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:Le},t);var Je="HorizontalScroller-module_box__W07vp";var Ue="HamburgerButton-module_hamburgerButton__uFuws";var Xe="Menu-module_menu__uj3BS",Ze="Menu-module_menuItem__96xoX",Ye="Menu-module_isActive__idoz4",Qe="Menu-module_isOpen__p1ar3";var Ke="MenuCloseButton-module_menuCloseButton__c2jye";var et="MenuSlideOpenIndicator-module_wrapper__Q6Ykj";var tt="SideBarHeader-module_sideBarHeader__7zbYN";const at=()=>{const[t,a]=e.useState(window.innerWidth);e.useEffect(()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);return e.useMemo(()=>({isMobile:t>=k.mobile,isTablet:t>=k.tablet,isLaptop:t>=k.laptop,isDesktop:t>=k.desktop}),[t])};var lt="Paginator-module_wrapper__IPIcn",rt="Paginator-module_button__lkNBq",ot="Paginator-module_isActive__Qk3mv",nt="Paginator-module_isDisabled__uHGss";var st={wrapper:"Statistic-module_wrapper__4eJ86",blue:"Statistic-module_blue__SsMhE",indigo:"Statistic-module_indigo__8DByg",purple:"Statistic-module_purple__mieHQ",pink:"Statistic-module_pink__2PBSu",red:"Statistic-module_red__T7SC1",orange:"Statistic-module_orange__eq9b2",yellow:"Statistic-module_yellow__0A2sj",green:"Statistic-module_green__LjLEE",teal:"Statistic-module_teal__rz09e",cyan:"Statistic-module_cyan__ljMqB",gray:"Statistic-module_gray__Bukv9",grayDark:"Statistic-module_grayDark__JoQc8",light:"Statistic-module_light__Q1XW7",dark:"Statistic-module_dark__HWch8",label:"Statistic-module_label__O256y",value:"Statistic-module_value__Af9tB",smaller:"Statistic-module_smaller__ni0vP",iconWrapper:"Statistic-module_iconWrapper__TudZL"};var pt={tab:"Tab-module_tab__Iwytl",isActive:"Tab-module_isActive__DXImz",hint:"Tab-module_hint__ynkFR",error:"Tab-module_error__OF1Ji"};var it="TabContent-module_tabContent__hMTiE";var ct="Tabs-module_tabs__QzIkz";var mt="Timeline-module_flatPanel__TzdFU",dt="Timeline-module_wrapper__sWd71",ut="Timeline-module_line__CwY-N",bt="Timeline-module_circle__7kyfg";var _t="TopBar-module_wrapper__DVlec";const ft=({left:t,right:a})=>e.createElement(j,{className:_t},e.createElement(j,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(j,{flexGrow:1,display:"flex",pl:2},t),e.createElement(j,{flexGrow:1,display:"flex",justifyContent:"flex-end"},a)));var vt="Toggle-module_toggle__kmzmH",ht="Toggle-module_checked__wOt93",gt="Toggle-module_disabled__zqNfH",kt="Toggle-module_thumb__nibyJ";var xt="FormGridWrapper-module_label__3OAEA",yt="FormGridWrapper-module_error__80-SA",wt="FormGridWrapper-module_hint__lj9vT",Et="FormGridWrapper-module_requiredAsterisk__-4sG4";const Nt=({error:t,isRequired:a,className:l,children:r})=>e.createElement("label",{className:i(xt,!!t&&yt,l)},r,a&&e.createElement("span",{className:Et}));var Ct="Checkbox-module_label__uYQc9",Ot="Checkbox-module_input__a4Cy-",jt="Checkbox-module_dimmed__wAzQa";const Gt=e.forwardRef((t,a)=>{var{options:l,spacing:r=1,name:o,dimmed:s,className:p,orientation:c="vertical"}=t,m=n(t,["options","spacing","name","dimmed","className","orientation"]);const d=Array.isArray(l)?l:Object.entries(l),u=e.createElement(e.Fragment,null,d.map(([t,l])=>e.createElement(j,{key:t,mt:r,mb:r},e.createElement("label",{className:Ct,key:t},e.createElement("input",Object.assign({className:i(p,Ot),type:"checkbox",value:t,name:o,ref:a},m)),e.createElement("span",{className:i(s&&jt)},l)))));return"horizontal"===c?e.createElement(j,{display:"flex",columnGap:4},u):u});var St="TextField-module_input__73ULM",Ft="TextField-module_textarea__DzXRI";const At=e.forwardRef((t,a)=>{var{multiline:l=!1,className:r}=t,o=n(t,["multiline","className"]);return l?e.createElement("textarea",Object.assign({className:i(Ft,St,r),ref:a},o)):e.createElement("input",Object.assign({className:i(St,r),ref:a,type:"text"},o))});var Pt="FileField-module_wrapper__Av1Bz",Bt="FileField-module_hiddenInput__42z5Q",Dt="FileField-module_button__13cFn",Mt="FileField-module_textField__-9ZPk",Tt="FileField-module_deleteButton__RpWa3";const Wt=e.forwardRef((t,a)=>{var{className:l,placeholder:r,chooseFileLabel:o="Choose file",changeFileLabel:s="Change file",onClear:p}=t,c=n(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[m,d]=e.useState(),[u,b]=e.useState(""),_=e.useCallback(e=>{var t;const a=(null==e?void 0:e.target).files;b((null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.name)||"")},[]),f=e.useCallback(()=>{m&&(m.value="",m.files=null,m.dispatchEvent(new Event("change",{bubbles:!0})),p&&p())},[m,p]),v=e.useMemo(()=>e=>{null==e||e.addEventListener("change",_),d(e),"function"==typeof a&&(null==a||a(e))},[a,_]);return e.createElement("div",{className:Pt},e.createElement("input",Object.assign({className:Bt,type:"file",ref:v},c)),e.createElement(ie,{className:Dt,variant:"basic"},u?s:o),e.createElement(At,{placeholder:r,className:i(Mt,l),disabled:!0,value:u}),!!u&&p&&e.createElement("button",{className:Tt,"data-testid":"file-clear",onClick:f}))});var It="Select-module_wrapper__vBUHm",Rt="Select-module_select__tfPHD",Lt="Select-module_paddingOverlay__Y6O4-";const zt=e.forwardRef((t,a)=>{var{options:l,className:r}=t,o=n(t,["options","className"]);const s=Array.isArray(l)?l:Object.entries(l);return e.createElement("div",{className:It},e.createElement("select",Object.assign({className:i(Rt,r),ref:a},o),s.map(([t,a])=>e.createElement("option",{key:t,value:t},a))),e.createElement("div",{className:Lt},"▾"))});var $t="PasswordStrengthField-module_progress__KIvlC",Ht="PasswordStrengthField-module_progressBar__Wz5Rz",qt="PasswordStrengthField-module_bad__n300O",Vt="PasswordStrengthField-module_ok__LMIms",Jt="PasswordStrengthField-module_good__MhPYT";const Ut=e=>e.length>=8,Xt=e=>/\d/.test(e),Zt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),Yt=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Qt=[Ut,Xt,Zt,Yt],Kt=Qt.length+1,ea=e=>Qt.map(t=>t(e)).reduce((e,t)=>t?e+1:e,1),ta=e.forwardRef((t,a)=>{const[l,r]=e.useState(0),o=e.useCallback(e=>{const t=e.target;r(t.value?ea(t.value):0)},[]),n=e.useMemo(()=>e=>{null==e||e.addEventListener("keyup",o),"function"==typeof a&&(null==a||a(e))},[a,o]);return e.createElement(e.Fragment,null,e.createElement(At,Object.assign({},t,{type:"password",ref:n})),e.createElement("div",{className:$t},e.createElement("div",{className:i(Ht,l<=2?qt:l<=3?Vt:Jt),style:{"--width":l/Kt*100+"%"}})))});var aa="FormGridCell-module_formGridCell__Y3e5s",la="FormGridCell-module_rowOffset__xvXeK",ra="FormGridCell-module_mobile--position__1AeHR",oa="FormGridCell-module_tablet--position__Xxybj",na="FormGridCell-module_laptop--position__gMNqe",sa="FormGridCell-module_desktop--position__UDC4a";const pa=({position:t,align:a,rowOffset:l=0,children:r,className:o})=>{if(!t||!C(t))throw new Error("FormGridCell should set a position");const{classNames:n,variables:s}=x({textAlign:a}),p=((e,t)=>g.reduce((a,l)=>(null==e?void 0:e[l])?Object.assign(Object.assign({},a),((e,t,a)=>{const l={};return void 0!==t.row&&(l[`--${e}-row`]=2*t.row+1+a),t.rowSpan&&a&&(l[`--${e}-rowSpan`]=2*t.rowSpan-1),void 0!==t.column&&(l[`--${e}-column`]=t.column+1),void 0!==t.columnSpan&&(l[`--${e}-columnSpan`]=t.columnSpan),l})(l,e[l],t)):a,{}))(t,l);return e.createElement("div",{className:i(aa,l&&la,t.mobile&&ra,t.tablet&&oa,t.laptop&&na,t.desktop&&sa,n,o),style:Object.assign(Object.assign({},s),p)},r)},ia=({position:t,align:a,label:l,hint:r,error:o,isRequired:n,children:s})=>e.createElement(e.Fragment,null,e.createElement(pa,{position:t,align:a,className:"form-grid-cell__label-hint"},l&&e.createElement(Nt,{error:!!o,isRequired:n},l),r&&e.createElement("div",{className:i(wt,!!o&&yt)},r)),e.createElement(pa,{position:t,align:a,rowOffset:1,className:i({"form-grid-cell__field-error":!0,"has-error":!!o})},s,o&&e.createElement("div",{className:yt},o)));var ca="FormGrid-module_formGrid__2OSmK";const ma=t=>{var{columns:a,className:l}=t,r=n(t,["columns","className"]);const{classNames:o,variables:s}=x({columns:a});return e.createElement("div",Object.assign({className:i(ca,l,o),style:Object.assign(Object.assign({},s),{"--numRowsPerField":2})},r))};var da="DefaultLayout-module_wrapper__UPzJr",ua="DefaultLayout-module_wrapperInner__ZdGKn",ba="DefaultLayout-module_sidebarWrapper__Jehqe",_a="DefaultLayout-module_contentBox__lVxGL";const fa=({sideBarProps:t,topBarProps:a,footerProps:l,children:r})=>e.createElement(j,{className:da,flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(j,{className:ua,flexGrow:1,flexShrink:0,"data-foo":"test",flexBasis:{mobile:"100%",laptop:"25%"}},t&&e.createElement(j,{className:ba},e.createElement(qe,Object.assign({},t))),e.createElement(j,{className:_a,display:"flex",flexDirection:"column"},e.createElement(ft,Object.assign({},a)),r,e.createElement(Ve,Object.assign({},l)))));var va="FloatingPanelLayout-module_wrapper__XlZwj",ha="FloatingPanelLayout-module_background__vI4Uc",ga="FloatingPanelLayout-module_animation__031Vf",ka="FloatingPanelLayout-module_panel__Dmfof",xa="FloatingPanelLayout-module_logo__-5gan";var ya="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function wa(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ea=1/0,Na=9007199254740991,Ca=17976931348623157e292,Oa=NaN,ja="[object Function]",Ga="[object GeneratorFunction]",Sa="[object Symbol]",Fa=/^\s+|\s+$/g,Aa=/^[-+]0x[0-9a-f]+$/i,Pa=/^0b[01]+$/i,Ba=/^0o[0-7]+$/i,Da=/^(?:0|[1-9]\d*)$/,Ma=parseInt,Ta=Object.prototype.toString,Wa=Math.ceil,Ia=Math.max;function Ra(e,t,a){var l=-1,r=e.length;t<0&&(t=-t>r?0:r+t),(a=a>r?r:a)<0&&(a+=r),r=t>a?0:a-t>>>0,t>>>=0;for(var o=Array(r);++l<r;)o[l]=e[l+t];return o}function La(e,t,a){if(!za(a))return!1;var l=typeof t;return!!("number"==l?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Na}(e.length)&&!function(e){var t=za(e)?Ta.call(e):"";return t==ja||t==Ga}(e)}(a)&&function(e,t){return!!(t=null==t?Na:t)&&("number"==typeof e||Da.test(e))&&e>-1&&e%1==0&&e<t}(t,a.length):"string"==l&&t in a)&&function(e,t){return e===t||e!=e&&t!=t}(a[t],e)}function za(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var $a=wa(function(e,t,a){t=(a?La(e,t,a):void 0===t)?1:Ia(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)&&Ta.call(e)==Sa}(e))return Oa;if(za(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=za(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Fa,"");var a=Pa.test(e);return a||Ba.test(e)?Ma(e.slice(2),a?2:8):Aa.test(e)?Oa:+e}(e),e===Ea||e===-1/0){return(e<0?-1:1)*Ca}return e==e?e:0}(e),a=t%1;return t==t?a?t-a:t:0}(t),0);var l=e?e.length:0;if(!l||t<1)return[];for(var r=0,o=0,n=Array(Wa(l/t));r<l;)n[o++]=Ra(e,r,r+=t);return n});class Ha{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 Ha(this.grid.slice(e.y,t.y+1).map(a=>a.slice(e.x,t.x+1)))}getCoordinatesForValue(e){const t=[],a=[];return this.grid.forEach((l,r)=>{l.forEach((l,o)=>{l===e&&(t.push(o),a.push(r))})}),{topLeft:{x:Math.min(...t),y:Math.min(...a)},bottomRight:{x:Math.max(...t),y:Math.max(...a)}}}}var qa="__lodash_hash_undefined__",Va=9007199254740991,Ja="[object Arguments]",Ua=/^\[object .+?Constructor\]$/,Xa="object"==typeof ya&&ya&&ya.Object===Object&&ya,Za="object"==typeof self&&self&&self.Object===Object&&self,Ya=Xa||Za||Function("return this")();function Qa(e,t){return!!(e?e.length:0)&&function(e,t,a){if(t!=t)return function(e,t,a,l){var r=e.length,o=a+(l?1:-1);for(;l?o--:++o<r;)if(t(e[o],o,e))return o;return-1}(e,tl,a);var l=a-1,r=e.length;for(;++l<r;)if(e[l]===t)return l;return-1}(e,t,0)>-1}function Ka(e,t,a){for(var l=-1,r=e?e.length:0;++l<r;)if(a(t,e[l]))return!0;return!1}function el(e,t){for(var a=-1,l=t.length,r=e.length;++a<l;)e[r+a]=t[a];return e}function tl(e){return e!=e}function al(e,t){return e.has(t)}var ll,rl=Array.prototype,ol=Function.prototype,nl=Object.prototype,sl=Ya["__core-js_shared__"],pl=(ll=/[^.]+$/.exec(sl&&sl.keys&&sl.keys.IE_PROTO||""))?"Symbol(src)_1."+ll:"",il=ol.toString,cl=nl.hasOwnProperty,ml=nl.toString,dl=RegExp("^"+il.call(cl).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ul=Ya.Symbol,bl=nl.propertyIsEnumerable,_l=rl.splice,fl=ul?ul.isConcatSpreadable:void 0,vl=Math.max,hl=Gl(Ya,"Map"),gl=Gl(Object,"create");function kl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function xl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function yl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function wl(e){var t=-1,a=e?e.length:0;for(this.__data__=new yl;++t<a;)this.add(e[t])}function El(e,t){for(var a=e.length;a--;)if(Bl(e[a][0],t))return a;return-1}function Nl(e,t,a,l){var r,o=-1,n=Qa,s=!0,p=e.length,i=[],c=t.length;if(!p)return i;a&&(t=function(e,t){for(var a=-1,l=e?e.length:0,r=Array(l);++a<l;)r[a]=t(e[a],a,e);return r}(t,(r=a,function(e){return r(e)}))),l?(n=Ka,s=!1):t.length>=200&&(n=al,s=!1,t=new wl(t));e:for(;++o<p;){var m=e[o],d=a?a(m):m;if(m=l||0!==m?m:0,s&&d==d){for(var u=c;u--;)if(t[u]===d)continue e;i.push(m)}else n(t,d,l)||i.push(m)}return i}function Cl(e,t,a,l,r){var o=-1,n=e.length;for(a||(a=Sl),r||(r=[]);++o<n;){var s=e[o];t>0&&a(s)?t>1?Cl(s,t-1,a,l,r):el(r,s):l||(r[r.length]=s)}return r}function Ol(e){if(!Il(e)||(t=e,pl&&pl in t))return!1;var t,a=Wl(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?dl:Ua;return a.test(function(e){if(null!=e){try{return il.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function jl(e,t){var a,l,r=e.__data__;return("string"==(l=typeof(a=t))||"number"==l||"symbol"==l||"boolean"==l?"__proto__"!==a:null===a)?r["string"==typeof t?"string":"hash"]:r.map}function Gl(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return Ol(a)?a:void 0}function Sl(e){return Dl(e)||function(e){return Tl(e)&&cl.call(e,"callee")&&(!bl.call(e,"callee")||ml.call(e)==Ja)}(e)||!!(fl&&e&&e[fl])}kl.prototype.clear=function(){this.__data__=gl?gl(null):{}},kl.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},kl.prototype.get=function(e){var t=this.__data__;if(gl){var a=t[e];return a===qa?void 0:a}return cl.call(t,e)?t[e]:void 0},kl.prototype.has=function(e){var t=this.__data__;return gl?void 0!==t[e]:cl.call(t,e)},kl.prototype.set=function(e,t){return this.__data__[e]=gl&&void 0===t?qa:t,this},xl.prototype.clear=function(){this.__data__=[]},xl.prototype.delete=function(e){var t=this.__data__,a=El(t,e);return!(a<0)&&(a==t.length-1?t.pop():_l.call(t,a,1),!0)},xl.prototype.get=function(e){var t=this.__data__,a=El(t,e);return a<0?void 0:t[a][1]},xl.prototype.has=function(e){return El(this.__data__,e)>-1},xl.prototype.set=function(e,t){var a=this.__data__,l=El(a,e);return l<0?a.push([e,t]):a[l][1]=t,this},yl.prototype.clear=function(){this.__data__={hash:new kl,map:new(hl||xl),string:new kl}},yl.prototype.delete=function(e){return jl(this,e).delete(e)},yl.prototype.get=function(e){return jl(this,e).get(e)},yl.prototype.has=function(e){return jl(this,e).has(e)},yl.prototype.set=function(e,t){return jl(this,e).set(e,t),this},wl.prototype.add=wl.prototype.push=function(e){return this.__data__.set(e,qa),this},wl.prototype.has=function(e){return this.__data__.has(e)};var Fl,Al,Pl=(Fl=function(e,t){return Tl(e)?Nl(e,Cl(t,1,Tl,!0)):[]},Al=vl(void 0===Al?Fl.length-1:Al,0),function(){for(var e=arguments,t=-1,a=vl(e.length-Al,0),l=Array(a);++t<a;)l[t]=e[Al+t];t=-1;for(var r=Array(Al+1);++t<Al;)r[t]=e[t];return r[Al]=l,function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}(Fl,this,r)});function Bl(e,t){return e===t||e!=e&&t!=t}var Dl=Array.isArray;function Ml(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Va}(e.length)&&!Wl(e)}function Tl(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ml(e)}function Wl(e){var t=Il(e)?ml.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}function Il(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Rl=wa(Pl);const Ll=(e,t)=>{const a=[...Array(e)].map(e=>"1fr");return t&&a.push("auto"),a.join(" ")};class zl{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,a){"object"==typeof this.columns&&(this.columns[e]=t);const l=new Ha(a);((e,t)=>{const a=t.getDistinctValues();if(a.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${Rl(a,e).map(e=>`"${e}"`).join(", ")}`);a.forEach(a=>{if(!e.includes(a))throw new Error(`${a} is not an existing field. Existing fields are ${e.map(e=>`"${e}"`).join(", ")}.`);const l=t.getCoordinatesForValue(a),r=t.sliceArea(l.topLeft,l.bottomRight).getDistinctValues();if(1!==r.length||r[0]!==a)throw new Error(`Grid contains an unsupported shape. Please make sure "${a}" has a rectangular shape.`)})})(Object.keys(this.fields),l);const r=Object.entries(this.fields).reduce((t,[a,r])=>{var o,n;let s=(null===(o=r.props)||void 0===o?void 0:o.position)?$l(null===(n=r.props)||void 0===n?void 0:n.position):{};C(s)||(s={mobile:s});const{topLeft:p,bottomRight:i}=l.getCoordinatesForValue(a);return s[e]={column:p.x,columnSpan:i.x-p.x+1,row:p.y,rowSpan:i.y-p.y+1},Object.assign(Object.assign({},t),{[a]:Object.assign(Object.assign({},r),{props:Object.assign(Object.assign({},r.props),{position:s})})})},{});return new zl(r,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:Ll(t,!1),$a(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:Ll(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const $l=e=>JSON.parse(JSON.stringify(e)),Hl=e.createContext({factory:void 0}),ql=e.forwardRef((t,a)=>{var{name:l,field:r}=t,o=n(t,["name","field"]);const{factory:s}=e.useContext(Hl);if("Empty"===r.type)return null;const p=r.props,{position:c,align:m,label:d,hint:u,error:b,isRequired:_,skip:f}=p,v=n(p,["position","align","label","hint","error","isRequired","skip"]);if(f)return null;const h=(null==s?void 0:s(r))||(e=>{switch(e.type){case"Button":return ie;case"Checkbox":return Gt;case"Select":return zt;case"FileField":return Wt;case"DropZone":return Ae;case"PasswordStrengthField":return ta;default:return At}})(r);return(e=>"TextField"===e.type)(r)&&!r.props.multiline&&"hidden"===r.props.type?e.createElement(h,Object.assign({ref:a,name:l},o,v)):e.createElement(ia,{position:c,align:m,label:d,hint:u,error:b,isRequired:_},e.createElement(h,Object.assign({ref:a,name:l,placeholder:r.props.placeholder||d,className:i(!!b&&"error",r.props.className)},o,v)))}),Vl=e.forwardRef((t,a)=>{var{children:l,columns:r,fields:o,prefixFieldNames:s}=t,p=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(ma,{columns:r},Object.entries(o).map(([t,l])=>e.createElement(ql,Object.assign({name:`${null!=s?s:""}${t}`,key:t,field:l,ref:a},p))),l)});exports.Alert=({children:t,title:a,variant:l="basic",actions:r})=>e.createElement("div",{className:i(m.wrapper,m[`variant-${l}`])},e.createElement(j,{p:3,display:"flex"},e.createElement(j,{flexGrow:1},a&&e.createElement(j,{pb:t?1:0},e.createElement(b,{level:4},a)),t&&e.createElement(f,null,t)),r&&e.createElement(j,{display:"flex",alignItems:"center",justifyContent:"center"},r))),exports.AnimatedCheckmark=B,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:l,isLoading:r,loader:o,children:n})=>e.createElement(fa,{sideBarProps:t,topBarProps:a,footerProps:l},e.createElement(j,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},r&&o?o:n)),exports.Box=j,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:i(D,t.className)},t)),exports.BreakPointValues=k,exports.Button=ie,exports.Checkbox=Gt,exports.CollapsiblePanel=te,exports.ConfirmButton=t=>{var a,{modalProps:l}=t,r=n(t,["modalProps"]);const[o,s]=(({onConfirm:t})=>{const[a,l]=e.useState(!1);return[{onCancel:()=>l(!1),onConfirm:()=>{t(),l(!1)},isOpen:a},()=>l(!0)]})({onConfirm:null!==(a=l.onConfirm)&&void 0!==a?a:me});return e.createElement(e.Fragment,null,e.createElement(ie,Object.assign({},r,{onClick:s})),e.createElement(ce,Object.assign({title:"Are you sure?"},l,o)))},exports.ConfirmModal=ce,exports.Container=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("div",Object.assign({},l,{className:i(de,a)}))},exports.Crumb=t=>e.createElement("li",Object.assign({className:i(M,t.className)},t)),exports.Details=({className:t,details:a,firstColumnWidth:l})=>e.createElement(ve,{className:t},e.createElement("tbody",null,Object.entries(a).map(([t,a],r)=>e.createElement(ve.Row,{key:t,disableHover:!0},e.createElement(ve.Cell,{style:{width:l},className:i(he.cell,0===r&&he.isFirstRow)},t),e.createElement(ve.Cell,{className:i(he.cell,0===r&&he.isFirstRow)},a))))),exports.Dropdown=({buttonProps:t,align:a="left",children:l,stayOpenOnClick:r})=>{const o=e.useRef(null),[n,s]=e.useState(!1),p=e.useCallback(()=>s(!0),[s]),m=e.useCallback(e=>{var t;r&&(null===(t=o.current)||void 0===t?void 0:t.contains(e.target))||s(!1)},[s,r]);return e.useEffect(()=>(n&&setTimeout(()=>document.addEventListener("click",m),1),()=>{document.removeEventListener("click",m)}),[n,m]),e.createElement("div",{className:ge},e.createElement(ie,Object.assign({},t,{onClick:p})),n&&e.createElement(c,{speed:".1s"},e.createElement("span",{className:i(ke,"left"===a&&xe,"right"===a&&ye),ref:o},l)))},exports.DropdownMenu=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("ul",Object.assign({className:i(we,a)},l))},exports.DropdownMenuItem=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("li",Object.assign({className:i(Ee,a)},l))},exports.Dropzone=Ae,exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:l,title:r,subtitle:o})=>e.createElement(se,{handleClickOverlay:t,buttons:e.createElement(ie,{"data-testid":"confirm",stretch:!0,icon:l,variant:"secondary",onClick:t},a)},e.createElement(j,{pt:3,pb:3,className:Pe},e.createElement(j,{pb:5,textAlign:"center"},e.createElement(b,null,r),o&&e.createElement(j,{pt:5},e.createElement(b,{level:5},o))),e.createElement(j,{pt:5,pb:5,pl:7,pr:7},e.createElement(B,null)))),exports.FileField=Wt,exports.Floater=t=>{var{items:a,forceEqualWidth:l=!1,stretch:r=!1,multiRow:o=!0}=t,s=n(t,["items","forceEqualWidth","stretch","multiRow"]);return e.createElement(j,Object.assign({mb:Ie,mt:Ie,ml:We,mr:We,display:Re,flexWrap:o?{laptop:"wrap"}:void 0,rowGap:o?{laptop:2}:void 0},s),a.filter(Boolean).map((t,o)=>(e=>!!e.element)(t)?e.createElement(Te,{key:o,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Te,{key:o,laptopWidth:l?100/a.length+"%":void 0,stretch:r},t)))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:a,alert:l,logoUrl:r,backgroundBaseColor:o,backgroundOpacity:n})=>e.createElement(j,{className:va,style:o&&{"--base-color":o},display:"flex",alignItems:"center"},e.createElement("div",{className:ha,style:{opacity:n||1,backgroundImage:`url(${a})`}}),r&&e.createElement("img",{src:r,alt:"Logo",className:xa}),e.createElement(c,{className:ga},l&&e.createElement(j,{pb:7},l),e.createElement(U,Object.assign({},t,{className:i(ka,t.className)})))),exports.Footer=Ve,exports.FormGrid=ma,exports.FormGridWrapper=ia,exports.FormPositioner=zl,exports.HamburgerButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(ie,Object.assign({className:i(Ue,a)},l))},exports.Header=b,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:Je},t),exports.Label=Nt,exports.Menu=({children:t})=>e.createElement("ul",{className:Xe},t),exports.MenuCloseButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(ie,Object.assign({actionButton:!0,className:i(Ke,a)},l))},exports.MenuItem=({item:t,isOpen:a,isActive:l,children:r})=>{const[o,n]=e.useState(!!a);return e.createElement("li",{className:i(Ze,o&&Qe,!!l&&Ye)},t,r&&e.createElement(ee,{onChange:n,isOpen:!!a,duration:.25},r))},exports.MenuSlideOpenIndicator=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(et,a),style:{"--collapsed-width":15}},l))},exports.Modal=se,exports.Overlay=le,exports.Paginator=t=>{const{isTablet:a}=at(),{pageCount:l,onChange:r}=t,o=Math.min(Math.max(t.currentPage,0),l),n=a?2:0,s=Math.max(1,o-n),p=Math.min(l,o+n);return e.createElement("div",{className:lt},e.createElement("button",{"data-testid":"paginate-prev",disabled:1===o,onClick:()=>r(o-1),className:i(rt,1===o&&nt)},"⟨"),s>1&&e.createElement("button",{"data-testid":"paginate-page-1","data-paginator":"first",onClick:()=>r(1),className:i(rt,1===o&&ot)},"1"),s>2&&e.createElement("button",{disabled:!0,className:i(rt,nt)},"..."),((e,t)=>{let a=[];for(let l=e;l<t;l++)a.push(l);return a})(s,p+1).map(t=>e.createElement("button",{"data-testid":`paginate-page-${t}`,key:t,onClick:()=>r(t),className:i(rt,o===t&&ot)},t)),p<l-1&&e.createElement("button",{disabled:!0,className:i(rt,nt)},"..."),p<l&&e.createElement("button",{"data-testid":`paginate-page-${l}`,"data-paginator":"last",onClick:()=>r(l),className:i(rt,o===l&&ot)},l),e.createElement("button",{"data-testid":"paginate-next",disabled:o===l,onClick:()=>r(o+1),className:i(rt,o===l&&nt)},"⟩"))},exports.Panel=U,exports.Paragraph=f,exports.PasswordStrengthField=ta,exports.ScaffoldField=ql,exports.ScaffoldForm=Vl,exports.ScaffoldFormContext=Hl,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(Hl.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(j,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=zt,exports.SideBarHeader=({children:t,right:a})=>e.createElement(j,{className:tt},e.createElement(j,{flexGrow:1,display:"flex"},e.createElement(j,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),a&&e.createElement(j,null,a)),exports.SimpleTimeline=({color:t,icon:a,title:l,titleMeta:r})=>e.createElement(j,{className:dt},e.createElement(j,{className:i(ut,"line")},e.createElement("div",{className:bt,style:{"--background-color":t}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(U,{className:mt,titleMeta:r,title:l}))),exports.SlideInFromTop=c,exports.Statistic=({icon:t,value:a,label:l,backgroundColor:r,smallerValue:o,valueTestId:n})=>e.createElement("div",{className:i(st.wrapper,st[r])},e.createElement("div",{className:st.iconWrapper},t),e.createElement(j,{flexGrow:1,textAlign:"right"},e.createElement("div",{className:st.label},l),e.createElement("div",{"data-testid":n,className:i(st.value,o&&st.smaller)},a))),exports.Tab=t=>{var{id:a,isActive:l,onClick:r,variant:o}=t,s=n(t,["id","isActive","onClick","variant"]);const p=e.useCallback(()=>{l||null==r||r(a)},[a,l,r]);return e.createElement(j,Object.assign({className:i(pt.tab,l&&pt.isActive,o&&pt[o])},s,{onClick:p}))},exports.TabContent=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(it,a),p:3},l))},exports.Table=ve,exports.Tabs=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(a,ct)},l))},exports.TextField=At,exports.Timeline=({title:t,icon:a,color:l,isInitiallyOpen:r,titleMeta:o,chevron:n,children:s})=>e.createElement(j,{className:dt},e.createElement(j,{className:ut},e.createElement("div",{className:bt,style:{"--background-color":l}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(te,{isInitiallyOpen:r,titleMeta:o,title:t,titleAction:n},s))),exports.Toggle=({isChecked:t,isDisabled:a,onChange:l})=>e.createElement("div",{onClick:()=>null==l?void 0:l(!t),className:i(vt,t&&ht,a&&gt)},e.createElement("div",{className:kt})),exports.TopBar=ft,exports.UiWrapper=({children:t})=>e.createElement(r,null,e.createElement("div",{className:o},t)),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.breakPoints=g,exports.calculatePasswordScore=ea,exports.getResponsiveProps=x,exports.isResponsiveObject=C,exports.passwordHasLowerAndUppercase=Zt,exports.passwordHasNumbers=Xt,exports.passwordHasSpecialChars=Yt,exports.passwordMinLength=Ut,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=l();e.useEffect(()=>{a()},[t,a])},exports.useResponsiveBreakpoints=at,exports.useToggleMobileMenu=({currentRoute:t})=>{const[a,l]=e.useState(!1),r=e.useCallback(()=>{l(e=>!e)},[]),o=e.useCallback(()=>{l(!0)},[]),n=e.useCallback(()=>{l(!1)},[]);return e.useEffect(()=>{n()},[t,n]),{isOpen:a,open:o,close:n,toggle:r}};
+"use strict";var e=require("react");const t=()=>{},a=e.createContext({isSideMenuOpen:!1,closeSideMenu:t,openSideMenu:t}),l=()=>e.useContext(a),r=({children:t})=>{const[l,r]=e.useState(!1),o=e.useCallback(()=>r(!1),[]),n=e.useCallback(()=>r(!0),[]);return e.createElement(a.Provider,{value:{isSideMenuOpen:l,closeSideMenu:o,openSideMenu:n}},t)};var o="UiWrapper-module_wrapper__kC0BB";function n(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a}"function"==typeof SuppressedError&&SuppressedError;var s="SlideInFromTop-module_slideInFromTop__We2Dd";function p(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=p(e[t]))&&(l&&(l+=" "),l+=a);else for(t in e)e[t]&&(l&&(l+=" "),l+=t);return l}function i(){for(var e,t,a=0,l="";a<arguments.length;)(e=arguments[a++])&&(t=p(e))&&(l&&(l+=" "),l+=t);return l}const c=t=>{var{className:a,speed:l}=t,r=n(t,["className","speed"]);return e.createElement("div",Object.assign({className:i(s,a),style:l?{"--speed":l}:void 0},r))};var m={wrapper:"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"},d="Header-module_header__97lwI";const u={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"},b=t=>{var{level:a=1,className:l}=t,r=n(t,["level","className"]);const o=u[a];return e.createElement(o,Object.assign({className:i(l,d)},r))};var _="Paragraph-module_paragraph__-EZeT";const f=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("p",Object.assign({className:i(_,a)},l))},v=["p:var","p:-1","p:0","p:1","p:2","p:3","p:4","p:5","p:6","p:7","pt:var","pt:-1","pt:0","pt:1","pt:2","pt:3","pt:4","pt:5","pt:6","pt:7","pr:var","pr:-1","pr:0","pr:1","pr:2","pr:3","pr:4","pr:5","pr:6","pr:7","pb:var","pb:-1","pb:0","pb:1","pb:2","pb:3","pb:4","pb:5","pb:6","pb:7","pl:var","pl:-1","pl:0","pl:1","pl:2","pl:3","pl:4","pl:5","pl:6","pl:7","m:var","m:-1","m:0","m:1","m:2","m:3","m:4","m:5","m:6","m:7","mt:var","mt:-1","mt:0","mt:1","mt:2","mt:3","mt:4","mt:5","mt:6","mt:7","mr:var","mr:-1","mr:0","mr:1","mr:2","mr:3","mr:4","mr:5","mr:6","mr:7","mb:var","mb:-1","mb:0","mb:1","mb:2","mb:3","mb:4","mb:5","mb:6","mb:7","ml:var","ml:-1","ml:0","ml:1","ml:2","ml:3","ml:4","ml:5","ml:6","ml:7","display:var","display:block","display:flex","display:none","flexBasis:var","flexGrow:var","flexGrow:1","flexGrow:0","flexShrink:var","flexShrink:1","flexShrink:0","flexDirection:var","flexDirection:row","flexDirection:column","flexWrap:var","flexWrap:nowrap","flexWrap:wrap","flexWrap:wrap-reverse","flexWrap:inherit","rowGap:-1","rowGap:0","rowGap:1","rowGap:2","rowGap:3","rowGap:4","rowGap:5","rowGap:6","rowGap:7","columnGap:-1","columnGap:0","columnGap:1","columnGap:2","columnGap:3","columnGap:4","columnGap:5","columnGap:6","columnGap:7","alignItems:var","alignItems:center","alignItems:flex-start","alignItems:flex-end","textAlign:var","textAlign:left","textAlign:right","textAlign:center","justifyContent:var","justifyContent:center","justifyContent:flex-start","justifyContent:flex-end","width:var","columns:var","tablet:p:var","tablet:p:-1","tablet:p:0","tablet:p:1","tablet:p:2","tablet:p:3","tablet:p:4","tablet:p:5","tablet:p:6","tablet:p:7","tablet:pt:var","tablet:pt:-1","tablet:pt:0","tablet:pt:1","tablet:pt:2","tablet:pt:3","tablet:pt:4","tablet:pt:5","tablet:pt:6","tablet:pt:7","tablet:pr:var","tablet:pr:-1","tablet:pr:0","tablet:pr:1","tablet:pr:2","tablet:pr:3","tablet:pr:4","tablet:pr:5","tablet:pr:6","tablet:pr:7","tablet:pb:var","tablet:pb:-1","tablet:pb:0","tablet:pb:1","tablet:pb:2","tablet:pb:3","tablet:pb:4","tablet:pb:5","tablet:pb:6","tablet:pb:7","tablet:pl:var","tablet:pl:-1","tablet:pl:0","tablet:pl:1","tablet:pl:2","tablet:pl:3","tablet:pl:4","tablet:pl:5","tablet:pl:6","tablet:pl:7","tablet:m:var","tablet:m:-1","tablet:m:0","tablet:m:1","tablet:m:2","tablet:m:3","tablet:m:4","tablet:m:5","tablet:m:6","tablet:m:7","tablet:mt:var","tablet:mt:-1","tablet:mt:0","tablet:mt:1","tablet:mt:2","tablet:mt:3","tablet:mt:4","tablet:mt:5","tablet:mt:6","tablet:mt:7","tablet:mr:var","tablet:mr:-1","tablet:mr:0","tablet:mr:1","tablet:mr:2","tablet:mr:3","tablet:mr:4","tablet:mr:5","tablet:mr:6","tablet:mr:7","tablet:mb:var","tablet:mb:-1","tablet:mb:0","tablet:mb:1","tablet:mb:2","tablet:mb:3","tablet:mb:4","tablet:mb:5","tablet:mb:6","tablet:mb:7","tablet:ml:var","tablet:ml:-1","tablet:ml:0","tablet:ml:1","tablet:ml:2","tablet:ml:3","tablet:ml:4","tablet:ml:5","tablet:ml:6","tablet:ml:7","tablet:display:var","tablet:display:block","tablet:display:flex","tablet:display:none","tablet:flexBasis:var","tablet:flexGrow:var","tablet:flexGrow:1","tablet:flexGrow:0","tablet:flexShrink:var","tablet:flexShrink:1","tablet:flexShrink:0","tablet:flexDirection:var","tablet:flexDirection:row","tablet:flexDirection:column","tablet:flexWrap:var","tablet:flexWrap:nowrap","tablet:flexWrap:wrap","tablet:flexWrap:wrap-reverse","tablet:flexWrap:inherit","tablet:rowGap:-1","tablet:rowGap:0","tablet:rowGap:1","tablet:rowGap:2","tablet:rowGap:3","tablet:rowGap:4","tablet:rowGap:5","tablet:rowGap:6","tablet:rowGap:7","tablet:columnGap:-1","tablet:columnGap:0","tablet:columnGap:1","tablet:columnGap:2","tablet:columnGap:3","tablet:columnGap:4","tablet:columnGap:5","tablet:columnGap:6","tablet:columnGap:7","tablet:alignItems:var","tablet:alignItems:center","tablet:alignItems:flex-start","tablet:alignItems:flex-end","tablet:textAlign:var","tablet:textAlign:left","tablet:textAlign:right","tablet:textAlign:center","tablet:justifyContent:var","tablet:justifyContent:center","tablet:justifyContent:flex-start","tablet:justifyContent:flex-end","tablet:width:var","tablet:columns:var","laptop:p:var","laptop:p:-1","laptop:p:0","laptop:p:1","laptop:p:2","laptop:p:3","laptop:p:4","laptop:p:5","laptop:p:6","laptop:p:7","laptop:pt:var","laptop:pt:-1","laptop:pt:0","laptop:pt:1","laptop:pt:2","laptop:pt:3","laptop:pt:4","laptop:pt:5","laptop:pt:6","laptop:pt:7","laptop:pr:var","laptop:pr:-1","laptop:pr:0","laptop:pr:1","laptop:pr:2","laptop:pr:3","laptop:pr:4","laptop:pr:5","laptop:pr:6","laptop:pr:7","laptop:pb:var","laptop:pb:-1","laptop:pb:0","laptop:pb:1","laptop:pb:2","laptop:pb:3","laptop:pb:4","laptop:pb:5","laptop:pb:6","laptop:pb:7","laptop:pl:var","laptop:pl:-1","laptop:pl:0","laptop:pl:1","laptop:pl:2","laptop:pl:3","laptop:pl:4","laptop:pl:5","laptop:pl:6","laptop:pl:7","laptop:m:var","laptop:m:-1","laptop:m:0","laptop:m:1","laptop:m:2","laptop:m:3","laptop:m:4","laptop:m:5","laptop:m:6","laptop:m:7","laptop:mt:var","laptop:mt:-1","laptop:mt:0","laptop:mt:1","laptop:mt:2","laptop:mt:3","laptop:mt:4","laptop:mt:5","laptop:mt:6","laptop:mt:7","laptop:mr:var","laptop:mr:-1","laptop:mr:0","laptop:mr:1","laptop:mr:2","laptop:mr:3","laptop:mr:4","laptop:mr:5","laptop:mr:6","laptop:mr:7","laptop:mb:var","laptop:mb:-1","laptop:mb:0","laptop:mb:1","laptop:mb:2","laptop:mb:3","laptop:mb:4","laptop:mb:5","laptop:mb:6","laptop:mb:7","laptop:ml:var","laptop:ml:-1","laptop:ml:0","laptop:ml:1","laptop:ml:2","laptop:ml:3","laptop:ml:4","laptop:ml:5","laptop:ml:6","laptop:ml:7","laptop:display:var","laptop:display:block","laptop:display:flex","laptop:display:none","laptop:flexBasis:var","laptop:flexGrow:var","laptop:flexGrow:1","laptop:flexGrow:0","laptop:flexShrink:var","laptop:flexShrink:1","laptop:flexShrink:0","laptop:flexDirection:var","laptop:flexDirection:row","laptop:flexDirection:column","laptop:flexWrap:var","laptop:flexWrap:nowrap","laptop:flexWrap:wrap","laptop:flexWrap:wrap-reverse","laptop:flexWrap:inherit","laptop:rowGap:-1","laptop:rowGap:0","laptop:rowGap:1","laptop:rowGap:2","laptop:rowGap:3","laptop:rowGap:4","laptop:rowGap:5","laptop:rowGap:6","laptop:rowGap:7","laptop:columnGap:-1","laptop:columnGap:0","laptop:columnGap:1","laptop:columnGap:2","laptop:columnGap:3","laptop:columnGap:4","laptop:columnGap:5","laptop:columnGap:6","laptop:columnGap:7","laptop:alignItems:var","laptop:alignItems:center","laptop:alignItems:flex-start","laptop:alignItems:flex-end","laptop:textAlign:var","laptop:textAlign:left","laptop:textAlign:right","laptop:textAlign:center","laptop:justifyContent:var","laptop:justifyContent:center","laptop:justifyContent:flex-start","laptop:justifyContent:flex-end","laptop:width:var","laptop:columns:var","desktop:p:var","desktop:p:-1","desktop:p:0","desktop:p:1","desktop:p:2","desktop:p:3","desktop:p:4","desktop:p:5","desktop:p:6","desktop:p:7","desktop:pt:var","desktop:pt:-1","desktop:pt:0","desktop:pt:1","desktop:pt:2","desktop:pt:3","desktop:pt:4","desktop:pt:5","desktop:pt:6","desktop:pt:7","desktop:pr:var","desktop:pr:-1","desktop:pr:0","desktop:pr:1","desktop:pr:2","desktop:pr:3","desktop:pr:4","desktop:pr:5","desktop:pr:6","desktop:pr:7","desktop:pb:var","desktop:pb:-1","desktop:pb:0","desktop:pb:1","desktop:pb:2","desktop:pb:3","desktop:pb:4","desktop:pb:5","desktop:pb:6","desktop:pb:7","desktop:pl:var","desktop:pl:-1","desktop:pl:0","desktop:pl:1","desktop:pl:2","desktop:pl:3","desktop:pl:4","desktop:pl:5","desktop:pl:6","desktop:pl:7","desktop:m:var","desktop:m:-1","desktop:m:0","desktop:m:1","desktop:m:2","desktop:m:3","desktop:m:4","desktop:m:5","desktop:m:6","desktop:m:7","desktop:mt:var","desktop:mt:-1","desktop:mt:0","desktop:mt:1","desktop:mt:2","desktop:mt:3","desktop:mt:4","desktop:mt:5","desktop:mt:6","desktop:mt:7","desktop:mr:var","desktop:mr:-1","desktop:mr:0","desktop:mr:1","desktop:mr:2","desktop:mr:3","desktop:mr:4","desktop:mr:5","desktop:mr:6","desktop:mr:7","desktop:mb:var","desktop:mb:-1","desktop:mb:0","desktop:mb:1","desktop:mb:2","desktop:mb:3","desktop:mb:4","desktop:mb:5","desktop:mb:6","desktop:mb:7","desktop:ml:var","desktop:ml:-1","desktop:ml:0","desktop:ml:1","desktop:ml:2","desktop:ml:3","desktop:ml:4","desktop:ml:5","desktop:ml:6","desktop:ml:7","desktop:display:var","desktop:display:block","desktop:display:flex","desktop:display:none","desktop:flexBasis:var","desktop:flexGrow:var","desktop:flexGrow:1","desktop:flexGrow:0","desktop:flexShrink:var","desktop:flexShrink:1","desktop:flexShrink:0","desktop:flexDirection:var","desktop:flexDirection:row","desktop:flexDirection:column","desktop:flexWrap:var","desktop:flexWrap:nowrap","desktop:flexWrap:wrap","desktop:flexWrap:wrap-reverse","desktop:flexWrap:inherit","desktop:rowGap:-1","desktop:rowGap:0","desktop:rowGap:1","desktop:rowGap:2","desktop:rowGap:3","desktop:rowGap:4","desktop:rowGap:5","desktop:rowGap:6","desktop:rowGap:7","desktop:columnGap:-1","desktop:columnGap:0","desktop:columnGap:1","desktop:columnGap:2","desktop:columnGap:3","desktop:columnGap:4","desktop:columnGap:5","desktop:columnGap:6","desktop:columnGap:7","desktop:alignItems:var","desktop:alignItems:center","desktop:alignItems:flex-start","desktop:alignItems:flex-end","desktop:textAlign:var","desktop:textAlign:left","desktop:textAlign:right","desktop:textAlign:center","desktop:justifyContent:var","desktop:justifyContent:center","desktop:justifyContent:flex-start","desktop:justifyContent:flex-end","desktop:width:var","desktop:columns:var"],h=e=>v.includes(e),g=["mobile","tablet","laptop","desktop"],x={mobile:0,tablet:768,laptop:1024,desktop:1430},k=e=>{const t=Object.entries(e).filter(([,e])=>null!=e);return{variables:t.flatMap(([e,t])=>w(e,t)).reduce((e,[t,a])=>Object.assign(Object.assign({},e),{[t]:a}),{}),classNames:t.map(([e,t])=>y(e,t)).join(" ")}},y=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map(([t,a])=>{const l=N(t,e,a),r=N(t,e,"var");return h(l)?l:h(r)?r:""}).join(" "),w=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map(([t,a])=>{const l=N(t,e,a),r=N(t,e,"var");if(h(l)||!h(r))return;return[`--${[E(t),e].filter(Boolean).join("_")}`,"number"!=typeof a?a:`calc(var(--spacing) * ${a})`]}).filter(Boolean),E=e=>"mobile"===e?void 0:e,N=(e,t,a)=>[E(e),t,a].filter(e=>null!=e).join(":"),C=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of g)if(t.includes(e))return!0;return!1};var O="Box-module_box__Wgbf3";const j=t=>{var{className:a,children:l,p:r,pt:o,pr:s,pb:p,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexBasis:h,flexGrow:g,flexWrap:x,rowGap:y,columnGap:w,flexShrink:E,flexDirection:N,alignItems:C,textAlign:j,justifyContent:S}=t,G=n(t,["className","children","p","pt","pr","pb","pl","m","mt","mr","mb","ml","width","display","flexBasis","flexGrow","flexWrap","rowGap","columnGap","flexShrink","flexDirection","alignItems","textAlign","justifyContent"]);const{classNames:F,variables:P}=k({p:r,pt:o,pr:s,pb:p,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexBasis:h,flexGrow:g,flexShrink:E,flexDirection:N,flexWrap:x,rowGap:y,columnGap:w,alignItems:C,textAlign:j,justifyContent:S});return e.createElement("div",Object.assign({className:i(O,a,F),style:P},G),l)};var S="AnimatedCheckmark-module_svg__VAFDr",G="AnimatedCheckmark-module_mask__mH-yZ",F="AnimatedCheckmark-module_polyline__SJRcW",P="AnimatedCheckmark-module_circle__1BrC5",B="AnimatedCheckmark-module_circleColored__es08R";const A=()=>e.createElement("svg",{className:S,viewBox:"0 0 154 154"},e.createElement("g",{className:G},e.createElement("circle",{className:P,cx:"77",cy:"77",r:"72"}),e.createElement("circle",{className:B,cx:"77",cy:"77",r:"72"}),e.createElement("polyline",{className:F,points:"43.5,77.8 63.7,97.9 112.2,49.4"})));var D="BreadCrumbs-module_breadcrumbs__-UMJj",M="BreadCrumbs-module_crumb__SSW-t";var T="CollapsiblePanel-module_panel__DrLNG",W="CollapsiblePanel-module_isClosed__2qVew",I="CollapsiblePanel-module_titleActionWrapper__SBw5b",R="Panel-module_wrapper__vFRhJ",L="Panel-module_meta__Gj-8n",z="Panel-module_headerWrapper__evUCF",$="Panel-module_header__o7SiC",H="Panel-module_title__181OP",q="Panel-module_hasChildren__UZijE",V="Panel-module_hasOnClick__X5WSh",J="Panel-module_footer__t6-hz";const U=({children:t,className:a,title:l,titleAction:r,titleMeta:o,onClickTitle:n,footer:s,p:p=3,titleLevel:c=5,stageProps:m,footerProps:d,style:u})=>e.createElement("div",{className:i(a,R),style:u},l&&e.createElement(j,{p:3,display:"flex",alignItems:"center",onClick:n,className:i(H,!!t&&q,!!n&&V)},e.createElement(j,{flexGrow:1,className:z},e.createElement(b,{level:c,className:$},l)),o&&e.createElement(j,{className:L},o),r&&e.createElement(j,{pl:5},r)),t&&e.createElement(j,Object.assign({p:p},m),t),s&&e.createElement(j,Object.assign({p:3},d,{className:i(J,null==d?void 0:d.className)}),s));var X="SlideOpen-module_wrapper__ur3Rv",Z="SlideOpen-module_hidden__iibf8",Y="SlideOpen-module_shown__nGWNX",Q="SlideOpen-module_animation__YSEpu",K="SlideOpen-module_isOpen__O67Yi";const ee=({isOpen:t,children:a,duration:l,onChange:r})=>{const o=(t=>{const[a,l]=e.useState(t);return e.useEffect(()=>{const e=setTimeout(()=>l(t),0);return()=>clearTimeout(e)},[t,l]),a})(t),[n,s]=e.useState(!t),p=e.useCallback(()=>{t||(s(!0),null==r||r(!1))},[t,r]);return e.useEffect(()=>{t&&(s(!1),null==r||r(!0))},[t,r]),e.createElement("div",{className:X},e.createElement("div",{className:i(Q,o&&K),style:l?{"--duration":`${l}s`}:void 0,onTransitionEndCapture:p},e.createElement("div",{className:n?Z:Y},a)))},te=t=>{var{isInitiallyOpen:a,children:l,titleAction:r}=t,o=n(t,["isInitiallyOpen","children","titleAction"]);const[s,p]=e.useState(a),c=e.useCallback(()=>p(!s),[p,s]);return e.createElement(U,Object.assign({className:i(T,!s&&W)},o,{onClickTitle:c,p:0,titleAction:e.createElement("div",{className:i(I,!s&&W)},r)}),e.createElement(ee,{isOpen:s},e.createElement(j,{p:3},l)))};var ae="Overlay-module_overlay__EkbfA";const le=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("div",Object.assign({className:i(a,ae)},l))};var re="Modal-module_wrapper__34Hds",oe="Modal-module_content__dWO-B",ne="Modal-module_panel__lp9I7";const se=t=>{var{children:a,handleClickOverlay:l,buttons:r}=t,o=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(le,{onClick:l}),e.createElement("div",{className:re},e.createElement(c,null,e.createElement(U,Object.assign({className:ne,footer:r?e.createElement(j,{display:"flex",justifyContent:"flex-end"},r):void 0},o),a&&e.createElement("div",{className:oe},a)))))};var pe={wrapper:"Button-module_wrapper__nbaE8",stretch:"Button-module_stretch__JWfY7",actionButton:"Button-module_actionButton__S1gAt",button:"Button-module_button__PNye2",inline:"Button-module_inline__AMjqw",interactiveDisabled:"Button-module_interactiveDisabled__oFKm4","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT",icon:"Button-module_icon__OlcRJ",hasChildren:"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I",iconWrapper:"Button-module_iconWrapper__YwLLt"};const ie=e.forwardRef((t,a)=>{var{children:l,icon:r,variant:o="default",actionButton:s,stretch:p,inline:c,interactiveDisabled:m,className:d}=t,u=n(t,["children","icon","variant","actionButton","stretch","inline","interactiveDisabled","className"]);return e.createElement("div",{className:i(pe.wrapper,s&&pe.actionButton,p&&pe.stretch)},e.createElement("button",Object.assign({className:i(pe.button,pe[`variant-${o}`],!!l&&pe.hasChildren,r&&pe.icon,s&&pe.actionButton,p&&pe.stretch,c&&pe.inline,m&&pe.interactiveDisabled,d),ref:a},u),r&&e.createElement("span",{className:i(pe.iconWrapper,pe[`variant-${o}`],!!l&&pe.hasChildren)},r),l))}),ce=({title:t,children:a,cancelLabel:l="Nee, annuleren",confirmLabel:r="Ja",confirmVariant:o="secondary",confirmIcon:n,cancelIcon:s,isOpen:p,onCancel:i,onConfirm:c})=>p?e.createElement(se,{title:t,handleClickOverlay:i,buttons:e.createElement(e.Fragment,null,e.createElement(ie,{"data-testid":"btn-cancel",onClick:i,variant:"basic",icon:s},l),e.createElement(ie,{"data-testid":"btn-confirm",onClick:c,variant:o,icon:n},r))},a):null,me=()=>{};var de="Container-module_wrapper__RRZ0b";var ue={table:"Table-module_table__Dkosn",tr:"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV",disableHover:"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV",td:"Table-module_td__jv9tA",width:"Table-module_width__bS4aU",th:"Table-module_th__PNuEx",inner:"Table-module_inner__TCfso",sortable:"Table-module_sortable__W4c6P",asc:"Table-module_asc__-caTr",desc:"Table-module_desc__jQI8s"};const be=e.forwardRef((t,a)=>{var{className:l,disableHover:r}=t,o=n(t,["className","disableHover"]);return e.createElement("tr",Object.assign({ref:a,className:i(ue.tr,r&&ue.disableHover,l)},o))}),_e=e.forwardRef((t,a)=>{var{className:l,variant:r="basic",width:o}=t,s=n(t,["className","variant","width"]);const p=null!=o;return e.createElement("td",Object.assign({ref:a,className:i(ue.td,ue[`variant-${r}`],p&&ue.width,l),style:p?{"--width":o}:void 0},s))}),fe=e.forwardRef((t,a)=>{var{sortable:l,sortDirection:r,width:o,className:s,children:p}=t,c=n(t,["sortable","sortDirection","width","className","children"]);const m=null!=o;return e.createElement("th",Object.assign({ref:a,className:i(ue.th,l&&ue.sortable,r&&ue[r],m&&ue.width,s),style:m?{"--width":o}:void 0},c),e.createElement("span",{className:ue.inner},p))}),ve=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("table",Object.assign({className:i(ue.table,a)},l))};ve.Row=be,ve.HeadCell=fe,ve.Cell=_e;var he={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};var ge="Dropdown-module_wrapper__79ooc",xe="Dropdown-module_dropper__uVdEf",ke="Dropdown-module_left__JYKmP",ye="Dropdown-module_right__UefzB",we="Dropdown-module_dropdownMenu__5R4vo",Ee="Dropdown-module_dropdownMenuItem__dj4Gp";var Ne="Dropzone-module_dropzone__WvixK",Ce="Dropzone-module_centered__00ZHP",Oe="Dropzone-module_isReadyToDrop__NX-Ix",je="Dropzone-module_input__AEKgL",Se="Dropzone-module_idle__HViGO",Ge="Dropzone-module_deleteButton__6zeTi",Fe="Dropzone-module_fileName__XqXj8";const Pe=e.forwardRef((t,a)=>{var{className:l,placeholder:r,icon:o}=t,s=n(t,["className","placeholder","icon"]);const[p,c]=e.useState(),m=e.useRef(null),[d,u]=e.useState(!1),[b,_]=e.useState(),f=b&&b.length>0,v=e.useCallback(e=>{const t=(null==e?void 0:e.target).files,a=Array.from(t).map(e=>e.name);_(a)},[]),h=e.useCallback(e=>{e.preventDefault(),u(!0)},[]),g=e.useCallback(e=>{e.preventDefault(),u(!1)},[]),x=e.useCallback(()=>{u(!1)},[]),k=e.useCallback(()=>{null==p||p.click()},[p]),y=e.useCallback(()=>{p&&(p.value="",p.files=null,p.dispatchEvent(new Event("change",{bubbles:!0})))},[p]),w=e.useMemo(()=>e=>{null==e||e.addEventListener("change",v),c(e),"function"==typeof a&&(null==a||a(e))},[a,v]);return e.createElement("div",{ref:m,onDragOver:h,onDragLeave:g,onDrop:x,onClick:f?void 0:k,className:i(Ne,!f&&Ce,d&&Oe)},e.createElement("input",Object.assign({className:i(je,d?Oe:Se),"data-testid":"dropzone-file-input",type:"file",ref:w,multiple:!0},s)),e.createElement(j,null,!f&&e.createElement(ie,{variant:"text",color:"secondary",type:"button",icon:o},r),f&&e.createElement(e.Fragment,null,e.createElement("button",{className:Ge,"data-testid":"file-clear",onClick:y}),e.createElement("ol",null,b.map((t,a)=>e.createElement("li",{key:a,className:Fe},t))))))});var Be="Feedback-module_box__ESWf9";const Ae={laptop:1},De={mobile:1,laptop:0},Me={laptop:1},Te=t=>{var{stretch:a,laptopWidth:l}=t,r=n(t,["stretch","laptopWidth"]);const o=e.useMemo(()=>({laptop:l}),[l]);return e.createElement(j,Object.assign({flexGrow:a?Me:void 0,width:o,pt:De,pb:De,pl:Ae,pr:Ae},r))},We={laptop:-1},Ie={mobile:-1,laptop:0},Re={mobile:"block",laptop:"flex"};var Le="Footer-module_box__KZvsx",ze="SideBar-module_wrapper__8tZbH",$e="SideBar-module_isMobileMenuOpen__1yI4z",He="SideBar-module_isDesktopMenuOpen__S25Jl";const qe=15,Ve=({isMobileMenuOpen:t,minWidth:a,children:r})=>{const{closeSideMenu:o,openSideMenu:n,isSideMenuOpen:s}=l();return e.createElement(j,{className:i("sidebar",ze,t&&$e,s&&He),onMouseEnter:n,onMouseLeave:o,style:{"--minWidth":a||75,"--collapsed-width":qe}},r)},Je=({children:t})=>e.createElement(j,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:Le},t);var Ue="HorizontalScroller-module_box__W07vp";var Xe="HamburgerButton-module_hamburgerButton__uFuws";var Ze="Menu-module_menu__uj3BS",Ye="Menu-module_menuItem__96xoX",Qe="Menu-module_isActive__idoz4",Ke="Menu-module_isOpen__p1ar3";var et="MenuCloseButton-module_menuCloseButton__c2jye";var tt="MenuSlideOpenIndicator-module_wrapper__Q6Ykj";var at="SideBarHeader-module_sideBarHeader__7zbYN";const lt=()=>{const[t,a]=e.useState(window.innerWidth);e.useEffect(()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);return e.useMemo(()=>({isMobile:t>=x.mobile,isTablet:t>=x.tablet,isLaptop:t>=x.laptop,isDesktop:t>=x.desktop}),[t])};var rt="Paginator-module_wrapper__IPIcn",ot="Paginator-module_button__lkNBq",nt="Paginator-module_isActive__Qk3mv",st="Paginator-module_isDisabled__uHGss";var pt={wrapper:"Statistic-module_wrapper__4eJ86",blue:"Statistic-module_blue__SsMhE",indigo:"Statistic-module_indigo__8DByg",purple:"Statistic-module_purple__mieHQ",pink:"Statistic-module_pink__2PBSu",red:"Statistic-module_red__T7SC1",orange:"Statistic-module_orange__eq9b2",yellow:"Statistic-module_yellow__0A2sj",green:"Statistic-module_green__LjLEE",teal:"Statistic-module_teal__rz09e",cyan:"Statistic-module_cyan__ljMqB",gray:"Statistic-module_gray__Bukv9",grayDark:"Statistic-module_grayDark__JoQc8",light:"Statistic-module_light__Q1XW7",dark:"Statistic-module_dark__HWch8",label:"Statistic-module_label__O256y",value:"Statistic-module_value__Af9tB",smaller:"Statistic-module_smaller__ni0vP",iconWrapper:"Statistic-module_iconWrapper__TudZL"};var it={tab:"Tab-module_tab__Iwytl",isActive:"Tab-module_isActive__DXImz",hint:"Tab-module_hint__ynkFR",error:"Tab-module_error__OF1Ji"};var ct="TabContent-module_tabContent__hMTiE";var mt="Tabs-module_tabs__QzIkz";var dt="Timeline-module_flatPanel__TzdFU",ut="Timeline-module_wrapper__sWd71",bt="Timeline-module_line__CwY-N",_t="Timeline-module_circle__7kyfg";var ft="TopBar-module_wrapper__DVlec";const vt=({left:t,right:a})=>e.createElement(j,{className:ft},e.createElement(j,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(j,{flexGrow:1,display:"flex",pl:2},t),e.createElement(j,{flexGrow:1,display:"flex",justifyContent:"flex-end"},a)));var ht="Toggle-module_toggle__kmzmH",gt="Toggle-module_checked__wOt93",xt="Toggle-module_disabled__zqNfH",kt="Toggle-module_thumb__nibyJ";var yt="FormGridWrapper-module_label__3OAEA",wt="FormGridWrapper-module_error__80-SA",Et="FormGridWrapper-module_hint__lj9vT",Nt="FormGridWrapper-module_requiredAsterisk__-4sG4";const Ct=({error:t,isRequired:a,className:l,children:r})=>e.createElement("label",{className:i(yt,!!t&&wt,l)},r,a&&e.createElement("span",{className:Nt}));var Ot="Checkbox-module_label__uYQc9",jt="Checkbox-module_input__a4Cy-",St="Checkbox-module_dimmed__wAzQa";const Gt=e.forwardRef((t,a)=>{var{options:l,spacing:r=1,name:o,dimmed:s,className:p,orientation:c="vertical"}=t,m=n(t,["options","spacing","name","dimmed","className","orientation"]);const d=Array.isArray(l)?l:Object.entries(l),u=e.createElement(e.Fragment,null,d.map(([t,l])=>e.createElement(j,{key:t,mt:r,mb:r},e.createElement("label",{className:Ot,key:t},e.createElement("input",Object.assign({className:i(p,jt),type:"checkbox",value:t,name:o,ref:a},m)),e.createElement("span",{className:i(s&&St)},l)))));return"horizontal"===c?e.createElement(j,{display:"flex",columnGap:4},u):u});var Ft="TextField-module_input__73ULM",Pt="TextField-module_textarea__DzXRI";const Bt=e.forwardRef((t,a)=>{var{multiline:l=!1,className:r}=t,o=n(t,["multiline","className"]);return l?e.createElement("textarea",Object.assign({className:i(Pt,Ft,r),ref:a},o)):e.createElement("input",Object.assign({className:i(Ft,r),ref:a,type:"text"},o))});var At="FileField-module_wrapper__Av1Bz",Dt="FileField-module_hiddenInput__42z5Q",Mt="FileField-module_button__13cFn",Tt="FileField-module_textField__-9ZPk",Wt="FileField-module_deleteButton__RpWa3";const It=e.forwardRef((t,a)=>{var{className:l,placeholder:r,chooseFileLabel:o="Choose file",changeFileLabel:s="Change file",onClear:p}=t,c=n(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[m,d]=e.useState(),[u,b]=e.useState(""),_=e.useCallback(e=>{var t;const a=(null==e?void 0:e.target).files;b((null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.name)||"")},[]),f=e.useCallback(()=>{m&&(m.value="",m.files=null,m.dispatchEvent(new Event("change",{bubbles:!0})),p&&p())},[m,p]),v=e.useMemo(()=>e=>{null==e||e.addEventListener("change",_),d(e),"function"==typeof a&&(null==a||a(e))},[a,_]);return e.createElement("div",{className:At},e.createElement("input",Object.assign({className:Dt,type:"file",ref:v},c)),e.createElement(ie,{className:Mt,variant:"basic"},u?s:o),e.createElement(Bt,{placeholder:r,className:i(Tt,l),disabled:!0,value:u}),!!u&&p&&e.createElement("button",{className:Wt,"data-testid":"file-clear",onClick:f}))});var Rt="Select-module_wrapper__vBUHm",Lt="Select-module_select__tfPHD",zt="Select-module_paddingOverlay__Y6O4-";const $t=e.forwardRef((t,a)=>{var{options:l,className:r}=t,o=n(t,["options","className"]);const s=Array.isArray(l)?l:Object.entries(l);return e.createElement("div",{className:Rt},e.createElement("select",Object.assign({className:i(Lt,r),ref:a},o),s.map(([t,a])=>e.createElement("option",{key:t,value:t},a))),e.createElement("div",{className:zt},"▾"))});var Ht="PasswordStrengthField-module_progress__KIvlC",qt="PasswordStrengthField-module_progressBar__Wz5Rz",Vt="PasswordStrengthField-module_bad__n300O",Jt="PasswordStrengthField-module_ok__LMIms",Ut="PasswordStrengthField-module_good__MhPYT";const Xt=e=>e.length>=8,Zt=e=>/\d/.test(e),Yt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),Qt=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Kt=[Xt,Zt,Yt,Qt],ea=Kt.length+1,ta=e=>Kt.map(t=>t(e)).reduce((e,t)=>t?e+1:e,1),aa=e.forwardRef((t,a)=>{const[l,r]=e.useState(0),o=e.useCallback(e=>{const t=e.target;r(t.value?ta(t.value):0)},[]),n=e.useMemo(()=>e=>{null==e||e.addEventListener("keyup",o),"function"==typeof a&&(null==a||a(e))},[a,o]);return e.createElement(e.Fragment,null,e.createElement(Bt,Object.assign({},t,{type:"password",ref:n})),e.createElement("div",{className:Ht},e.createElement("div",{className:i(qt,l<=2?Vt:l<=3?Jt:Ut),style:{"--width":l/ea*100+"%"}})))});var la="FormGridCell-module_formGridCell__Y3e5s",ra="FormGridCell-module_rowOffset__xvXeK",oa="FormGridCell-module_mobile--position__1AeHR",na="FormGridCell-module_tablet--position__Xxybj",sa="FormGridCell-module_laptop--position__gMNqe",pa="FormGridCell-module_desktop--position__UDC4a";const ia=({position:t,align:a,rowOffset:l=0,children:r,className:o})=>{if(!t||!C(t))throw new Error("FormGridCell should set a position");const{classNames:n,variables:s}=k({textAlign:a}),p=((e,t)=>g.reduce((a,l)=>(null==e?void 0:e[l])?Object.assign(Object.assign({},a),((e,t,a)=>{const l={};return void 0!==t.row&&(l[`--${e}-row`]=2*t.row+1+a),t.rowSpan&&a&&(l[`--${e}-rowSpan`]=2*t.rowSpan-1),void 0!==t.column&&(l[`--${e}-column`]=t.column+1),void 0!==t.columnSpan&&(l[`--${e}-columnSpan`]=t.columnSpan),l})(l,e[l],t)):a,{}))(t,l);return e.createElement("div",{className:i(la,l&&ra,t.mobile&&oa,t.tablet&&na,t.laptop&&sa,t.desktop&&pa,n,o),style:Object.assign(Object.assign({},s),p)},r)},ca=({position:t,align:a,label:l,hint:r,error:o,isRequired:n,children:s})=>e.createElement(e.Fragment,null,e.createElement(ia,{position:t,align:a,className:"form-grid-cell__label-hint"},l&&e.createElement(Ct,{error:!!o,isRequired:n},l),r&&e.createElement("div",{className:i(Et,!!o&&wt)},r)),e.createElement(ia,{position:t,align:a,rowOffset:1,className:i({"form-grid-cell__field-error":!0,"has-error":!!o})},s,o&&e.createElement("div",{className:wt},o)));var ma="FormGrid-module_formGrid__2OSmK";const da=t=>{var{columns:a,className:l}=t,r=n(t,["columns","className"]);const{classNames:o,variables:s}=k({columns:a});return e.createElement("div",Object.assign({className:i(ma,l,o),style:Object.assign(Object.assign({},s),{"--numRowsPerField":2})},r))};var ua="DefaultLayout-module_wrapper__UPzJr",ba="DefaultLayout-module_wrapperInner__ZdGKn",_a="DefaultLayout-module_sidebarWrapper__Jehqe",fa="DefaultLayout-module_contentBox__lVxGL";const va=({sideBarProps:t,topBarProps:a,footerProps:l,children:r})=>e.createElement(j,{className:ua,flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(j,{className:ba,flexGrow:1,flexShrink:0,"data-foo":"test",flexBasis:{mobile:"100%",laptop:"25%"}},t&&e.createElement(j,{className:_a},e.createElement(Ve,Object.assign({},t))),e.createElement(j,{className:fa,display:"flex",flexDirection:"column"},e.createElement(vt,Object.assign({},a)),r,e.createElement(Je,Object.assign({},l)))));var ha="FloatingPanelLayout-module_wrapper__XlZwj",ga="FloatingPanelLayout-module_background__vI4Uc",xa="FloatingPanelLayout-module_animation__031Vf",ka="FloatingPanelLayout-module_panel__Dmfof",ya="FloatingPanelLayout-module_logo__-5gan";var wa="SplitLayout-module_left__gw0PM";var Ea="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Na(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ca=1/0,Oa=9007199254740991,ja=17976931348623157e292,Sa=NaN,Ga="[object Function]",Fa="[object GeneratorFunction]",Pa="[object Symbol]",Ba=/^\s+|\s+$/g,Aa=/^[-+]0x[0-9a-f]+$/i,Da=/^0b[01]+$/i,Ma=/^0o[0-7]+$/i,Ta=/^(?:0|[1-9]\d*)$/,Wa=parseInt,Ia=Object.prototype.toString,Ra=Math.ceil,La=Math.max;function za(e,t,a){var l=-1,r=e.length;t<0&&(t=-t>r?0:r+t),(a=a>r?r:a)<0&&(a+=r),r=t>a?0:a-t>>>0,t>>>=0;for(var o=Array(r);++l<r;)o[l]=e[l+t];return o}function $a(e,t,a){if(!Ha(a))return!1;var l=typeof t;return!!("number"==l?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Oa}(e.length)&&!function(e){var t=Ha(e)?Ia.call(e):"";return t==Ga||t==Fa}(e)}(a)&&function(e,t){return!!(t=null==t?Oa:t)&&("number"==typeof e||Ta.test(e))&&e>-1&&e%1==0&&e<t}(t,a.length):"string"==l&&t in a)&&function(e,t){return e===t||e!=e&&t!=t}(a[t],e)}function Ha(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var qa=Na(function(e,t,a){t=(a?$a(e,t,a):void 0===t)?1:La(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)&&Ia.call(e)==Pa}(e))return Sa;if(Ha(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Ha(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Ba,"");var a=Da.test(e);return a||Ma.test(e)?Wa(e.slice(2),a?2:8):Aa.test(e)?Sa:+e}(e),e===Ca||e===-1/0){return(e<0?-1:1)*ja}return e==e?e:0}(e),a=t%1;return t==t?a?t-a:t:0}(t),0);var l=e?e.length:0;if(!l||t<1)return[];for(var r=0,o=0,n=Array(Ra(l/t));r<l;)n[o++]=za(e,r,r+=t);return n});class Va{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 Va(this.grid.slice(e.y,t.y+1).map(a=>a.slice(e.x,t.x+1)))}getCoordinatesForValue(e){const t=[],a=[];return this.grid.forEach((l,r)=>{l.forEach((l,o)=>{l===e&&(t.push(o),a.push(r))})}),{topLeft:{x:Math.min(...t),y:Math.min(...a)},bottomRight:{x:Math.max(...t),y:Math.max(...a)}}}}var Ja="__lodash_hash_undefined__",Ua=9007199254740991,Xa="[object Arguments]",Za=/^\[object .+?Constructor\]$/,Ya="object"==typeof Ea&&Ea&&Ea.Object===Object&&Ea,Qa="object"==typeof self&&self&&self.Object===Object&&self,Ka=Ya||Qa||Function("return this")();function el(e,t){return!!(e?e.length:0)&&function(e,t,a){if(t!=t)return function(e,t,a,l){var r=e.length,o=a+(l?1:-1);for(;l?o--:++o<r;)if(t(e[o],o,e))return o;return-1}(e,ll,a);var l=a-1,r=e.length;for(;++l<r;)if(e[l]===t)return l;return-1}(e,t,0)>-1}function tl(e,t,a){for(var l=-1,r=e?e.length:0;++l<r;)if(a(t,e[l]))return!0;return!1}function al(e,t){for(var a=-1,l=t.length,r=e.length;++a<l;)e[r+a]=t[a];return e}function ll(e){return e!=e}function rl(e,t){return e.has(t)}var ol,nl=Array.prototype,sl=Function.prototype,pl=Object.prototype,il=Ka["__core-js_shared__"],cl=(ol=/[^.]+$/.exec(il&&il.keys&&il.keys.IE_PROTO||""))?"Symbol(src)_1."+ol:"",ml=sl.toString,dl=pl.hasOwnProperty,ul=pl.toString,bl=RegExp("^"+ml.call(dl).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),_l=Ka.Symbol,fl=pl.propertyIsEnumerable,vl=nl.splice,hl=_l?_l.isConcatSpreadable:void 0,gl=Math.max,xl=Fl(Ka,"Map"),kl=Fl(Object,"create");function yl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function wl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function El(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function Nl(e){var t=-1,a=e?e.length:0;for(this.__data__=new El;++t<a;)this.add(e[t])}function Cl(e,t){for(var a=e.length;a--;)if(Ml(e[a][0],t))return a;return-1}function Ol(e,t,a,l){var r,o=-1,n=el,s=!0,p=e.length,i=[],c=t.length;if(!p)return i;a&&(t=function(e,t){for(var a=-1,l=e?e.length:0,r=Array(l);++a<l;)r[a]=t(e[a],a,e);return r}(t,(r=a,function(e){return r(e)}))),l?(n=tl,s=!1):t.length>=200&&(n=rl,s=!1,t=new Nl(t));e:for(;++o<p;){var m=e[o],d=a?a(m):m;if(m=l||0!==m?m:0,s&&d==d){for(var u=c;u--;)if(t[u]===d)continue e;i.push(m)}else n(t,d,l)||i.push(m)}return i}function jl(e,t,a,l,r){var o=-1,n=e.length;for(a||(a=Pl),r||(r=[]);++o<n;){var s=e[o];t>0&&a(s)?t>1?jl(s,t-1,a,l,r):al(r,s):l||(r[r.length]=s)}return r}function Sl(e){if(!Ll(e)||(t=e,cl&&cl in t))return!1;var t,a=Rl(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?bl:Za;return a.test(function(e){if(null!=e){try{return ml.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function Gl(e,t){var a,l,r=e.__data__;return("string"==(l=typeof(a=t))||"number"==l||"symbol"==l||"boolean"==l?"__proto__"!==a:null===a)?r["string"==typeof t?"string":"hash"]:r.map}function Fl(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return Sl(a)?a:void 0}function Pl(e){return Tl(e)||function(e){return Il(e)&&dl.call(e,"callee")&&(!fl.call(e,"callee")||ul.call(e)==Xa)}(e)||!!(hl&&e&&e[hl])}yl.prototype.clear=function(){this.__data__=kl?kl(null):{}},yl.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},yl.prototype.get=function(e){var t=this.__data__;if(kl){var a=t[e];return a===Ja?void 0:a}return dl.call(t,e)?t[e]:void 0},yl.prototype.has=function(e){var t=this.__data__;return kl?void 0!==t[e]:dl.call(t,e)},yl.prototype.set=function(e,t){return this.__data__[e]=kl&&void 0===t?Ja:t,this},wl.prototype.clear=function(){this.__data__=[]},wl.prototype.delete=function(e){var t=this.__data__,a=Cl(t,e);return!(a<0)&&(a==t.length-1?t.pop():vl.call(t,a,1),!0)},wl.prototype.get=function(e){var t=this.__data__,a=Cl(t,e);return a<0?void 0:t[a][1]},wl.prototype.has=function(e){return Cl(this.__data__,e)>-1},wl.prototype.set=function(e,t){var a=this.__data__,l=Cl(a,e);return l<0?a.push([e,t]):a[l][1]=t,this},El.prototype.clear=function(){this.__data__={hash:new yl,map:new(xl||wl),string:new yl}},El.prototype.delete=function(e){return Gl(this,e).delete(e)},El.prototype.get=function(e){return Gl(this,e).get(e)},El.prototype.has=function(e){return Gl(this,e).has(e)},El.prototype.set=function(e,t){return Gl(this,e).set(e,t),this},Nl.prototype.add=Nl.prototype.push=function(e){return this.__data__.set(e,Ja),this},Nl.prototype.has=function(e){return this.__data__.has(e)};var Bl,Al,Dl=(Bl=function(e,t){return Il(e)?Ol(e,jl(t,1,Il,!0)):[]},Al=gl(void 0===Al?Bl.length-1:Al,0),function(){for(var e=arguments,t=-1,a=gl(e.length-Al,0),l=Array(a);++t<a;)l[t]=e[Al+t];t=-1;for(var r=Array(Al+1);++t<Al;)r[t]=e[t];return r[Al]=l,function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}(Bl,this,r)});function Ml(e,t){return e===t||e!=e&&t!=t}var Tl=Array.isArray;function Wl(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ua}(e.length)&&!Rl(e)}function Il(e){return function(e){return!!e&&"object"==typeof e}(e)&&Wl(e)}function Rl(e){var t=Ll(e)?ul.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}function Ll(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var zl=Na(Dl);const $l=(e,t)=>{const a=[...Array(e)].map(e=>"1fr");return t&&a.push("auto"),a.join(" ")};class Hl{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,a){"object"==typeof this.columns&&(this.columns[e]=t);const l=new Va(a);((e,t)=>{const a=t.getDistinctValues();if(a.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${zl(a,e).map(e=>`"${e}"`).join(", ")}`);a.forEach(a=>{if(!e.includes(a))throw new Error(`${a} is not an existing field. Existing fields are ${e.map(e=>`"${e}"`).join(", ")}.`);const l=t.getCoordinatesForValue(a),r=t.sliceArea(l.topLeft,l.bottomRight).getDistinctValues();if(1!==r.length||r[0]!==a)throw new Error(`Grid contains an unsupported shape. Please make sure "${a}" has a rectangular shape.`)})})(Object.keys(this.fields),l);const r=Object.entries(this.fields).reduce((t,[a,r])=>{var o,n;let s=(null===(o=r.props)||void 0===o?void 0:o.position)?ql(null===(n=r.props)||void 0===n?void 0:n.position):{};C(s)||(s={mobile:s});const{topLeft:p,bottomRight:i}=l.getCoordinatesForValue(a);return s[e]={column:p.x,columnSpan:i.x-p.x+1,row:p.y,rowSpan:i.y-p.y+1},Object.assign(Object.assign({},t),{[a]:Object.assign(Object.assign({},r),{props:Object.assign(Object.assign({},r.props),{position:s})})})},{});return new Hl(r,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:$l(t,!1),qa(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:$l(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const ql=e=>JSON.parse(JSON.stringify(e)),Vl=e.createContext({factory:void 0}),Jl=e.forwardRef((t,a)=>{var{name:l,field:r}=t,o=n(t,["name","field"]);const{factory:s}=e.useContext(Vl);if("Empty"===r.type)return null;const p=r.props,{position:c,align:m,label:d,hint:u,error:b,isRequired:_,skip:f}=p,v=n(p,["position","align","label","hint","error","isRequired","skip"]);if(f)return null;const h=(null==s?void 0:s(r))||(e=>{switch(e.type){case"Button":return ie;case"Checkbox":return Gt;case"Select":return $t;case"FileField":return It;case"DropZone":return Pe;case"PasswordStrengthField":return aa;default:return Bt}})(r);return(e=>"TextField"===e.type)(r)&&!r.props.multiline&&"hidden"===r.props.type?e.createElement(h,Object.assign({ref:a,name:l},o,v)):e.createElement(ca,{position:c,align:m,label:d,hint:u,error:b,isRequired:_},e.createElement(h,Object.assign({ref:a,name:l,placeholder:r.props.placeholder||d,className:i(!!b&&"error",r.props.className)},o,v)))}),Ul=e.forwardRef((t,a)=>{var{children:l,columns:r,fields:o,prefixFieldNames:s}=t,p=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(da,{columns:r},Object.entries(o).map(([t,l])=>e.createElement(Jl,Object.assign({name:`${null!=s?s:""}${t}`,key:t,field:l,ref:a},p))),l)});exports.Alert=({children:t,title:a,variant:l="basic",actions:r})=>e.createElement("div",{className:i(m.wrapper,m[`variant-${l}`])},e.createElement(j,{p:3,display:"flex"},e.createElement(j,{flexGrow:1},a&&e.createElement(j,{pb:t?1:0},e.createElement(b,{level:4},a)),t&&e.createElement(f,null,t)),r&&e.createElement(j,{display:"flex",alignItems:"center",justifyContent:"center"},r))),exports.AnimatedCheckmark=A,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:l,isLoading:r,loader:o,children:n})=>e.createElement(va,{sideBarProps:t,topBarProps:a,footerProps:l},e.createElement(j,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},r&&o?o:n)),exports.Box=j,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:i(D,t.className)},t)),exports.BreakPointValues=x,exports.Button=ie,exports.Checkbox=Gt,exports.CollapsiblePanel=te,exports.ConfirmButton=t=>{var a,{modalProps:l}=t,r=n(t,["modalProps"]);const[o,s]=(({onConfirm:t})=>{const[a,l]=e.useState(!1);return[{onCancel:()=>l(!1),onConfirm:()=>{t(),l(!1)},isOpen:a},()=>l(!0)]})({onConfirm:null!==(a=l.onConfirm)&&void 0!==a?a:me});return e.createElement(e.Fragment,null,e.createElement(ie,Object.assign({},r,{onClick:s})),e.createElement(ce,Object.assign({title:"Are you sure?"},l,o)))},exports.ConfirmModal=ce,exports.Container=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("div",Object.assign({},l,{className:i(de,a)}))},exports.Crumb=t=>e.createElement("li",Object.assign({className:i(M,t.className)},t)),exports.Details=({className:t,details:a,firstColumnWidth:l})=>e.createElement(ve,{className:t},e.createElement("tbody",null,Object.entries(a).map(([t,a],r)=>e.createElement(ve.Row,{key:t,disableHover:!0},e.createElement(ve.Cell,{style:{width:l},className:i(he.cell,0===r&&he.isFirstRow)},t),e.createElement(ve.Cell,{className:i(he.cell,0===r&&he.isFirstRow)},a))))),exports.Dropdown=({buttonProps:t,align:a="left",children:l,stayOpenOnClick:r})=>{const o=e.useRef(null),[n,s]=e.useState(!1),p=e.useCallback(()=>s(!0),[s]),m=e.useCallback(e=>{var t;r&&(null===(t=o.current)||void 0===t?void 0:t.contains(e.target))||s(!1)},[s,r]);return e.useEffect(()=>(n&&setTimeout(()=>document.addEventListener("click",m),1),()=>{document.removeEventListener("click",m)}),[n,m]),e.createElement("div",{className:ge},e.createElement(ie,Object.assign({},t,{onClick:p})),n&&e.createElement(c,{speed:".1s"},e.createElement("span",{className:i(xe,"left"===a&&ke,"right"===a&&ye),ref:o},l)))},exports.DropdownMenu=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("ul",Object.assign({className:i(we,a)},l))},exports.DropdownMenuItem=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("li",Object.assign({className:i(Ee,a)},l))},exports.Dropzone=Pe,exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:l,title:r,subtitle:o})=>e.createElement(se,{handleClickOverlay:t,buttons:e.createElement(ie,{"data-testid":"confirm",stretch:!0,icon:l,variant:"secondary",onClick:t},a)},e.createElement(j,{pt:3,pb:3,className:Be},e.createElement(j,{pb:5,textAlign:"center"},e.createElement(b,null,r),o&&e.createElement(j,{pt:5},e.createElement(b,{level:5},o))),e.createElement(j,{pt:5,pb:5,pl:7,pr:7},e.createElement(A,null)))),exports.FileField=It,exports.Floater=t=>{var{items:a,forceEqualWidth:l=!1,stretch:r=!1,multiRow:o=!0}=t,s=n(t,["items","forceEqualWidth","stretch","multiRow"]);return e.createElement(j,Object.assign({mb:Ie,mt:Ie,ml:We,mr:We,display:Re,flexWrap:o?{laptop:"wrap"}:void 0,rowGap:o?{laptop:2}:void 0},s),a.filter(Boolean).map((t,o)=>(e=>!!e.element)(t)?e.createElement(Te,{key:o,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Te,{key:o,laptopWidth:l?100/a.length+"%":void 0,stretch:r},t)))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:a,alert:l,logoUrl:r,backgroundBaseColor:o,backgroundOpacity:n})=>e.createElement(j,{className:ha,style:o&&{"--base-color":o},display:"flex",alignItems:"center"},e.createElement("div",{className:ga,style:{opacity:n||1,backgroundImage:`url(${a})`}}),r&&e.createElement("img",{src:r,alt:"Logo",className:ya}),e.createElement(c,{className:xa},l&&e.createElement(j,{pb:7},l),e.createElement(U,Object.assign({},t,{className:i(ka,t.className)})))),exports.Footer=Je,exports.FormGrid=da,exports.FormGridWrapper=ca,exports.FormPositioner=Hl,exports.HamburgerButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(ie,Object.assign({className:i(Xe,a)},l))},exports.Header=b,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:Ue},t),exports.Label=Ct,exports.Menu=({children:t})=>e.createElement("ul",{className:Ze},t),exports.MenuCloseButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(ie,Object.assign({actionButton:!0,className:i(et,a)},l))},exports.MenuItem=({item:t,isOpen:a,isActive:l,children:r})=>{const[o,n]=e.useState(!!a);return e.createElement("li",{className:i(Ye,o&&Ke,!!l&&Qe)},t,r&&e.createElement(ee,{onChange:n,isOpen:!!a,duration:.25},r))},exports.MenuSlideOpenIndicator=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(tt,a),style:{"--collapsed-width":qe}},l))},exports.Modal=se,exports.Overlay=le,exports.Paginator=t=>{const{isTablet:a}=lt(),{pageCount:l,onChange:r}=t,o=Math.min(Math.max(t.currentPage,0),l),n=a?2:0,s=Math.max(1,o-n),p=Math.min(l,o+n);return e.createElement("div",{className:rt},e.createElement("button",{"data-testid":"paginate-prev",disabled:1===o,onClick:()=>r(o-1),className:i(ot,1===o&&st)},"⟨"),s>1&&e.createElement("button",{"data-testid":"paginate-page-1","data-paginator":"first",onClick:()=>r(1),className:i(ot,1===o&&nt)},"1"),s>2&&e.createElement("button",{disabled:!0,className:i(ot,st)},"..."),((e,t)=>{let a=[];for(let l=e;l<t;l++)a.push(l);return a})(s,p+1).map(t=>e.createElement("button",{"data-testid":`paginate-page-${t}`,key:t,onClick:()=>r(t),className:i(ot,o===t&&nt)},t)),p<l-1&&e.createElement("button",{disabled:!0,className:i(ot,st)},"..."),p<l&&e.createElement("button",{"data-testid":`paginate-page-${l}`,"data-paginator":"last",onClick:()=>r(l),className:i(ot,o===l&&nt)},l),e.createElement("button",{"data-testid":"paginate-next",disabled:o===l,onClick:()=>r(o+1),className:i(ot,o===l&&st)},"⟩"))},exports.Panel=U,exports.Paragraph=f,exports.PasswordStrengthField=aa,exports.ScaffoldField=Jl,exports.ScaffoldForm=Ul,exports.ScaffoldFormContext=Vl,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(Vl.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(j,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=$t,exports.SideBarHeader=({children:t,right:a})=>e.createElement(j,{className:at},e.createElement(j,{flexGrow:1,display:"flex"},e.createElement(j,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),a&&e.createElement(j,null,a)),exports.SimpleTimeline=({color:t,icon:a,title:l,titleMeta:r})=>e.createElement(j,{className:ut},e.createElement(j,{className:i(bt,"line")},e.createElement("div",{className:_t,style:{"--background-color":t}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(U,{className:dt,titleMeta:r,title:l}))),exports.SlideInFromTop=c,exports.Split=({left:t,leftBoxProps:a,right:l,rightBoxProps:r})=>e.createElement(j,{display:"flex",flexDirection:"column"},e.createElement(j,{flexGrow:1,display:"flex"},e.createElement(j,Object.assign({className:wa,flexBasis:"30%",p:{laptop:7,mobile:4}},a),t),e.createElement(j,Object.assign({flexBasis:"70%",p:{laptop:7,mobile:4}},r),l))),exports.SplitLayout=({sideBarProps:t,topBarProps:a,footerProps:l,isLoading:r,loader:o,children:n})=>e.createElement(va,{sideBarProps:t,topBarProps:a,footerProps:l},e.createElement(j,{pl:{laptop:qe},flexGrow:1},r&&o?o:n)),exports.Statistic=({icon:t,value:a,label:l,backgroundColor:r,smallerValue:o,valueTestId:n})=>e.createElement("div",{className:i(pt.wrapper,pt[r])},e.createElement("div",{className:pt.iconWrapper},t),e.createElement(j,{flexGrow:1,textAlign:"right"},e.createElement("div",{className:pt.label},l),e.createElement("div",{"data-testid":n,className:i(pt.value,o&&pt.smaller)},a))),exports.Tab=t=>{var{id:a,isActive:l,onClick:r,variant:o}=t,s=n(t,["id","isActive","onClick","variant"]);const p=e.useCallback(()=>{l||null==r||r(a)},[a,l,r]);return e.createElement(j,Object.assign({className:i(it.tab,l&&it.isActive,o&&it[o])},s,{onClick:p}))},exports.TabContent=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(ct,a),p:3},l))},exports.Table=ve,exports.Tabs=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(a,mt)},l))},exports.TextField=Bt,exports.Timeline=({title:t,icon:a,color:l,isInitiallyOpen:r,titleMeta:o,chevron:n,children:s})=>e.createElement(j,{className:ut},e.createElement(j,{className:bt},e.createElement("div",{className:_t,style:{"--background-color":l}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(te,{isInitiallyOpen:r,titleMeta:o,title:t,titleAction:n},s))),exports.Toggle=({isChecked:t,isDisabled:a,onChange:l})=>e.createElement("div",{onClick:()=>null==l?void 0:l(!t),className:i(ht,t&&gt,a&&xt)},e.createElement("div",{className:kt})),exports.TopBar=vt,exports.UiWrapper=({children:t})=>e.createElement(r,null,e.createElement("div",{className:o},t)),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.breakPoints=g,exports.calculatePasswordScore=ta,exports.getResponsiveProps=k,exports.isResponsiveObject=C,exports.passwordHasLowerAndUppercase=Yt,exports.passwordHasNumbers=Zt,exports.passwordHasSpecialChars=Qt,exports.passwordMinLength=Xt,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=l();e.useEffect(()=>{a()},[t,a])},exports.useResponsiveBreakpoints=lt,exports.useToggleMobileMenu=({currentRoute:t})=>{const[a,l]=e.useState(!1),r=e.useCallback(()=>{l(e=>!e)},[]),o=e.useCallback(()=>{l(!0)},[]),n=e.useCallback(()=>{l(!1)},[]);return e.useEffect(()=>{n()},[t,n]),{isOpen:a,open:o,close:n,toggle:r}};

package/dist/quicksnack.css

@@ -44,4 +44,5 @@
 .FormGridCell-module_formGridCell__Y3e5s{margin:0 var(--spacing-2)}.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_rowOffset__xvXeK{align-self:auto;display:flex;flex-direction:column;margin-bottom:16px;-ms-grid-row-align:initial}.FormGridCell-module_formGridCell__Y3e5s:not(.FormGridCell-module_rowOffset__xvXeK){align-self:end;-ms-grid-row-align:end}@media(min-width:0px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_mobile--position__1AeHR{grid-row-start:var(--mobile-row);-ms-grid-row:var(--mobile-row);grid-row-end:span var(--mobile-rowSpan);-ms-grid-row-span:var(--mobile-rowSpan);grid-column-start:var(--mobile-column);-ms-grid-column:var(--mobile-column);grid-column-end:span var(--mobile-columnSpan);-ms-grid-column-span:var(--mobile-columnSpan)}}@media(min-width:768px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_tablet--position__Xxybj{grid-row-start:var(--tablet-row);-ms-grid-row:var(--tablet-row);grid-row-end:span var(--tablet-rowSpan);-ms-grid-row-span:var(--tablet-rowSpan);grid-column-start:var(--tablet-column);-ms-grid-column:var(--tablet-column);grid-column-end:span var(--tablet-columnSpan);-ms-grid-column-span:var(--tablet-columnSpan)}}@media(min-width:1024px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_laptop--position__gMNqe{grid-row-start:var(--laptop-row);-ms-grid-row:var(--laptop-row);grid-row-end:span var(--laptop-rowSpan);-ms-grid-row-span:var(--laptop-rowSpan);grid-column-start:var(--laptop-column);-ms-grid-column:var(--laptop-column);grid-column-end:span var(--laptop-columnSpan);-ms-grid-column-span:var(--laptop-columnSpan)}}@media(min-width:1430px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_desktop--position__UDC4a{grid-row-start:var(--desktop-row);-ms-grid-row:var(--desktop-row);grid-row-end:span var(--desktop-rowSpan);-ms-grid-row-span:var(--desktop-rowSpan);grid-column-start:var(--desktop-column);-ms-grid-column:var(--desktop-column);grid-column-end:span var(--desktop-columnSpan);-ms-grid-column-span:var(--desktop-columnSpan)}}
 .FormGrid-module_formGrid__2OSmK{display:-ms-grid;display:grid;margin:0 -8px -16px;-ms-grid-columns:1fr}
 .DefaultLayout-module_wrapper__UPzJr{background-color:#f3f3f4}.DefaultLayout-module_wrapperInner__ZdGKn{position:relative}.DefaultLayout-module_sidebarWrapper__Jehqe{height:100%;pointer-events:none;position:absolute;z-index:50}.DefaultLayout-module_contentBox__lVxGL{height:100%}
-.FloatingPanelLayout-module_wrapper__XlZwj{background-color:var(--base-color,#fff);min-height:100%;min-width:100%;position:absolute}.FloatingPanelLayout-module_background__vI4Uc{background-size:cover;height:100%;left:0;opacity:var(--opacity,1);position:absolute;top:0;width:100%}.FloatingPanelLayout-module_animation__031Vf{margin:auto;z-index:10}.FloatingPanelLayout-module_panel__Dmfof{box-shadow:0 8px 8px 0 #22242626;min-width:280px}.FloatingPanelLayout-module_logo__-5gan{display:none;left:0;position:absolute;top:calc(var(--spacing)*8)}@media (min-width:768px){.FloatingPanelLayout-module_logo__-5gan{display:block}}
+.FloatingPanelLayout-module_wrapper__XlZwj{background-color:var(--base-color,#fff);min-height:100%;min-width:100%;position:absolute}.FloatingPanelLayout-module_background__vI4Uc{background-size:cover;height:100%;left:0;opacity:var(--opacity,1);position:absolute;top:0;width:100%}.FloatingPanelLayout-module_animation__031Vf{margin:auto;z-index:10}.FloatingPanelLayout-module_panel__Dmfof{box-shadow:0 8px 8px 0 #22242626;min-width:280px}.FloatingPanelLayout-module_logo__-5gan{display:none;left:0;position:absolute;top:calc(var(--spacing)*8)}@media (min-width:768px){.FloatingPanelLayout-module_logo__-5gan{display:block}}
+.SplitLayout-module_left__gw0PM{background-color:var(--common-white);border-right:1px solid #ddd}.SplitLayout-module_headerBox__wO8Py{border-bottom:1px solid #ddd}

package/dist/src/index.d.ts

@@ -47,6 +47,7 @@ export * from "./form/ScaffoldForm/FormGrid/FormGridWrapper";
 export { FormGrid } from "./form/ScaffoldForm/FormGrid/FormGrid";
 export * from "./layouts/BasicLayout/BasicLayout";
 export * from "./layouts/FloatingPanelLayout/FloatingPanelLayout";
+export * from "./layouts/SplitLayout/SplitLayout";
 export * from "./layouts/constants";
 export * from "./form/ScaffoldForm/utils/FormPositioner";
 export * from "./form/ScaffoldForm/ScaffoldForm";

package/dist/src/layouts/SplitLayout/SplitLayout.d.ts

@@ -1,13 +1,15 @@
-import React from "react";
+import React, { PropsWithChildren } from "react";
 import { BoxProps } from "../../components/Box/Box";
 import { DefaultLayoutProps } from "../DefaultLayout";
-interface Props extends DefaultLayoutProps {
+export interface SplitLayoutProps extends DefaultLayoutProps {
     isLoading?: boolean;
     loader?: string | JSX.Element;
+}
+export declare const SplitLayout: React.FC<PropsWithChildren<SplitLayoutProps>>;
+export interface SplitProps {
     left: JSX.Element;
     right: JSX.Element;
     leftBoxProps?: BoxProps;
     rightBoxProps?: BoxProps;
 }
-export declare const SplitLayout: React.FC<Props>;
-export {};
+export declare const Split: ({ left, leftBoxProps, right, rightBoxProps, }: SplitProps) => JSX.Element;

package/package.json

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