quicksnack 3.60.0 → 3.62.0

package/dist/bundle.js

@@ -20,10 +20,10 @@ const UiStateProvider = ({ children }) => {
         } }, children));
 };
 
-var classes$H = {"wrapper":"UiWrapper-module_wrapper__kC0BB"};
+var classes$I = {"wrapper":"UiWrapper-module_wrapper__kC0BB"};
 
 const UiWrapper = ({ children, }) => (React.createElement(UiStateProvider, null,
-    React.createElement("div", { className: classes$H.wrapper }, children)));
+    React.createElement("div", { className: classes$I.wrapper }, children)));
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -39,7 +39,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __rest(s, e) {
@@ -59,7 +59,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var classes$G = {"slideInFromTop":"SlideInFromTop-module_slideInFromTop__We2Dd"};
+var classes$H = {"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$G.slideInFromTop, className), 
+    return (React.createElement("div", Object.assign({ className: clsx(classes$H.slideInFromTop, className), 
         // @ts-ignore
         style: speed ? { "--speed": speed } : undefined }, rest)));
 };
 
-var classes$F = {"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 = {"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$E = {"header":"Header-module_header__97lwI"};
+var classes$F = {"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$E.header) }, restProps)));
+    React.createElement(Component, Object.assign({ className: clsx(className, classes$F.header) }, restProps)));
 };
 
-var classes$D = {"paragraph":"Paragraph-module_paragraph__-EZeT"};
+var classes$E = {"paragraph":"Paragraph-module_paragraph__-EZeT"};
 
 const Paragraph = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("p", Object.assign({ className: clsx(classes$D.paragraph, className) }, props)));
+    return (React.createElement("p", Object.assign({ className: clsx(classes$E.paragraph, className) }, props)));
 };
 
 const responsiveClassnames = [
@@ -810,7 +810,7 @@ const isResponsiveObject = (obj) => {
     return false;
 };
 
-var classes$C = {"box":"Box-module_box__Wgbf3"};
+var classes$D = {"box":"Box-module_box__Wgbf3"};
 
 const Box = (_a) => {
     var { 
@@ -841,42 +841,44 @@ const Box = (_a) => {
         textAlign,
         justifyContent,
     });
-    return (React.createElement("div", Object.assign({ className: clsx(classes$C.box, className, classNames), style: variables }, rest), children));
+    return (React.createElement("div", Object.assign({ className: clsx(classes$D.box, className, classNames), style: variables }, rest), children));
 };
 
-const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$F.wrapper, classes$F[`variant-${variant}`]) },
-    React.createElement(Box, { p: 3 },
-        title && (React.createElement(Box, { pb: children ? 1 : 0 },
-            React.createElement(Header, { level: 4 }, title))),
-        children && React.createElement(Paragraph, null, children))));
+const Alert = ({ children, title, variant = "basic", actions, }) => (React.createElement("div", { className: clsx(classes$G.wrapper, classes$G[`variant-${variant}`]) },
+    React.createElement(Box, { p: 3, display: "flex" },
+        React.createElement(Box, { flexGrow: 1 },
+            title && (React.createElement(Box, { pb: children ? 1 : 0 },
+                React.createElement(Header, { level: 4 }, title))),
+            children && React.createElement(Paragraph, null, children)),
+        actions && (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, actions)))));
 
-var classes$B = {"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$C = {"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$B.svg, viewBox: "0 0 154 154" },
-    React.createElement("g", { className: classes$B.mask },
-        React.createElement("circle", { className: classes$B.circle, cx: "77", cy: "77", r: "72" }),
-        React.createElement("circle", { className: classes$B.circleColored, cx: "77", cy: "77", r: "72" }),
-        React.createElement("polyline", { className: classes$B.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
+const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$C.svg, viewBox: "0 0 154 154" },
+    React.createElement("g", { className: classes$C.mask },
+        React.createElement("circle", { className: classes$C.circle, cx: "77", cy: "77", r: "72" }),
+        React.createElement("circle", { className: classes$C.circleColored, cx: "77", cy: "77", r: "72" }),
+        React.createElement("polyline", { className: classes$C.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
 
-var classes$A = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
+var classes$B = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
 
-const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$A.breadcrumbs, props.className) }, props));
-const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$A.crumb, props.className) }, props));
+const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$B.breadcrumbs, props.className) }, props));
+const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$B.crumb, props.className) }, props));
 
-var classes$z = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
+var classes$A = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
 
-var classes$y = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","title":"Panel-module_title__181OP","hasChildren":"Panel-module_hasChildren__UZijE","hasOnClick":"Panel-module_hasOnClick__X5WSh","footer":"Panel-module_footer__t6-hz"};
+var classes$z = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","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, }) => (React.createElement("div", { className: clsx(className, classes$y.wrapper) },
-    title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$y.title, !!children && classes$y.hasChildren, !!onClickTitle && classes$y.hasOnClick) },
+const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, stageProps, footerProps, }) => (React.createElement("div", { className: clsx(className, classes$z.wrapper) },
+    title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$z.title, !!children && classes$z.hasChildren, !!onClickTitle && classes$z.hasOnClick) },
         React.createElement(Box, { flexGrow: 1 },
             React.createElement(Header, { level: titleLevel }, title)),
-        titleMeta && React.createElement(Box, { className: classes$y.meta }, titleMeta),
+        titleMeta && React.createElement(Box, { className: classes$z.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$y.footer, footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) }), footer))));
+    footer && (React.createElement(Box, Object.assign({ p: 3 }, footerProps, { className: clsx(classes$z.footer, footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) }), footer))));
 
-var classes$x = {"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$y = {"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.
@@ -903,18 +905,18 @@ const SlideOpen = ({ isOpen, children, duration, onChange, }) => {
             onChange === null || onChange === void 0 ? void 0 : onChange(true);
         }
     }, [isOpen, onChange]);
-    return (React.createElement("div", { className: classes$x.wrapper },
-        React.createElement("div", { className: clsx(classes$x.animation, isDelayedOpen && classes$x.isOpen), 
+    return (React.createElement("div", { className: classes$y.wrapper },
+        React.createElement("div", { className: clsx(classes$y.animation, isDelayedOpen && classes$y.isOpen), 
             // @ts-ignore
             style: duration ? { "--duration": `${duration}s` } : undefined, onTransitionEndCapture: handleTransitionEnd },
-            React.createElement("div", { className: isHidden ? classes$x.hidden : classes$x.shown }, children))));
+            React.createElement("div", { className: isHidden ? classes$y.hidden : classes$y.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$z.panel, !isOpen && classes$z.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$z.titleActionWrapper, !isOpen && classes$z.isClosed) }, titleAction) }),
+    return (React.createElement(Panel, Object.assign({ className: clsx(classes$A.panel, !isOpen && classes$A.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$A.titleActionWrapper, !isOpen && classes$A.isClosed) }, titleAction) }),
         React.createElement(SlideOpen, { isOpen: isOpen },
             React.createElement(Box, { p: 3 }, children))));
 };
@@ -937,31 +939,31 @@ const useConfirmModal = ({ onConfirm }) => {
     ];
 };
 
-var classes$w = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
+var classes$x = {"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$w.overlay) }, rest)));
+    return (React.createElement("div", Object.assign({ className: clsx(className, classes$x.overlay) }, rest)));
 };
 
-var classes$v = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
+var classes$w = {"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$v.wrapper },
+        React.createElement("div", { className: classes$w.wrapper },
             React.createElement(SlideInFromTop, null,
-                React.createElement(Panel, Object.assign({ className: classes$v.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$v.content }, children))))));
+                React.createElement(Panel, Object.assign({ className: classes$w.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$w.content }, children))))));
 };
 
-var classes$u = {"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$v = {"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$u.wrapper, actionButton && classes$u.actionButton, stretch && classes$u.stretch) },
-        React.createElement("button", Object.assign({ className: clsx(classes$u.button, classes$u[`variant-${variant}`], !!children && classes$u.hasChildren, icon && classes$u.icon, actionButton && classes$u.actionButton, stretch && classes$u.stretch, inline && classes$u.inline, interactiveDisabled && classes$u.interactiveDisabled, className), ref: ref }, props),
-            icon && (React.createElement("span", { className: clsx(classes$u.iconWrapper, classes$u[`variant-${variant}`], !!children && classes$u.hasChildren) }, icon)),
+    return (React.createElement("div", { className: clsx(classes$v.wrapper, actionButton && classes$v.actionButton, stretch && classes$v.stretch) },
+        React.createElement("button", Object.assign({ className: clsx(classes$v.button, classes$v[`variant-${variant}`], !!children && classes$v.hasChildren, icon && classes$v.icon, actionButton && classes$v.actionButton, stretch && classes$v.stretch, inline && classes$v.inline, interactiveDisabled && classes$v.interactiveDisabled, className), ref: ref }, props),
+            icon && (React.createElement("span", { className: clsx(classes$v.iconWrapper, classes$v[`variant-${variant}`], !!children && classes$v.hasChildren) }, icon)),
             children)));
 });
 
@@ -983,51 +985,51 @@ const ConfirmButton = (_a) => {
         React.createElement(ConfirmModal, Object.assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
 };
 
-var classes$t = {"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","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
+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","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
 
 const StyledTableRow = (_a) => {
     var { className, disableHover } = _a, rest = __rest(_a, ["className", "disableHover"]);
-    return (React.createElement("tr", Object.assign({ className: clsx(classes$t.tr, disableHover && classes$t.disableHover, className) }, rest)));
+    return (React.createElement("tr", Object.assign({ className: clsx(classes$u.tr, disableHover && classes$u.disableHover, className) }, rest)));
 };
 const StyledTableCell = (_a) => {
     var { className, variant = "basic", width } = _a, rest = __rest(_a, ["className", "variant", "width"]);
     const hasWidth = width !== null && width !== undefined;
-    return (React.createElement("td", Object.assign({ className: clsx(classes$t.td, classes$t[`variant-${variant}`], hasWidth && classes$t.width, className), 
+    return (React.createElement("td", Object.assign({ className: clsx(classes$u.td, classes$u[`variant-${variant}`], hasWidth && classes$u.width, className), 
         // @ts-ignore
         style: hasWidth ? { "--width": width } : undefined }, rest)));
 };
 const StyledTableHeadCell = (_a) => {
     var { sortable, sortDirection, width, className } = _a, rest = __rest(_a, ["sortable", "sortDirection", "width", "className"]);
     const hasWidth = width !== null && width !== undefined;
-    return (React.createElement("th", Object.assign({ className: clsx(classes$t.th, sortable && classes$t.sortable, sortDirection && classes$t[sortDirection], hasWidth && classes$t.width, className), 
+    return (React.createElement("th", Object.assign({ className: clsx(classes$u.th, sortable && classes$u.sortable, sortDirection && classes$u[sortDirection], hasWidth && classes$u.width, className), 
         // @ts-ignore
         style: hasWidth ? { "--width": width } : undefined }, rest)));
 };
 // 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$t.table, className) }, rest)));
+    return (React.createElement("table", Object.assign({ className: clsx(classes$u.table, className) }, rest)));
 };
 Table.Row = StyledTableRow;
 Table.HeadCell = StyledTableHeadCell;
 Table.Cell = StyledTableCell;
 
-var classes$s = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
+var classes$t = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
 
 const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
     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$s.cell, index === 0 && classes$s.isFirstRow) }, key),
-        React.createElement(Table.Cell, { className: clsx(classes$s.cell, index === 0 && classes$s.isFirstRow) }, val)))))));
+        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)))))));
 
-var classes$r = {"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$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"};
 
 const DropdownMenu = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("ul", Object.assign({ className: clsx(classes$r.dropdownMenu, className) }, rest)));
+    return (React.createElement("ul", Object.assign({ className: clsx(classes$s.dropdownMenu, className) }, rest)));
 };
 const DropdownMenuItem = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("li", Object.assign({ className: clsx(classes$r.dropdownMenuItem, className) }, rest)));
+    return (React.createElement("li", Object.assign({ className: clsx(classes$s.dropdownMenuItem, className) }, rest)));
 };
 const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
     const dropper = React.useRef(null);
@@ -1047,13 +1049,13 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
             document.removeEventListener("click", handleClose);
         };
     }, [isOpen, handleClose]);
-    return (React.createElement("div", { className: classes$r.wrapper },
+    return (React.createElement("div", { className: classes$s.wrapper },
         React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
         isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
-            React.createElement("span", { className: clsx(classes$r.dropper, align === "left" && classes$r.left, align === "right" && classes$r.right), ref: dropper }, children)))));
+            React.createElement("span", { className: clsx(classes$s.dropper, align === "left" && classes$s.left, align === "right" && classes$s.right), ref: dropper }, children)))));
 };
 
-var classes$q = {"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$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"};
 
 const Dropzone = React.forwardRef((_a, ref) => {
     var { className, placeholder, icon } = _a, props = __rest(_a, ["className", "placeholder", "icon"]);
@@ -1096,19 +1098,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$q.dropzone, !hasFiles && classes$q.centered, isReadyToDrop && classes$q.isReadyToDrop) },
-        React.createElement("input", Object.assign({ className: clsx(classes$q.input, isReadyToDrop ? classes$q.isReadyToDrop : classes$q.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$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)),
         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$q.deleteButton, "data-testid": "file-clear", onClick: handleRemove }),
-                React.createElement("ol", null, fileNames.map((fileName, i) => (React.createElement("li", { key: i, className: classes$q.fileName }, fileName)))))))));
+                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)))))))));
 });
 
-var classes$p = {"box":"Feedback-module_box__ESWf9"};
+var classes$q = {"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$p.box },
+    React.createElement(Box, { pt: 3, pb: 3, className: classes$q.box },
         React.createElement(Box, { pb: 5, textAlign: "center" },
             React.createElement(Header, null, title),
             subtitle && (React.createElement(Box, { pt: 5 },
@@ -1134,55 +1136,55 @@ 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$o = {"box":"Footer-module_box__KZvsx"};
+var classes$p = {"box":"Footer-module_box__KZvsx"};
 
-var classes$n = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
+var classes$o = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
 
 const SIDEBAR_COLLAPSED_WIDTH = 15;
 const SideBar = (props) => {
     const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
-    return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$n.wrapper, props.isMobileMenuOpen && classes$n.isMobileMenuOpen, isSideMenuOpen && classes$n.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
+    return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$o.wrapper, props.isMobileMenuOpen && classes$o.isMobileMenuOpen, isSideMenuOpen && classes$o.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
             // @ts-ignore
             "--minWidth": props.minWidth || 75,
             "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
         } })));
 };
 
-const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$o.box }, 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));
 
-var classes$m = {"box":"HorizontalScroller-module_box__W07vp"};
+var classes$n = {"box":"HorizontalScroller-module_box__W07vp"};
 
-const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$m.box }, children);
+const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$n.box }, children);
 
-var classes$l = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
+var classes$m = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
 
 const HamburgerButton = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Button, Object.assign({ className: clsx(classes$l.hamburgerButton, className) }, props)));
+    return (React.createElement(Button, Object.assign({ className: clsx(classes$m.hamburgerButton, className) }, props)));
 };
 
-var classes$k = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
+var classes$l = {"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$k.menu }, children));
+const Menu = ({ children }) => (React.createElement("ul", { className: classes$l.menu }, children));
 const MenuItem = ({ item, isOpen, isActive, children, }) => {
     const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
-    return (React.createElement("li", { className: clsx(classes$k.menuItem, isDelayedOpen && classes$k.isOpen, !!isActive && classes$k.isActive) },
+    return (React.createElement("li", { className: clsx(classes$l.menuItem, isDelayedOpen && classes$l.isOpen, !!isActive && classes$l.isActive) },
         item,
         children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
 };
 
-var classes$j = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
+var classes$k = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
 
 const MenuCloseButton = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Button, Object.assign({ className: clsx(classes$j.menuCloseButton, className) }, props)));
+    return (React.createElement(Button, Object.assign({ className: clsx(classes$k.menuCloseButton, className) }, props)));
 };
 
-var classes$i = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
+var classes$j = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
 
 const MenuSlideOpenIndicator = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$i.wrapper, className), 
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$j.wrapper, className), 
         // @ts-ignore
         style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
 };
@@ -1190,9 +1192,9 @@ const MenuSlideOpenIndicator = (_a) => {
 const VerticalRhythmLaptop = 7;
 const VerticalRhythmMobile = 4;
 
-var classes$h = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
+var classes$i = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
 
-const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$h.sideBarHeader },
+const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$i.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)));
@@ -1242,7 +1244,7 @@ const useResponsiveBreakpoints = () => {
     return responsiveMap;
 };
 
-var classes$g = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
+var classes$h = {"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 = [];
@@ -1258,27 +1260,27 @@ 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$g.wrapper },
-        React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$g.button, currentPage === 1 && classes$g.isDisabled) }, "\u27E8"),
-        clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes$g.button, currentPage === 1 && classes$g.isActive) }, "1")),
-        clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$g.button, classes$g.isDisabled) }, "...")),
-        range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$g.button, currentPage === pageNumber && classes$g.isActive) }, pageNumber))),
-        clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$g.button, classes$g.isDisabled) }, "...")),
-        clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes$g.button, currentPage === pageCount && classes$g.isActive) }, pageCount)),
-        React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$g.button, currentPage === pageCount && classes$g.isDisabled) }, "\u27E9")));
+    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", 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}`, 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")));
 };
 
 const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
 
-var classes$f = {"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$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"};
 
-const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$f.wrapper, classes$f[backgroundColor]) },
-    React.createElement("div", { className: classes$f.iconWrapper }, icon),
+const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$g.wrapper, classes$g[backgroundColor]) },
+    React.createElement("div", { className: classes$g.iconWrapper }, icon),
     React.createElement(Box, { flexGrow: 1, textAlign: "right" },
-        React.createElement("div", { className: classes$f.label }, label),
-        React.createElement("div", { className: clsx(classes$f.value, smallerValue && classes$f.smaller) }, value))));
+        React.createElement("div", { className: classes$g.label }, label),
+        React.createElement("div", { className: clsx(classes$g.value, smallerValue && classes$g.smaller) }, value))));
 
-var classes$e = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
+var classes$f = {"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"]);
@@ -1287,39 +1289,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$e.tab, isActive && classes$e.isActive, variant && classes$e[variant]) }, restProps, { onClick: handleClick })));
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$f.tab, isActive && classes$f.isActive, variant && classes$f[variant]) }, restProps, { onClick: handleClick })));
 };
 
-var classes$d = {"tabContent":"TabContent-module_tabContent__hMTiE"};
+var classes$e = {"tabContent":"TabContent-module_tabContent__hMTiE"};
 
 const TabContent = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(Box, Object.assign({ className: clsx(classes$d.tabContent, className), p: 3 }, rest)));
+    return (React.createElement(Box, Object.assign({ className: clsx(classes$e.tabContent, className), p: 3 }, rest)));
 };
 
-var classes$c = {"tabs":"Tabs-module_tabs__QzIkz"};
+var classes$d = {"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$c.tabs) }, rest)));
+    return (React.createElement(Box, Object.assign({ className: clsx(className, classes$d.tabs) }, rest)));
 };
 
-var classes$b = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
+var classes$c = {"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$b.wrapper },
-    React.createElement(Box, { className: classes$b.line },
-        React.createElement("div", { className: classes$b.circle, style: { "--background-color": color } }, icon)),
+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)),
     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$b.wrapper },
-    React.createElement(Box, { className: clsx(classes$b.line, "line") },
-        React.createElement("div", { className: classes$b.circle, style: { "--background-color": color } }, icon)),
+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)),
     React.createElement(Box, { pb: 4, flexGrow: 1 },
-        React.createElement(Panel, { className: classes$b.flatPanel, titleMeta: titleMeta, title: title }))));
+        React.createElement(Panel, { className: classes$c.flatPanel, titleMeta: titleMeta, title: title }))));
 
-var classes$a = {"wrapper":"TopBar-module_wrapper__DVlec"};
+var classes$b = {"wrapper":"TopBar-module_wrapper__DVlec"};
 
-const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes$a.wrapper },
+const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes$b.wrapper },
     React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
             mobile: 5,
             laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
@@ -1327,6 +1329,11 @@ 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","thumb":"Toggle-module_thumb__nibyJ"};
+
+const Toggle = ({ isChecked, onChange }) => (React.createElement("div", { onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(!isChecked), className: clsx(classes$a.toggle, isChecked && classes$a.checked) },
+    React.createElement("div", { className: classes$a.thumb })));
+
 var classes$9 = {"label":"Checkbox-module_label__uYQc9","input":"Checkbox-module_input__a4Cy-","dimmed":"Checkbox-module_dimmed__wAzQa"};
 
 const Checkbox = React.forwardRef((_a, ref) => {
@@ -3452,6 +3459,7 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.TextField = TextField;
 exports.Timeline = Timeline;
+exports.Toggle = Toggle;
 exports.TopBar = TopBar;
 exports.UiWrapper = UiWrapper;
 exports.VerticalRhythmLaptop = VerticalRhythmLaptop;

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","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","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: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: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: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: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: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: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,flexGrow:h,flexWrap:g,rowGap:k,columnGap:y,flexShrink:w,flexDirection:E,alignItems:N,textAlign:C,justifyContent:j}=t,S=n(t,["className","children","p","pt","pr","pb","pl","m","mt","mr","mb","ml","width","display","flexGrow","flexWrap","rowGap","columnGap","flexShrink","flexDirection","alignItems","textAlign","justifyContent"]);const{classNames:G,variables:F}=x({p:r,pt:o,pr:s,pb:p,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexGrow:h,flexShrink:w,flexDirection:E,flexWrap:g,rowGap:k,columnGap:y,alignItems:N,textAlign:C,justifyContent:j});return e.createElement("div",Object.assign({className:i(O,a,G),style:F},S),l)};var S="AnimatedCheckmark-module_svg__VAFDr",G="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:S,viewBox:"0 0 154 154"},e.createElement("g",{className:G},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 M="BreadCrumbs-module_breadcrumbs__-UMJj",D="BreadCrumbs-module_crumb__SSW-t";var W="CollapsiblePanel-module_panel__DrLNG",T="CollapsiblePanel-module_isClosed__2qVew",I="CollapsiblePanel-module_titleActionWrapper__SBw5b",R="Panel-module_wrapper__vFRhJ",L="Panel-module_meta__Gj-8n",z="Panel-module_title__181OP",$="Panel-module_hasChildren__UZijE",H="Panel-module_hasOnClick__X5WSh",V="Panel-module_footer__t6-hz";const q=({children:t,className:a,title:l,titleAction:r,titleMeta:o,onClickTitle:n,footer:s,p:p=3,titleLevel:c=5,stageProps:m,footerProps:d})=>e.createElement("div",{className:i(a,R)},l&&e.createElement(j,{p:3,display:"flex",alignItems:"center",onClick:n,className:i(z,!!t&&$,!!n&&H)},e.createElement(j,{flexGrow:1},e.createElement(b,{level:c},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(V,null==d?void 0:d.className)}),s));var U="SlideOpen-module_wrapper__ur3Rv",X="SlideOpen-module_hidden__iibf8",J="SlideOpen-module_shown__nGWNX",Y="SlideOpen-module_animation__YSEpu",Z="SlideOpen-module_isOpen__O67Yi";const Q=({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:U},e.createElement("div",{className:i(Y,o&&Z),style:l?{"--duration":`${l}s`}:void 0,onTransitionEndCapture:p},e.createElement("div",{className:n?X:J},a)))},K=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(q,Object.assign({className:i(W,!s&&T)},o,{onClickTitle:c,p:0,titleAction:e.createElement("div",{className:i(I,!s&&T)},r)}),e.createElement(Q,{isOpen:s},e.createElement(j,{p:3},l)))};var ee="Overlay-module_overlay__EkbfA";const te=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("div",Object.assign({className:i(a,ee)},l))};var ae="Modal-module_wrapper__34Hds",le="Modal-module_content__dWO-B",re="Modal-module_panel__lp9I7";const oe=t=>{var{children:a,handleClickOverlay:l,buttons:r}=t,o=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(te,{onClick:l}),e.createElement("div",{className:ae},e.createElement(c,null,e.createElement(q,Object.assign({className:re,footer:r?e.createElement(j,{display:"flex",justifyContent:"flex-end"},r):void 0},o),a&&e.createElement("div",{className:le},a)))))};var ne={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 se=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(ne.wrapper,s&&ne.actionButton,p&&ne.stretch)},e.createElement("button",Object.assign({className:i(ne.button,ne[`variant-${o}`],!!l&&ne.hasChildren,r&&ne.icon,s&&ne.actionButton,p&&ne.stretch,c&&ne.inline,m&&ne.interactiveDisabled,d),ref:a},u),r&&e.createElement("span",{className:i(ne.iconWrapper,ne[`variant-${o}`],!!l&&ne.hasChildren)},r),l))})),pe=({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(oe,{title:t,handleClickOverlay:i,buttons:e.createElement(e.Fragment,null,e.createElement(se,{"data-testid":"btn-cancel",onClick:i,variant:"basic",icon:s},l),e.createElement(se,{"data-testid":"btn-confirm",onClick:c,variant:o,icon:n},r))},a):null,ie=()=>{};var ce={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",sortable:"Table-module_sortable__W4c6P",asc:"Table-module_asc__-caTr",desc:"Table-module_desc__jQI8s"};const me=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("table",Object.assign({className:i(ce.table,a)},l))};me.Row=t=>{var{className:a,disableHover:l}=t,r=n(t,["className","disableHover"]);return e.createElement("tr",Object.assign({className:i(ce.tr,l&&ce.disableHover,a)},r))},me.HeadCell=t=>{var{sortable:a,sortDirection:l,width:r,className:o}=t,s=n(t,["sortable","sortDirection","width","className"]);const p=null!=r;return e.createElement("th",Object.assign({className:i(ce.th,a&&ce.sortable,l&&ce[l],p&&ce.width,o),style:p?{"--width":r}:void 0},s))},me.Cell=t=>{var{className:a,variant:l="basic",width:r}=t,o=n(t,["className","variant","width"]);const s=null!=r;return e.createElement("td",Object.assign({className:i(ce.td,ce[`variant-${l}`],s&&ce.width,a),style:s?{"--width":r}:void 0},o))};var de={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};var ue="Dropdown-module_wrapper__79ooc",be="Dropdown-module_dropper__uVdEf",_e="Dropdown-module_left__JYKmP",fe="Dropdown-module_right__UefzB",ve="Dropdown-module_dropdownMenu__5R4vo",he="Dropdown-module_dropdownMenuItem__dj4Gp";var ge="Dropzone-module_dropzone__WvixK",ke="Dropzone-module_centered__00ZHP",xe="Dropzone-module_isReadyToDrop__NX-Ix",ye="Dropzone-module_input__AEKgL",we="Dropzone-module_idle__HViGO",Ee="Dropzone-module_deleteButton__6zeTi",Ne="Dropzone-module_fileName__XqXj8";const Ce=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(ge,!f&&ke,d&&xe)},e.createElement("input",Object.assign({className:i(ye,d?xe:we),"data-testid":"dropzone-file-input",type:"file",ref:w,multiple:!0},s)),e.createElement(j,null,!f&&e.createElement(se,{variant:"text",color:"secondary",type:"button",icon:o},r),f&&e.createElement(e.Fragment,null,e.createElement("button",{className:Ee,"data-testid":"file-clear",onClick:y}),e.createElement("ol",null,b.map(((t,a)=>e.createElement("li",{key:a,className:Ne},t)))))))}));var Oe="Feedback-module_box__ESWf9";const je={laptop:1},Se={mobile:1,laptop:0},Ge={laptop:1},Fe=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?Ge:void 0,width:o,pt:Se,pb:Se,pl:je,pr:je},r))},Ae={laptop:-1},Pe={mobile:-1,laptop:0},Be={mobile:"block",laptop:"flex"};var Me="Footer-module_box__KZvsx",De="SideBar-module_wrapper__8tZbH",We="SideBar-module_isMobileMenuOpen__1yI4z",Te="SideBar-module_isDesktopMenuOpen__S25Jl";const Ie=t=>{const{closeSideMenu:a,openSideMenu:r,isSideMenuOpen:o}=l();return e.createElement(j,Object.assign({className:i("sidebar",De,t.isMobileMenuOpen&&We,o&&Te)},t,{onMouseEnter:r,onMouseLeave:a,style:{"--minWidth":t.minWidth||75,"--collapsed-width":15}}))},Re=({children:t})=>e.createElement(j,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:Me},t);var Le="HorizontalScroller-module_box__W07vp";var ze="HamburgerButton-module_hamburgerButton__uFuws";var $e="Menu-module_menu__uj3BS",He="Menu-module_menuItem__96xoX",Ve="Menu-module_isActive__idoz4",qe="Menu-module_isOpen__p1ar3";var Ue="MenuCloseButton-module_menuCloseButton__c2jye";var Xe="MenuSlideOpenIndicator-module_wrapper__Q6Ykj";var Je="SideBarHeader-module_sideBarHeader__7zbYN";const Ye=()=>{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 Ze="Paginator-module_wrapper__IPIcn",Qe="Paginator-module_button__lkNBq",Ke="Paginator-module_isActive__Qk3mv",et="Paginator-module_isDisabled__uHGss";var tt={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 at={tab:"Tab-module_tab__Iwytl",isActive:"Tab-module_isActive__DXImz",hint:"Tab-module_hint__ynkFR",error:"Tab-module_error__OF1Ji"};var lt="TabContent-module_tabContent__hMTiE";var rt="Tabs-module_tabs__QzIkz";var ot="Timeline-module_flatPanel__TzdFU",nt="Timeline-module_wrapper__sWd71",st="Timeline-module_line__CwY-N",pt="Timeline-module_circle__7kyfg";var it="TopBar-module_wrapper__DVlec";const ct=({left:t,right:a})=>e.createElement(j,{className:it},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 mt="Checkbox-module_label__uYQc9",dt="Checkbox-module_input__a4Cy-",ut="Checkbox-module_dimmed__wAzQa";const bt=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:mt,key:t},e.createElement("input",Object.assign({className:i(p,dt),type:"checkbox",value:t,name:o,ref:a},m)),e.createElement("span",{className:i(s&&ut)},l))))));return"horizontal"===c?e.createElement(j,{display:"flex",columnGap:4},u):u}));var _t="TextField-module_input__73ULM",ft="TextField-module_textarea__DzXRI";const vt=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,_t,r),ref:a},o)):e.createElement("input",Object.assign({className:i(_t,r),ref:a,type:"text"},o))}));var ht="FileField-module_wrapper__Av1Bz",gt="FileField-module_hiddenInput__42z5Q",kt="FileField-module_button__13cFn",xt="FileField-module_textField__-9ZPk",yt="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:ht},e.createElement("input",Object.assign({className:gt,type:"file",ref:v},c)),e.createElement(se,{className:kt,variant:"basic"},u?s:o),e.createElement(vt,{placeholder:r,className:i(xt,l),disabled:!0,value:u}),!!u&&p&&e.createElement("button",{className:yt,"data-testid":"file-clear",onClick:f}))}));var Et="Select-module_wrapper__vBUHm",Nt="Select-module_select__tfPHD",Ct="Select-module_paddingOverlay__Y6O4-";const Ot=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:Et},e.createElement("select",Object.assign({className:i(Nt,r),ref:a},o),s.map((([t,a])=>e.createElement("option",{key:t,value:t},a)))),e.createElement("div",{className:Ct},"▾"))}));var jt="PasswordStrengthField-module_progress__KIvlC",St="PasswordStrengthField-module_progressBar__Wz5Rz",Gt="PasswordStrengthField-module_bad__n300O",Ft="PasswordStrengthField-module_ok__LMIms",At="PasswordStrengthField-module_good__MhPYT";const Pt=e=>e.length>=8,Bt=e=>/\d/.test(e),Mt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),Dt=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Wt=[Pt,Bt,Mt,Dt],Tt=Wt.length+1,It=e=>Wt.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),Rt=e.forwardRef(((t,a)=>{const[l,r]=e.useState(0),o=e.useCallback((e=>{const t=e.target;r(t.value?It(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(vt,Object.assign({},t,{type:"password",ref:n})),e.createElement("div",{className:jt},e.createElement("div",{className:i(St,l<=2?Gt:l<=3?Ft:At),style:{"--width":l/Tt*100+"%"}})))}));var Lt="FormGridWrapper-module_label__3OAEA",zt="FormGridWrapper-module_error__80-SA",$t="FormGridWrapper-module_hint__lj9vT",Ht="FormGridWrapper-module_requiredAsterisk__-4sG4",Vt="FormGridCell-module_formGridCell__Y3e5s",qt="FormGridCell-module_rowOffset__xvXeK",Ut="FormGridCell-module_mobile--position__1AeHR",Xt="FormGridCell-module_tablet--position__Xxybj",Jt="FormGridCell-module_laptop--position__gMNqe",Yt="FormGridCell-module_desktop--position__UDC4a";const Zt=({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(Vt,l&&qt,t.mobile&&Ut,t.tablet&&Xt,t.laptop&&Jt,t.desktop&&Yt,n,o),style:Object.assign(Object.assign({},s),p)},r)},Qt=({position:t,align:a,label:l,hint:r,error:o,isRequired:n,children:s})=>e.createElement(e.Fragment,null,e.createElement(Zt,{position:t,align:a,className:"form-grid-cell__label-hint"},l&&e.createElement("label",{className:i(Lt,!!o&&zt)},l,n&&e.createElement("span",{className:Ht})),r&&e.createElement("div",{className:i($t,!!o&&zt)},r)),e.createElement(Zt,{position:t,align:a,rowOffset:1,className:i({"form-grid-cell__field-error":!0,"has-error":!!o})},s,o&&e.createElement("div",{className:zt},o)));var Kt="FormGrid-module_formGrid__2OSmK";const ea=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(Kt,l,o),style:Object.assign(Object.assign({},s),{"--numRowsPerField":2})},r))};var ta="BasicLayout-module_wrapper__fi1G3",aa="BasicLayout-module_wrapperInner__SqthQ",la="BasicLayout-module_sidebarWrapper__2x7ZG",ra="BasicLayout-module_contentBox__8uu8L";var oa="FloatingPanelLayout-module_wrapper__XlZwj",na="FloatingPanelLayout-module_background__vI4Uc",sa="FloatingPanelLayout-module_animation__031Vf",pa="FloatingPanelLayout-module_panel__Dmfof",ia="FloatingPanelLayout-module_logo__-5gan";var ca="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ma(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var da=1/0,ua=9007199254740991,ba=17976931348623157e292,_a=NaN,fa="[object Function]",va="[object GeneratorFunction]",ha="[object Symbol]",ga=/^\s+|\s+$/g,ka=/^[-+]0x[0-9a-f]+$/i,xa=/^0b[01]+$/i,ya=/^0o[0-7]+$/i,wa=/^(?:0|[1-9]\d*)$/,Ea=parseInt,Na=Object.prototype.toString,Ca=Math.ceil,Oa=Math.max;function ja(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 Sa(e,t,a){if(!Ga(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<=ua}(e.length)&&!function(e){var t=Ga(e)?Na.call(e):"";return t==fa||t==va}(e)}(a)&&function(e,t){return!!(t=null==t?ua:t)&&("number"==typeof e||wa.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 Ga(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Fa=ma((function(e,t,a){t=(a?Sa(e,t,a):void 0===t)?1:Oa(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)&&Na.call(e)==ha}(e))return _a;if(Ga(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Ga(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(ga,"");var a=xa.test(e);return a||ya.test(e)?Ea(e.slice(2),a?2:8):ka.test(e)?_a:+e}(e),e===da||e===-da){return(e<0?-1:1)*ba}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(Ca(l/t));r<l;)n[o++]=ja(e,r,r+=t);return n}));class Aa{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 Aa(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 Pa="__lodash_hash_undefined__",Ba=9007199254740991,Ma="[object Arguments]",Da="[object Function]",Wa="[object GeneratorFunction]",Ta=/^\[object .+?Constructor\]$/,Ia="object"==typeof ca&&ca&&ca.Object===Object&&ca,Ra="object"==typeof self&&self&&self.Object===Object&&self,La=Ia||Ra||Function("return this")();function za(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,Va,a);var l=a-1,r=e.length;for(;++l<r;)if(e[l]===t)return l;return-1}(e,t,0)>-1}function $a(e,t,a){for(var l=-1,r=e?e.length:0;++l<r;)if(a(t,e[l]))return!0;return!1}function Ha(e,t){for(var a=-1,l=t.length,r=e.length;++a<l;)e[r+a]=t[a];return e}function Va(e){return e!=e}function qa(e,t){return e.has(t)}var Ua,Xa=Array.prototype,Ja=Function.prototype,Ya=Object.prototype,Za=La["__core-js_shared__"],Qa=(Ua=/[^.]+$/.exec(Za&&Za.keys&&Za.keys.IE_PROTO||""))?"Symbol(src)_1."+Ua:"",Ka=Ja.toString,el=Ya.hasOwnProperty,tl=Ya.toString,al=RegExp("^"+Ka.call(el).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ll=La.Symbol,rl=Ya.propertyIsEnumerable,ol=Xa.splice,nl=ll?ll.isConcatSpreadable:void 0,sl=Math.max,pl=gl(La,"Map"),il=gl(Object,"create");function cl(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 ml(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 dl(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 ul(e){var t=-1,a=e?e.length:0;for(this.__data__=new dl;++t<a;)this.add(e[t])}function bl(e,t){for(var a,l,r=e.length;r--;)if((a=e[r][0])===(l=t)||a!=a&&l!=l)return r;return-1}function _l(e,t,a,l){var r,o=-1,n=za,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=$a,s=!1):t.length>=200&&(n=qa,s=!1,t=new ul(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 fl(e,t,a,l,r){var o=-1,n=e.length;for(a||(a=kl),r||(r=[]);++o<n;){var s=e[o];t>0&&a(s)?t>1?fl(s,t-1,a,l,r):Ha(r,s):l||(r[r.length]=s)}return r}function vl(e){if(!jl(e)||(t=e,Qa&&Qa in t))return!1;var t,a=Ol(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?al:Ta;return a.test(function(e){if(null!=e){try{return Ka.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function hl(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 vl(a)?a:void 0}function kl(e){return El(e)||function(e){return Cl(e)&&el.call(e,"callee")&&(!rl.call(e,"callee")||tl.call(e)==Ma)}(e)||!!(nl&&e&&e[nl])}cl.prototype.clear=function(){this.__data__=il?il(null):{}},cl.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},cl.prototype.get=function(e){var t=this.__data__;if(il){var a=t[e];return a===Pa?void 0:a}return el.call(t,e)?t[e]:void 0},cl.prototype.has=function(e){var t=this.__data__;return il?void 0!==t[e]:el.call(t,e)},cl.prototype.set=function(e,t){return this.__data__[e]=il&&void 0===t?Pa:t,this},ml.prototype.clear=function(){this.__data__=[]},ml.prototype.delete=function(e){var t=this.__data__,a=bl(t,e);return!(a<0)&&(a==t.length-1?t.pop():ol.call(t,a,1),!0)},ml.prototype.get=function(e){var t=this.__data__,a=bl(t,e);return a<0?void 0:t[a][1]},ml.prototype.has=function(e){return bl(this.__data__,e)>-1},ml.prototype.set=function(e,t){var a=this.__data__,l=bl(a,e);return l<0?a.push([e,t]):a[l][1]=t,this},dl.prototype.clear=function(){this.__data__={hash:new cl,map:new(pl||ml),string:new cl}},dl.prototype.delete=function(e){return hl(this,e).delete(e)},dl.prototype.get=function(e){return hl(this,e).get(e)},dl.prototype.has=function(e){return hl(this,e).has(e)},dl.prototype.set=function(e,t){return hl(this,e).set(e,t),this},ul.prototype.add=ul.prototype.push=function(e){return this.__data__.set(e,Pa),this},ul.prototype.has=function(e){return this.__data__.has(e)};var xl,yl,wl=(xl=function(e,t){return Cl(e)?_l(e,fl(t,1,Cl,!0)):[]},yl=sl(void 0===yl?xl.length-1:yl,0),function(){for(var e=arguments,t=-1,a=sl(e.length-yl,0),l=Array(a);++t<a;)l[t]=e[yl+t];t=-1;for(var r=Array(yl+1);++t<yl;)r[t]=e[t];return r[yl]=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)}(xl,this,r)});var El=Array.isArray;function Nl(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ba}(e.length)&&!Ol(e)}function Cl(e){return function(e){return!!e&&"object"==typeof e}(e)&&Nl(e)}function Ol(e){var t=jl(e)?tl.call(e):"";return t==Da||t==Wa}function jl(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Sl=ma(wl);const Gl=(e,t)=>{const a=[...Array(e)].map((e=>"1fr"));return t&&a.push("auto"),a.join(" ")};class Fl{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,a){"object"==typeof this.columns&&(this.columns[e]=t);const l=new Aa(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 ${Sl(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])=>{let o=r.props.position?Al(r.props.position):{};C(o)||(o={mobile:o});const{topLeft:n,bottomRight:s}=l.getCoordinatesForValue(a);return o[e]={column:n.x,columnSpan:s.x-n.x+1,row:n.y,rowSpan:s.y-n.y+1},Object.assign(Object.assign({},t),{[a]:Object.assign(Object.assign({},r),{props:Object.assign(Object.assign({},r.props),{position:o})})})}),{});return new Fl(r,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:Gl(t,!1),Fa(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:Gl(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const Al=e=>JSON.parse(JSON.stringify(e)),Pl=e.createContext({factory:void 0}),Bl=e.forwardRef(((t,a)=>{var{name:l,field:r}=t,o=n(t,["name","field"]);const{factory:s}=e.useContext(Pl),p=r.props,{position:c,align:m,label:d,hint:u,error:b,isRequired:_}=p,f=n(p,["position","align","label","hint","error","isRequired"]),v=(null==s?void 0:s(r))||(e=>{switch(e.type){case"Button":return se;case"Checkbox":return bt;case"Select":return Ot;case"FileField":return wt;case"DropZone":return Ce;case"PasswordStrengthField":return Rt;default:return vt}})(r);return(e=>"TextField"===e.type)(r)&&!r.props.multiline&&"hidden"===r.props.type?e.createElement(v,Object.assign({ref:a,name:l},o,r.props)):e.createElement(Qt,{position:c,align:m,label:d,hint:u,error:b,isRequired:_},e.createElement(v,Object.assign({ref:a,name:l,placeholder:r.props.placeholder||d,className:i(!!b&&"error",r.props.className)},o,f)))})),Ml=e.forwardRef(((t,a)=>{var{children:l,columns:r,fields:o,prefixFieldNames:s}=t,p=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(ea,{columns:r},Object.entries(o).map((([t,l])=>e.createElement(Bl,Object.assign({name:`${null!=s?s:""}${t}`,key:t,field:l,ref:a},p)))),l)}));exports.Alert=({children:t,title:a,variant:l="basic"})=>e.createElement("div",{className:i(m.wrapper,m[`variant-${l}`])},e.createElement(j,{p:3},a&&e.createElement(j,{pb:t?1:0},e.createElement(b,{level:4},a)),t&&e.createElement(f,null,t))),exports.AnimatedCheckmark=B,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:l,isLoading:r,loader:o,children:n})=>e.createElement(j,{className:ta,flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(j,{className:aa,flexGrow:1,flexShrink:0},t&&e.createElement(j,{className:la},e.createElement(Ie,Object.assign({},t))),e.createElement(j,{className:ra,display:"flex",flexDirection:"column"},e.createElement(ct,Object.assign({},a)),e.createElement(j,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},r&&o?o:n),e.createElement(Re,Object.assign({},l))))),exports.Box=j,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:i(M,t.className)},t)),exports.BreakPointValues=k,exports.Button=se,exports.Checkbox=bt,exports.CollapsiblePanel=K,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:ie});return e.createElement(e.Fragment,null,e.createElement(se,Object.assign({},r,{onClick:s})),e.createElement(pe,Object.assign({title:"Are you sure?"},l,o)))},exports.ConfirmModal=pe,exports.Crumb=t=>e.createElement("li",Object.assign({className:i(D,t.className)},t)),exports.Details=({details:t,firstColumnWidth:a})=>e.createElement(me,null,e.createElement("tbody",null,Object.entries(t).map((([t,l],r)=>e.createElement(me.Row,{key:t,disableHover:!0},e.createElement(me.Cell,{style:{width:a},className:i(de.cell,0===r&&de.isFirstRow)},t),e.createElement(me.Cell,{className:i(de.cell,0===r&&de.isFirstRow)},l)))))),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:ue},e.createElement(se,Object.assign({},t,{onClick:p})),n&&e.createElement(c,{speed:".1s"},e.createElement("span",{className:i(be,"left"===a&&_e,"right"===a&&fe),ref:o},l)))},exports.DropdownMenu=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("ul",Object.assign({className:i(ve,a)},l))},exports.DropdownMenuItem=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("li",Object.assign({className:i(he,a)},l))},exports.Dropzone=Ce,exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:l,title:r,subtitle:o})=>e.createElement(oe,{handleClickOverlay:t,buttons:e.createElement(se,{"data-testid":"confirm",stretch:!0,icon:l,variant:"secondary",onClick:t},a)},e.createElement(j,{pt:3,pb:3,className:Oe},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:Pe,mt:Pe,ml:Ae,mr:Ae,display:Be,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(Fe,{key:o,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Fe,{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:oa,style:o&&{"--base-color":o},display:"flex",alignItems:"center",baseColor:o},e.createElement("div",{className:na,style:{opacity:n||1,backgroundImage:`url(${a})`}}),r&&e.createElement("img",{src:r,alt:"Logo",className:ia}),e.createElement(c,{className:sa},l&&e.createElement(j,{pb:7},l),e.createElement(q,Object.assign({},t,{className:i(pa,t.className)})))),exports.Footer=Re,exports.FormGrid=ea,exports.FormGridWrapper=Qt,exports.FormPositioner=Fl,exports.HamburgerButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(se,Object.assign({className:i(ze,a)},l))},exports.Header=b,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:Le},t),exports.Menu=({children:t})=>e.createElement("ul",{className:$e},t),exports.MenuCloseButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(se,Object.assign({className:i(Ue,a)},l))},exports.MenuItem=({item:t,isOpen:a,isActive:l,children:r})=>{const[o,n]=e.useState(!!a);return e.createElement("li",{className:i(He,o&&qe,!!l&&Ve)},t,r&&e.createElement(Q,{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(Xe,a),style:{"--collapsed-width":15}},l))},exports.Modal=oe,exports.Overlay=te,exports.Paginator=t=>{const{isTablet:a}=Ye(),{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:Ze},e.createElement("button",{"data-testid":"paginate-prev",disabled:1===o,onClick:()=>r(o-1),className:i(Qe,1===o&&et)},"⟨"),s>1&&e.createElement("button",{"data-testid":"paginate-page-1",onClick:()=>r(1),className:i(Qe,1===o&&Ke)},"1"),s>2&&e.createElement("button",{disabled:!0,className:i(Qe,et)},"..."),((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(Qe,o===t&&Ke)},t))),p<l-1&&e.createElement("button",{disabled:!0,className:i(Qe,et)},"..."),p<l&&e.createElement("button",{"data-testid":`paginate-page-${l}`,onClick:()=>r(l),className:i(Qe,o===l&&Ke)},l),e.createElement("button",{"data-testid":"paginate-next",disabled:o===l,onClick:()=>r(o+1),className:i(Qe,o===l&&et)},"⟩"))},exports.Panel=q,exports.Paragraph=f,exports.PasswordStrengthField=Rt,exports.ScaffoldField=Bl,exports.ScaffoldForm=Ml,exports.ScaffoldFormContext=Pl,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(Pl.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(j,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=Ot,exports.SideBarHeader=({children:t,right:a})=>e.createElement(j,{mb:7,className:Je},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:nt},e.createElement(j,{className:i(st,"line")},e.createElement("div",{className:pt,style:{"--background-color":t}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(q,{className:ot,titleMeta:r,title:l}))),exports.SlideInFromTop=c,exports.Statistic=({icon:t,value:a,label:l,backgroundColor:r,smallerValue:o})=>e.createElement("div",{className:i(tt.wrapper,tt[r])},e.createElement("div",{className:tt.iconWrapper},t),e.createElement(j,{flexGrow:1,textAlign:"right"},e.createElement("div",{className:tt.label},l),e.createElement("div",{className:i(tt.value,o&&tt.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(at.tab,l&&at.isActive,o&&at[o])},s,{onClick:p}))},exports.TabContent=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(lt,a),p:3},l))},exports.Table=me,exports.Tabs=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(a,rt)},l))},exports.TextField=vt,exports.Timeline=({title:t,icon:a,color:l,isInitiallyOpen:r,titleMeta:o,chevron:n,children:s})=>e.createElement(j,{className:nt},e.createElement(j,{className:st},e.createElement("div",{className:pt,style:{"--background-color":l}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(K,{isInitiallyOpen:r,titleMeta:o,title:t,titleAction:n},s))),exports.TopBar=ct,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=It,exports.getResponsiveProps=x,exports.isResponsiveObject=C,exports.passwordHasLowerAndUppercase=Mt,exports.passwordHasNumbers=Bt,exports.passwordHasSpecialChars=Dt,exports.passwordMinLength=Pt,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=l();e.useEffect((()=>{a()}),[t,a])},exports.useResponsiveBreakpoints=Ye,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","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","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: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: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: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: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: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: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,flexGrow:h,flexWrap:g,rowGap:k,columnGap:y,flexShrink:w,flexDirection:E,alignItems:N,textAlign:C,justifyContent:j}=t,G=n(t,["className","children","p","pt","pr","pb","pl","m","mt","mr","mb","ml","width","display","flexGrow","flexWrap","rowGap","columnGap","flexShrink","flexDirection","alignItems","textAlign","justifyContent"]);const{classNames:S,variables:F}=x({p:r,pt:o,pr:s,pb:p,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexGrow:h,flexShrink:w,flexDirection:E,flexWrap:g,rowGap:k,columnGap:y,alignItems:N,textAlign:C,justifyContent:j});return e.createElement("div",Object.assign({className:i(O,a,S),style:F},G),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 M="BreadCrumbs-module_breadcrumbs__-UMJj",D="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_title__181OP",$="Panel-module_hasChildren__UZijE",H="Panel-module_hasOnClick__X5WSh",V="Panel-module_footer__t6-hz";const q=({children:t,className:a,title:l,titleAction:r,titleMeta:o,onClickTitle:n,footer:s,p:p=3,titleLevel:c=5,stageProps:m,footerProps:d})=>e.createElement("div",{className:i(a,R)},l&&e.createElement(j,{p:3,display:"flex",alignItems:"center",onClick:n,className:i(z,!!t&&$,!!n&&H)},e.createElement(j,{flexGrow:1},e.createElement(b,{level:c},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(V,null==d?void 0:d.className)}),s));var J="SlideOpen-module_wrapper__ur3Rv",U="SlideOpen-module_hidden__iibf8",X="SlideOpen-module_shown__nGWNX",Y="SlideOpen-module_animation__YSEpu",Z="SlideOpen-module_isOpen__O67Yi";const Q=({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:J},e.createElement("div",{className:i(Y,o&&Z),style:l?{"--duration":`${l}s`}:void 0,onTransitionEndCapture:p},e.createElement("div",{className:n?U:X},a)))},K=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(q,Object.assign({className:i(T,!s&&W)},o,{onClickTitle:c,p:0,titleAction:e.createElement("div",{className:i(I,!s&&W)},r)}),e.createElement(Q,{isOpen:s},e.createElement(j,{p:3},l)))};var ee="Overlay-module_overlay__EkbfA";const te=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("div",Object.assign({className:i(a,ee)},l))};var ae="Modal-module_wrapper__34Hds",le="Modal-module_content__dWO-B",re="Modal-module_panel__lp9I7";const oe=t=>{var{children:a,handleClickOverlay:l,buttons:r}=t,o=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(te,{onClick:l}),e.createElement("div",{className:ae},e.createElement(c,null,e.createElement(q,Object.assign({className:re,footer:r?e.createElement(j,{display:"flex",justifyContent:"flex-end"},r):void 0},o),a&&e.createElement("div",{className:le},a)))))};var ne={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 se=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(ne.wrapper,s&&ne.actionButton,p&&ne.stretch)},e.createElement("button",Object.assign({className:i(ne.button,ne[`variant-${o}`],!!l&&ne.hasChildren,r&&ne.icon,s&&ne.actionButton,p&&ne.stretch,c&&ne.inline,m&&ne.interactiveDisabled,d),ref:a},u),r&&e.createElement("span",{className:i(ne.iconWrapper,ne[`variant-${o}`],!!l&&ne.hasChildren)},r),l))}),pe=({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(oe,{title:t,handleClickOverlay:i,buttons:e.createElement(e.Fragment,null,e.createElement(se,{"data-testid":"btn-cancel",onClick:i,variant:"basic",icon:s},l),e.createElement(se,{"data-testid":"btn-confirm",onClick:c,variant:o,icon:n},r))},a):null,ie=()=>{};var ce={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",sortable:"Table-module_sortable__W4c6P",asc:"Table-module_asc__-caTr",desc:"Table-module_desc__jQI8s"};const me=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("table",Object.assign({className:i(ce.table,a)},l))};me.Row=t=>{var{className:a,disableHover:l}=t,r=n(t,["className","disableHover"]);return e.createElement("tr",Object.assign({className:i(ce.tr,l&&ce.disableHover,a)},r))},me.HeadCell=t=>{var{sortable:a,sortDirection:l,width:r,className:o}=t,s=n(t,["sortable","sortDirection","width","className"]);const p=null!=r;return e.createElement("th",Object.assign({className:i(ce.th,a&&ce.sortable,l&&ce[l],p&&ce.width,o),style:p?{"--width":r}:void 0},s))},me.Cell=t=>{var{className:a,variant:l="basic",width:r}=t,o=n(t,["className","variant","width"]);const s=null!=r;return e.createElement("td",Object.assign({className:i(ce.td,ce[`variant-${l}`],s&&ce.width,a),style:s?{"--width":r}:void 0},o))};var de={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};var ue="Dropdown-module_wrapper__79ooc",be="Dropdown-module_dropper__uVdEf",_e="Dropdown-module_left__JYKmP",fe="Dropdown-module_right__UefzB",ve="Dropdown-module_dropdownMenu__5R4vo",he="Dropdown-module_dropdownMenuItem__dj4Gp";var ge="Dropzone-module_dropzone__WvixK",ke="Dropzone-module_centered__00ZHP",xe="Dropzone-module_isReadyToDrop__NX-Ix",ye="Dropzone-module_input__AEKgL",we="Dropzone-module_idle__HViGO",Ee="Dropzone-module_deleteButton__6zeTi",Ne="Dropzone-module_fileName__XqXj8";const Ce=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(ge,!f&&ke,d&&xe)},e.createElement("input",Object.assign({className:i(ye,d?xe:we),"data-testid":"dropzone-file-input",type:"file",ref:w,multiple:!0},s)),e.createElement(j,null,!f&&e.createElement(se,{variant:"text",color:"secondary",type:"button",icon:o},r),f&&e.createElement(e.Fragment,null,e.createElement("button",{className:Ee,"data-testid":"file-clear",onClick:y}),e.createElement("ol",null,b.map((t,a)=>e.createElement("li",{key:a,className:Ne},t))))))});var Oe="Feedback-module_box__ESWf9";const je={laptop:1},Ge={mobile:1,laptop:0},Se={laptop:1},Fe=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?Se:void 0,width:o,pt:Ge,pb:Ge,pl:je,pr:je},r))},Ae={laptop:-1},Pe={mobile:-1,laptop:0},Be={mobile:"block",laptop:"flex"};var Me="Footer-module_box__KZvsx",De="SideBar-module_wrapper__8tZbH",Te="SideBar-module_isMobileMenuOpen__1yI4z",We="SideBar-module_isDesktopMenuOpen__S25Jl";const Ie=t=>{const{closeSideMenu:a,openSideMenu:r,isSideMenuOpen:o}=l();return e.createElement(j,Object.assign({className:i("sidebar",De,t.isMobileMenuOpen&&Te,o&&We)},t,{onMouseEnter:r,onMouseLeave:a,style:{"--minWidth":t.minWidth||75,"--collapsed-width":15}}))},Re=({children:t})=>e.createElement(j,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:Me},t);var Le="HorizontalScroller-module_box__W07vp";var ze="HamburgerButton-module_hamburgerButton__uFuws";var $e="Menu-module_menu__uj3BS",He="Menu-module_menuItem__96xoX",Ve="Menu-module_isActive__idoz4",qe="Menu-module_isOpen__p1ar3";var Je="MenuCloseButton-module_menuCloseButton__c2jye";var Ue="MenuSlideOpenIndicator-module_wrapper__Q6Ykj";var Xe="SideBarHeader-module_sideBarHeader__7zbYN";const Ye=()=>{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 Ze="Paginator-module_wrapper__IPIcn",Qe="Paginator-module_button__lkNBq",Ke="Paginator-module_isActive__Qk3mv",et="Paginator-module_isDisabled__uHGss";var tt={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 at={tab:"Tab-module_tab__Iwytl",isActive:"Tab-module_isActive__DXImz",hint:"Tab-module_hint__ynkFR",error:"Tab-module_error__OF1Ji"};var lt="TabContent-module_tabContent__hMTiE";var rt="Tabs-module_tabs__QzIkz";var ot="Timeline-module_flatPanel__TzdFU",nt="Timeline-module_wrapper__sWd71",st="Timeline-module_line__CwY-N",pt="Timeline-module_circle__7kyfg";var it="TopBar-module_wrapper__DVlec";const ct=({left:t,right:a})=>e.createElement(j,{className:it},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 mt="Toggle-module_toggle__kmzmH",dt="Toggle-module_checked__wOt93",ut="Toggle-module_thumb__nibyJ";var bt="Checkbox-module_label__uYQc9",_t="Checkbox-module_input__a4Cy-",ft="Checkbox-module_dimmed__wAzQa";const vt=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:bt,key:t},e.createElement("input",Object.assign({className:i(p,_t),type:"checkbox",value:t,name:o,ref:a},m)),e.createElement("span",{className:i(s&&ft)},l)))));return"horizontal"===c?e.createElement(j,{display:"flex",columnGap:4},u):u});var ht="TextField-module_input__73ULM",gt="TextField-module_textarea__DzXRI";const kt=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(gt,ht,r),ref:a},o)):e.createElement("input",Object.assign({className:i(ht,r),ref:a,type:"text"},o))});var xt="FileField-module_wrapper__Av1Bz",yt="FileField-module_hiddenInput__42z5Q",wt="FileField-module_button__13cFn",Et="FileField-module_textField__-9ZPk",Nt="FileField-module_deleteButton__RpWa3";const Ct=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:xt},e.createElement("input",Object.assign({className:yt,type:"file",ref:v},c)),e.createElement(se,{className:wt,variant:"basic"},u?s:o),e.createElement(kt,{placeholder:r,className:i(Et,l),disabled:!0,value:u}),!!u&&p&&e.createElement("button",{className:Nt,"data-testid":"file-clear",onClick:f}))});var Ot="Select-module_wrapper__vBUHm",jt="Select-module_select__tfPHD",Gt="Select-module_paddingOverlay__Y6O4-";const St=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:Ot},e.createElement("select",Object.assign({className:i(jt,r),ref:a},o),s.map(([t,a])=>e.createElement("option",{key:t,value:t},a))),e.createElement("div",{className:Gt},"▾"))});var Ft="PasswordStrengthField-module_progress__KIvlC",At="PasswordStrengthField-module_progressBar__Wz5Rz",Pt="PasswordStrengthField-module_bad__n300O",Bt="PasswordStrengthField-module_ok__LMIms",Mt="PasswordStrengthField-module_good__MhPYT";const Dt=e=>e.length>=8,Tt=e=>/\d/.test(e),Wt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),It=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Rt=[Dt,Tt,Wt,It],Lt=Rt.length+1,zt=e=>Rt.map(t=>t(e)).reduce((e,t)=>t?e+1:e,1),$t=e.forwardRef((t,a)=>{const[l,r]=e.useState(0),o=e.useCallback(e=>{const t=e.target;r(t.value?zt(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(kt,Object.assign({},t,{type:"password",ref:n})),e.createElement("div",{className:Ft},e.createElement("div",{className:i(At,l<=2?Pt:l<=3?Bt:Mt),style:{"--width":l/Lt*100+"%"}})))});var Ht="FormGridWrapper-module_label__3OAEA",Vt="FormGridWrapper-module_error__80-SA",qt="FormGridWrapper-module_hint__lj9vT",Jt="FormGridWrapper-module_requiredAsterisk__-4sG4",Ut="FormGridCell-module_formGridCell__Y3e5s",Xt="FormGridCell-module_rowOffset__xvXeK",Yt="FormGridCell-module_mobile--position__1AeHR",Zt="FormGridCell-module_tablet--position__Xxybj",Qt="FormGridCell-module_laptop--position__gMNqe",Kt="FormGridCell-module_desktop--position__UDC4a";const ea=({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(Ut,l&&Xt,t.mobile&&Yt,t.tablet&&Zt,t.laptop&&Qt,t.desktop&&Kt,n,o),style:Object.assign(Object.assign({},s),p)},r)},ta=({position:t,align:a,label:l,hint:r,error:o,isRequired:n,children:s})=>e.createElement(e.Fragment,null,e.createElement(ea,{position:t,align:a,className:"form-grid-cell__label-hint"},l&&e.createElement("label",{className:i(Ht,!!o&&Vt)},l,n&&e.createElement("span",{className:Jt})),r&&e.createElement("div",{className:i(qt,!!o&&Vt)},r)),e.createElement(ea,{position:t,align:a,rowOffset:1,className:i({"form-grid-cell__field-error":!0,"has-error":!!o})},s,o&&e.createElement("div",{className:Vt},o)));var aa="FormGrid-module_formGrid__2OSmK";const la=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(aa,l,o),style:Object.assign(Object.assign({},s),{"--numRowsPerField":2})},r))};var ra="BasicLayout-module_wrapper__fi1G3",oa="BasicLayout-module_wrapperInner__SqthQ",na="BasicLayout-module_sidebarWrapper__2x7ZG",sa="BasicLayout-module_contentBox__8uu8L";var pa="FloatingPanelLayout-module_wrapper__XlZwj",ia="FloatingPanelLayout-module_background__vI4Uc",ca="FloatingPanelLayout-module_animation__031Vf",ma="FloatingPanelLayout-module_panel__Dmfof",da="FloatingPanelLayout-module_logo__-5gan";var ua="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ba(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var _a=1/0,fa=9007199254740991,va=17976931348623157e292,ha=NaN,ga="[object Function]",ka="[object GeneratorFunction]",xa="[object Symbol]",ya=/^\s+|\s+$/g,wa=/^[-+]0x[0-9a-f]+$/i,Ea=/^0b[01]+$/i,Na=/^0o[0-7]+$/i,Ca=/^(?:0|[1-9]\d*)$/,Oa=parseInt,ja=Object.prototype.toString,Ga=Math.ceil,Sa=Math.max;function Fa(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 Aa(e,t,a){if(!Pa(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<=fa}(e.length)&&!function(e){var t=Pa(e)?ja.call(e):"";return t==ga||t==ka}(e)}(a)&&function(e,t){return!!(t=null==t?fa:t)&&("number"==typeof e||Ca.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 Pa(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Ba=ba(function(e,t,a){t=(a?Aa(e,t,a):void 0===t)?1:Sa(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)&&ja.call(e)==xa}(e))return ha;if(Pa(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Pa(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(ya,"");var a=Ea.test(e);return a||Na.test(e)?Oa(e.slice(2),a?2:8):wa.test(e)?ha:+e}(e),e===_a||e===-1/0){return(e<0?-1:1)*va}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(Ga(l/t));r<l;)n[o++]=Fa(e,r,r+=t);return n});class Ma{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 Ma(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 Da="__lodash_hash_undefined__",Ta=9007199254740991,Wa="[object Arguments]",Ia=/^\[object .+?Constructor\]$/,Ra="object"==typeof ua&&ua&&ua.Object===Object&&ua,La="object"==typeof self&&self&&self.Object===Object&&self,za=Ra||La||Function("return this")();function $a(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,qa,a);var l=a-1,r=e.length;for(;++l<r;)if(e[l]===t)return l;return-1}(e,t,0)>-1}function Ha(e,t,a){for(var l=-1,r=e?e.length:0;++l<r;)if(a(t,e[l]))return!0;return!1}function Va(e,t){for(var a=-1,l=t.length,r=e.length;++a<l;)e[r+a]=t[a];return e}function qa(e){return e!=e}function Ja(e,t){return e.has(t)}var Ua,Xa=Array.prototype,Ya=Function.prototype,Za=Object.prototype,Qa=za["__core-js_shared__"],Ka=(Ua=/[^.]+$/.exec(Qa&&Qa.keys&&Qa.keys.IE_PROTO||""))?"Symbol(src)_1."+Ua:"",el=Ya.toString,tl=Za.hasOwnProperty,al=Za.toString,ll=RegExp("^"+el.call(tl).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rl=za.Symbol,ol=Za.propertyIsEnumerable,nl=Xa.splice,sl=rl?rl.isConcatSpreadable:void 0,pl=Math.max,il=kl(za,"Map"),cl=kl(Object,"create");function ml(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 dl(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 ul(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 bl(e){var t=-1,a=e?e.length:0;for(this.__data__=new ul;++t<a;)this.add(e[t])}function _l(e,t){for(var a=e.length;a--;)if(Nl(e[a][0],t))return a;return-1}function fl(e,t,a,l){var r,o=-1,n=$a,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=Ha,s=!1):t.length>=200&&(n=Ja,s=!1,t=new bl(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 vl(e,t,a,l,r){var o=-1,n=e.length;for(a||(a=xl),r||(r=[]);++o<n;){var s=e[o];t>0&&a(s)?t>1?vl(s,t-1,a,l,r):Va(r,s):l||(r[r.length]=s)}return r}function hl(e){if(!Sl(e)||(t=e,Ka&&Ka in t))return!1;var t,a=Gl(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?ll:Ia;return a.test(function(e){if(null!=e){try{return el.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 kl(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return hl(a)?a:void 0}function xl(e){return Cl(e)||function(e){return jl(e)&&tl.call(e,"callee")&&(!ol.call(e,"callee")||al.call(e)==Wa)}(e)||!!(sl&&e&&e[sl])}ml.prototype.clear=function(){this.__data__=cl?cl(null):{}},ml.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},ml.prototype.get=function(e){var t=this.__data__;if(cl){var a=t[e];return a===Da?void 0:a}return tl.call(t,e)?t[e]:void 0},ml.prototype.has=function(e){var t=this.__data__;return cl?void 0!==t[e]:tl.call(t,e)},ml.prototype.set=function(e,t){return this.__data__[e]=cl&&void 0===t?Da:t,this},dl.prototype.clear=function(){this.__data__=[]},dl.prototype.delete=function(e){var t=this.__data__,a=_l(t,e);return!(a<0)&&(a==t.length-1?t.pop():nl.call(t,a,1),!0)},dl.prototype.get=function(e){var t=this.__data__,a=_l(t,e);return a<0?void 0:t[a][1]},dl.prototype.has=function(e){return _l(this.__data__,e)>-1},dl.prototype.set=function(e,t){var a=this.__data__,l=_l(a,e);return l<0?a.push([e,t]):a[l][1]=t,this},ul.prototype.clear=function(){this.__data__={hash:new ml,map:new(il||dl),string:new ml}},ul.prototype.delete=function(e){return gl(this,e).delete(e)},ul.prototype.get=function(e){return gl(this,e).get(e)},ul.prototype.has=function(e){return gl(this,e).has(e)},ul.prototype.set=function(e,t){return gl(this,e).set(e,t),this},bl.prototype.add=bl.prototype.push=function(e){return this.__data__.set(e,Da),this},bl.prototype.has=function(e){return this.__data__.has(e)};var yl,wl,El=(yl=function(e,t){return jl(e)?fl(e,vl(t,1,jl,!0)):[]},wl=pl(void 0===wl?yl.length-1:wl,0),function(){for(var e=arguments,t=-1,a=pl(e.length-wl,0),l=Array(a);++t<a;)l[t]=e[wl+t];t=-1;for(var r=Array(wl+1);++t<wl;)r[t]=e[t];return r[wl]=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)}(yl,this,r)});function Nl(e,t){return e===t||e!=e&&t!=t}var Cl=Array.isArray;function Ol(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ta}(e.length)&&!Gl(e)}function jl(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ol(e)}function Gl(e){var t=Sl(e)?al.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}function Sl(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Fl=ba(El);const Al=(e,t)=>{const a=[...Array(e)].map(e=>"1fr");return t&&a.push("auto"),a.join(" ")};class Pl{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,a){"object"==typeof this.columns&&(this.columns[e]=t);const l=new Ma(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 ${Fl(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])=>{let o=r.props.position?Bl(r.props.position):{};C(o)||(o={mobile:o});const{topLeft:n,bottomRight:s}=l.getCoordinatesForValue(a);return o[e]={column:n.x,columnSpan:s.x-n.x+1,row:n.y,rowSpan:s.y-n.y+1},Object.assign(Object.assign({},t),{[a]:Object.assign(Object.assign({},r),{props:Object.assign(Object.assign({},r.props),{position:o})})})},{});return new Pl(r,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:Al(t,!1),Ba(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:Al(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const Bl=e=>JSON.parse(JSON.stringify(e)),Ml=e.createContext({factory:void 0}),Dl=e.forwardRef((t,a)=>{var{name:l,field:r}=t,o=n(t,["name","field"]);const{factory:s}=e.useContext(Ml),p=r.props,{position:c,align:m,label:d,hint:u,error:b,isRequired:_}=p,f=n(p,["position","align","label","hint","error","isRequired"]),v=(null==s?void 0:s(r))||(e=>{switch(e.type){case"Button":return se;case"Checkbox":return vt;case"Select":return St;case"FileField":return Ct;case"DropZone":return Ce;case"PasswordStrengthField":return $t;default:return kt}})(r);return(e=>"TextField"===e.type)(r)&&!r.props.multiline&&"hidden"===r.props.type?e.createElement(v,Object.assign({ref:a,name:l},o,r.props)):e.createElement(ta,{position:c,align:m,label:d,hint:u,error:b,isRequired:_},e.createElement(v,Object.assign({ref:a,name:l,placeholder:r.props.placeholder||d,className:i(!!b&&"error",r.props.className)},o,f)))}),Tl=e.forwardRef((t,a)=>{var{children:l,columns:r,fields:o,prefixFieldNames:s}=t,p=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(la,{columns:r},Object.entries(o).map(([t,l])=>e.createElement(Dl,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(j,{className:ra,flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(j,{className:oa,flexGrow:1,flexShrink:0},t&&e.createElement(j,{className:na},e.createElement(Ie,Object.assign({},t))),e.createElement(j,{className:sa,display:"flex",flexDirection:"column"},e.createElement(ct,Object.assign({},a)),e.createElement(j,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},r&&o?o:n),e.createElement(Re,Object.assign({},l))))),exports.Box=j,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:i(M,t.className)},t)),exports.BreakPointValues=k,exports.Button=se,exports.Checkbox=vt,exports.CollapsiblePanel=K,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:ie});return e.createElement(e.Fragment,null,e.createElement(se,Object.assign({},r,{onClick:s})),e.createElement(pe,Object.assign({title:"Are you sure?"},l,o)))},exports.ConfirmModal=pe,exports.Crumb=t=>e.createElement("li",Object.assign({className:i(D,t.className)},t)),exports.Details=({details:t,firstColumnWidth:a})=>e.createElement(me,null,e.createElement("tbody",null,Object.entries(t).map(([t,l],r)=>e.createElement(me.Row,{key:t,disableHover:!0},e.createElement(me.Cell,{style:{width:a},className:i(de.cell,0===r&&de.isFirstRow)},t),e.createElement(me.Cell,{className:i(de.cell,0===r&&de.isFirstRow)},l))))),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:ue},e.createElement(se,Object.assign({},t,{onClick:p})),n&&e.createElement(c,{speed:".1s"},e.createElement("span",{className:i(be,"left"===a&&_e,"right"===a&&fe),ref:o},l)))},exports.DropdownMenu=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("ul",Object.assign({className:i(ve,a)},l))},exports.DropdownMenuItem=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement("li",Object.assign({className:i(he,a)},l))},exports.Dropzone=Ce,exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:l,title:r,subtitle:o})=>e.createElement(oe,{handleClickOverlay:t,buttons:e.createElement(se,{"data-testid":"confirm",stretch:!0,icon:l,variant:"secondary",onClick:t},a)},e.createElement(j,{pt:3,pb:3,className:Oe},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=Ct,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:Pe,mt:Pe,ml:Ae,mr:Ae,display:Be,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(Fe,{key:o,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Fe,{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:pa,style:o&&{"--base-color":o},display:"flex",alignItems:"center",baseColor:o},e.createElement("div",{className:ia,style:{opacity:n||1,backgroundImage:`url(${a})`}}),r&&e.createElement("img",{src:r,alt:"Logo",className:da}),e.createElement(c,{className:ca},l&&e.createElement(j,{pb:7},l),e.createElement(q,Object.assign({},t,{className:i(ma,t.className)})))),exports.Footer=Re,exports.FormGrid=la,exports.FormGridWrapper=ta,exports.FormPositioner=Pl,exports.HamburgerButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(se,Object.assign({className:i(ze,a)},l))},exports.Header=b,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:Le},t),exports.Menu=({children:t})=>e.createElement("ul",{className:$e},t),exports.MenuCloseButton=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(se,Object.assign({className:i(Je,a)},l))},exports.MenuItem=({item:t,isOpen:a,isActive:l,children:r})=>{const[o,n]=e.useState(!!a);return e.createElement("li",{className:i(He,o&&qe,!!l&&Ve)},t,r&&e.createElement(Q,{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(Ue,a),style:{"--collapsed-width":15}},l))},exports.Modal=oe,exports.Overlay=te,exports.Paginator=t=>{const{isTablet:a}=Ye(),{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:Ze},e.createElement("button",{"data-testid":"paginate-prev",disabled:1===o,onClick:()=>r(o-1),className:i(Qe,1===o&&et)},"⟨"),s>1&&e.createElement("button",{"data-testid":"paginate-page-1",onClick:()=>r(1),className:i(Qe,1===o&&Ke)},"1"),s>2&&e.createElement("button",{disabled:!0,className:i(Qe,et)},"..."),((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(Qe,o===t&&Ke)},t)),p<l-1&&e.createElement("button",{disabled:!0,className:i(Qe,et)},"..."),p<l&&e.createElement("button",{"data-testid":`paginate-page-${l}`,onClick:()=>r(l),className:i(Qe,o===l&&Ke)},l),e.createElement("button",{"data-testid":"paginate-next",disabled:o===l,onClick:()=>r(o+1),className:i(Qe,o===l&&et)},"⟩"))},exports.Panel=q,exports.Paragraph=f,exports.PasswordStrengthField=$t,exports.ScaffoldField=Dl,exports.ScaffoldForm=Tl,exports.ScaffoldFormContext=Ml,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(Ml.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(j,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=St,exports.SideBarHeader=({children:t,right:a})=>e.createElement(j,{mb:7,className:Xe},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:nt},e.createElement(j,{className:i(st,"line")},e.createElement("div",{className:pt,style:{"--background-color":t}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(q,{className:ot,titleMeta:r,title:l}))),exports.SlideInFromTop=c,exports.Statistic=({icon:t,value:a,label:l,backgroundColor:r,smallerValue:o})=>e.createElement("div",{className:i(tt.wrapper,tt[r])},e.createElement("div",{className:tt.iconWrapper},t),e.createElement(j,{flexGrow:1,textAlign:"right"},e.createElement("div",{className:tt.label},l),e.createElement("div",{className:i(tt.value,o&&tt.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(at.tab,l&&at.isActive,o&&at[o])},s,{onClick:p}))},exports.TabContent=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(lt,a),p:3},l))},exports.Table=me,exports.Tabs=t=>{var{className:a}=t,l=n(t,["className"]);return e.createElement(j,Object.assign({className:i(a,rt)},l))},exports.TextField=kt,exports.Timeline=({title:t,icon:a,color:l,isInitiallyOpen:r,titleMeta:o,chevron:n,children:s})=>e.createElement(j,{className:nt},e.createElement(j,{className:st},e.createElement("div",{className:pt,style:{"--background-color":l}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(K,{isInitiallyOpen:r,titleMeta:o,title:t,titleAction:n},s))),exports.Toggle=({isChecked:t,onChange:a})=>e.createElement("div",{onClick:()=>null==a?void 0:a(!t),className:i(mt,t&&dt)},e.createElement("div",{className:ut})),exports.TopBar=ct,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=zt,exports.getResponsiveProps=x,exports.isResponsiveObject=C,exports.passwordHasLowerAndUppercase=Wt,exports.passwordHasNumbers=Tt,exports.passwordHasSpecialChars=It,exports.passwordMinLength=Dt,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=l();e.useEffect(()=>{a()},[t,a])},exports.useResponsiveBreakpoints=Ye,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

@@ -33,6 +33,7 @@
 .Tabs-module_tabs__QzIkz{border-bottom:1px solid #22242626;display:flex}
 .Timeline-module_flatPanel__TzdFU{box-shadow:none}.Timeline-module_wrapper__sWd71{display:flex}.Timeline-module_wrapper__sWd71:last-of-type .Timeline-module_line__CwY-N:before{background:none}.Timeline-module_line__CwY-N{margin-right:var(--spacing-4);position:relative;top:4px}.Timeline-module_line__CwY-N:before{background:#e7eaec;content:"";height:100%;left:calc(var(--spacing)*4.5);position:absolute;top:0;width:var(--spacing)}.Timeline-module_circle__7kyfg{background-color:var(--background-color);border-radius:50%;color:#fff;font-size:var(--spacing-4);height:calc(var(--spacing)*10);left:0;position:relative;width:calc(var(--spacing)*10)}.Timeline-module_circle__7kyfg>*{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
 .TopBar-module_wrapper__DVlec{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}
+.Toggle-module_toggle__kmzmH{--size:34px;--padding:4px;--track-color:#ec5969;--thumb-transform:translateX(0);background-color:var(--track-color);border-radius:30px;cursor:pointer;height:var(--size);position:relative;transition:all .15s ease;user-select:none;width:calc(var(--size)*2)}.Toggle-module_toggle__kmzmH:hover{--track-color:#d4505e}.Toggle-module_toggle__kmzmH.Toggle-module_checked__wOt93{--track-color:#23b294;--thumb-transform:translateX(calc(100% + var(--padding)*2))}.Toggle-module_toggle__kmzmH.Toggle-module_checked__wOt93:hover{--track-color:#1fa085}.Toggle-module_thumb__nibyJ{background-color:#fff;border-radius:50%;height:calc(var(--size) - var(--padding)*2);left:var(--padding);position:absolute;top:var(--padding);transform:var(--thumb-transform);transition:all .15s cubic-bezier(.23,1,.32,1) 0ms;width:calc(var(--size) - var(--padding)*2)}
 .Checkbox-module_label__uYQc9{position:relative}.Checkbox-module_input__a4Cy-{height:17px;left:0;margin-right:var(--spacing-2);opacity:0;position:absolute;top:0;transform:translateY(1px);width:17px;z-index:99}.Checkbox-module_input__a4Cy-~span{cursor:pointer;font-size:.92857143em;padding-left:1.85714em;user-select:none}.Checkbox-module_input__a4Cy-~span:after,.Checkbox-module_input__a4Cy-~span:before{border:1px solid #22242626;border-radius:4px;content:"";height:17px;left:0;line-height:17px;position:absolute;top:0;width:17px;z-index:0}.Checkbox-module_input__a4Cy-:checked~span{font-style:italic}.Checkbox-module_input__a4Cy-:checked~span:before{background:#fff;border-color:#22242659}.Checkbox-module_input__a4Cy-:checked~span:after{color:var(--common-black);content:"\2714";font-style:normal;opacity:1;text-align:center}.Checkbox-module_input__a4Cy-:focus~span:after,.Checkbox-module_input__a4Cy-:focus~span:before{background:#fff;border-color:#85b7d9;border-radius:4px;box-shadow:inset 0 0 0 0 #22242659}.Checkbox-module_input__a4Cy-.error~span{color:var(--form-error)}.Checkbox-module_input__a4Cy-.error~span:after,.Checkbox-module_input__a4Cy-.error~span:before{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.Checkbox-module_dimmed__wAzQa{color:#999c9e}
 .TextField-module_input__73ULM{border:1px solid #22242626;border-radius:4px;color:var(--common-black);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.21428571em;outline:none;padding:.67857143em 1em}.TextField-module_input__73ULM:disabled,.TextField-module_input__73ULM:read-only{background-color:#fafafa}.TextField-module_input__73ULM:focus{background:#fff;border-color:#85b7d9;box-shadow:inset 0 0 0 0 #22242659;color:#000000f2}.TextField-module_input__73ULM.error{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.TextField-module_input__73ULM.error:focus{background:#fff6f6}.TextField-module_input__73ULM:focus::placeholder{color:#737373de}.TextField-module_input__73ULM::placeholder{color:#bfbfbfde}.TextField-module_input__73ULM.error::placeholder{color:#e7bdbc}.TextField-module_input__73ULM.error:focus::placeholder{color:#da9796}.TextField-module_textarea__DzXRI{height:100%}
 .FileField-module_wrapper__Av1Bz{display:flex;position:relative}.FileField-module_hiddenInput__42z5Q{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.FileField-module_button__13cFn{height:40px}.FileField-module_textField__-9ZPk{flex:1;padding-right:calc(var(--spacing)*8)}.FileField-module_deleteButton__RpWa3{background-color:initial;border:0;cursor:pointer;height:100%;outline:0;padding:0;position:absolute;right:0}.FileField-module_deleteButton__RpWa3:after{box-sizing:border-box;color:#0000004d;content:"×";display:table-cell;font-size:20px;height:38px;line-height:38px;padding:0 8px;text-align:center;vertical-align:middle;width:38px}

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

@@ -2,6 +2,7 @@ import React from "react";
 interface Props {
     title?: string | JSX.Element;
     variant?: "positive" | "negative" | "info" | "warning" | "basic" | "emphasized";
+    actions?: JSX.Element;
 }
 export declare const Alert: React.FC<React.PropsWithChildren<Props>>;
 export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Props {
+    isChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export declare const Toggle: ({ isChecked, onChange }: Props) => JSX.Element;
+export {};

package/dist/src/index.d.ts

@@ -34,6 +34,7 @@ export * from "./components/Tabs/TabContent";
 export * from "./components/Tabs/Tabs";
 export * from "./components/Timeline/Timeline";
 export * from "./components/TopBar/TopBar";
+export * from "./components/Toggle/Toggle";
 export * from "./form/Button/Button";
 export * from "./form/Checkbox/Checkbox";
 export * from "./form/FileField/FileField";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.60.0",
+  "version": "3.62.0",
   "private": false,
   "files": [
     "dist/**"
@@ -58,8 +58,8 @@
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "11.1.5",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/gitlab": "13.2.4",
-    "@semantic-release/npm": "12.0.1",
+    "@semantic-release/gitlab": "13.2.8",
+    "@semantic-release/npm": "12.0.2",
     "@storybook/addon-actions": "7.6.1",
     "@storybook/addon-essentials": "7.6.1",
     "@storybook/addon-links": "7.6.1",