@galaxy-ds/core 2.0.2 → 2.0.4

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import MuiCssBaseline from '@mui/material/CssBaseline';
-import { createTheme, ThemeProvider as ThemeProvider$1, ListItem as ListItem$1, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, SvgIcon as SvgIcon$1, List as List$1, ListSubheader as ListSubheader$1, Collapse, AccordionDetails as AccordionDetails$1, Accordion as Accordion$1, AccordionSummary as AccordionSummary$1, AvatarGroup as AvatarGroup$1, IconButton as IconButton$1, Tooltip as Tooltip$2, Typography as Typography$1, AppBar, Toolbar as Toolbar$1, InputLabel as InputLabel$1, Badge as Badge$1, styled as styled$1, Box as Box$2, Breadcrumbs as Breadcrumbs$1, Button as Button$1, CircularProgress, Card as Card$1, FormControlLabel, Checkbox as Checkbox$1, useTheme, Dialog as Dialog$1, DialogActions, Drawer as Drawer$1, MenuItem as MenuItem$1, Select as Select$1, Grid as Grid$1, FormGroup as FormGroup$1, Divider as Divider$2, ListItemAvatar as ListItemAvatar$1, Backdrop, Menu as Menu$1, DialogContent, DialogTitle, Pagination as Pagination$1, PaginationItem, LinearProgress, Radio as Radio$1, FormControl, FormLabel, RadioGroup as RadioGroup$1, Switch as Switch$1, Tab as Tab$1, Table as Table$1, TableBody as TableBody$1, TableCell as TableCell$1, TableContainer as TableContainer$1, TableFooter as TableFooter$1, TableHead as TableHead$1, TableRow as TableRow$1, Tabs as Tabs$1, TextField as TextField$2 } from '@mui/material';
+import { createTheme, ThemeProvider as ThemeProvider$1, ListItem as ListItem$1, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, SvgIcon as SvgIcon$1, List as List$1, ListSubheader as ListSubheader$1, ListItemButton, Collapse, AccordionDetails as AccordionDetails$1, Accordion as Accordion$1, AccordionSummary as AccordionSummary$1, AvatarGroup as AvatarGroup$1, IconButton as IconButton$1, Tooltip as Tooltip$2, Typography as Typography$1, AppBar as AppBar$1, Toolbar as Toolbar$1, Box as Box$1, InputLabel as InputLabel$1, styled as styled$1, Breadcrumbs as Breadcrumbs$1, Button as Button$1, CircularProgress, Card as Card$1, FormControlLabel, Checkbox as Checkbox$1, useTheme, Dialog as Dialog$1, DialogActions, Drawer as Drawer$1, MenuItem as MenuItem$1, Select as Select$1, Grid as Grid$1, FormGroup as FormGroup$1, Divider as Divider$2, ListItemAvatar as ListItemAvatar$1, Backdrop, Menu as Menu$1, DialogContent, DialogTitle, Pagination as Pagination$1, PaginationItem, LinearProgress, Radio as Radio$1, FormControl, FormLabel, RadioGroup as RadioGroup$1, Switch as Switch$1, Tab as Tab$1, Table as Table$1, TableBody as TableBody$1, TableCell as TableCell$1, TableContainer as TableContainer$1, TableFooter as TableFooter$1, TableHead as TableHead$1, TableRow as TableRow$1, Tabs as Tabs$1, TextField as TextField$2 } from '@mui/material';
 import { createTheme as createTheme$1, styled } from '@mui/material/styles';
 import React, { useState, useRef, forwardRef, useEffect } from 'react';
 import SvgIcon from '@mui/material/SvgIcon';
@@ -8,23 +8,69 @@ import MuiTypography$1 from '@mui/material/Typography';
 import MuiAvatar from '@mui/material/Avatar';
 import Tooltip$1 from '@mui/material/Tooltip';
 import MuiChip from '@mui/material/Chip';
-import '@mui/material/useMediaQuery';
+import useMediaQuery from '@mui/material/useMediaQuery';
 import MuiAutocomplete, { createFilterOptions as createFilterOptions$1 } from '@mui/material/Autocomplete';
 import MuiDivider from '@mui/material/Divider';
-import ListItem$2 from '@mui/material/ListItem';
 import TextField$1 from '@mui/material/TextField';
-import Box$1 from '@mui/material/Box';
+import Box$2 from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
 import InputBase from '@mui/material/InputBase';
 import FormHelperText from '@mui/material/FormHelperText';
 import Toolbar$2 from '@mui/material/Toolbar';
 import ListItemIcon$2 from '@mui/material/ListItemIcon';
 import ListItemText$2 from '@mui/material/ListItemText';
-import ListItemButton from '@mui/material/ListItemButton';
+import ListItemButton$1 from '@mui/material/ListItemButton';
 import Button$2 from '@mui/material/Button';
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+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.
+***************************************************************************** */
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  };
+  return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+              t[p[i]] = s[p[i]];
+      }
+  return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+  return cooked;
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 var CssBaseline = function (props) {
-    return (jsx(MuiCssBaseline, {}));
+    return jsx(MuiCssBaseline, __assign({}, props));
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -741,32 +787,30 @@ var autocompleteOverrides$1 = {
             },
         },
         inputRoot: {
-            height: 'auto',
-            paddingBottom: 2,
-            paddingLeft: 0,
-            overflowY: 'auto',
-            overflowX: 'hidden',
-            '&::-webkit-scrollbar': {
-                width: 4,
-                height: 4,
-                backgroundColor: '#f3f3f3',
-            },
-            '&::-webkit-scrollbar-track': {
-                'WebkitBoxShadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
-                borderRadius: 8,
-                backgroundColor: '#f3f3f3',
-                opacity: 0.05,
-            },
-            '&::-webkit-scrollbar-thumb': {
-                borderRadius: 8,
-                'WebkitBoxShadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
-                backgroundColor: '#7a7a7a',
-            },
-            '& > *': {
-                marginLeft: 2,
-                marginTop: 2,
-                flexShrink: 0,
-            },
+            '&.MuiOutlinedInput-root': {
+                height: 'auto',
+                padding: 2,
+                overflowY: 'auto',
+                overflowX: 'hidden',
+                display: 'flex',
+                gap: 2,
+                '&::-webkit-scrollbar': {
+                    width: 4,
+                    height: 4,
+                    backgroundColor: '#f3f3f3',
+                },
+                '&::-webkit-scrollbar-track': {
+                    'WebkitBoxShadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
+                    borderRadius: 8,
+                    backgroundColor: '#f3f3f3',
+                    opacity: 0.05,
+                },
+                '&::-webkit-scrollbar-thumb': {
+                    borderRadius: 8,
+                    'WebkitBoxShadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
+                    backgroundColor: '#7a7a7a',
+                },
+            }
         },
         input: {
             marginTop: 2,
@@ -783,8 +827,7 @@ var autocompleteOverrides$1 = {
             var theme = _a.theme;
             return ({
                 position: 'relative',
-                // border: `1px solid ${theme.palette.border.main}`,
-                // border: `1px solid ${theme.palette.divider}`,
+                border: "1px solid ".concat(theme.palette.border.main),
                 borderRadius: theme.shapes.card,
                 borderTop: 'none',
                 backgroundColor: '#fff',
@@ -799,11 +842,19 @@ var autocompleteOverrides$1 = {
         listbox: {
             padding: 0,
         },
-        option: {
-            // padding: '0px 10px',
-            '& .MuiListItemText-multiline .MuiListItemText-primary': {
-                marginBottom: 0,
-            },
+        option: function (_a) {
+            var theme = _a.theme;
+            return ({
+                '&.MuiAutocomplete-option': {
+                    padding: '0px 10px',
+                    '& .MuiListItemText-multiline .MuiListItemText-primary': {
+                        marginBottom: 0,
+                    },
+                    '&:active, &:hover, &.Mui-focused': {
+                        backgroundColor: theme.palette.primary.transparent,
+                    }
+                }
+            });
         },
     },
 };
@@ -1017,53 +1068,6 @@ var dialogOverrides$1 = {
     }
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-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.
-***************************************************************************** */
-
-var __assign = function() {
-  __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-  };
-  return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-              t[p[i]] = s[p[i]];
-      }
-  return t;
-}
-
-function __makeTemplateObject(cooked, raw) {
-  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-  return cooked;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var dialogTitleOverrides$1 = {
     styleOverrides: {
         root: function (_a) {
@@ -1391,96 +1395,98 @@ var menuItemOverrides$1 = {
     styleOverrides: {
         root: function (_a) {
             var theme = _a.theme;
-            return (__assign(__assign({}, theme.typography.body1), { lineHeight: '1.25rem', padding: 4, paddingTop: 0, paddingBottom: 0, backgroundColor: theme.palette.grey[50], transition: 'none', '&:hover': {
-                    backgroundColor: '#0078D7',
-                    color: '#fff',
-                    cursor: 'default',
-                }, '&:hover .MuiListItemText-root .MuiTypography-root': {
-                    color: '#fff',
-                }, '&.Mui-selected': {
-                    backgroundColor: '#4e9af7',
-                    '& .MuiListItemText-root': {
+            return ({
+                '&.MuiMenuItem-root': __assign(__assign({}, theme.typography.body1), { lineHeight: '1.25rem', padding: 4, paddingTop: 0, paddingBottom: 0, backgroundColor: theme.palette.grey[50], transition: 'none', '&:hover': {
+                        backgroundColor: '#0078D7',
                         color: '#fff',
-                    },
-                }, "&.gds-menu-item-icon .MuiListItemIcon-root": {
-                    display: "none",
-                }, '.customMultipleList &$selected': {
-                    backgroundColor: '#fff',
-                }, '&.Mui-selected:hover': {
-                    backgroundColor: 'rgb(78,154,247)',
-                    color: '#fff',
-                }, '& .MuiListItemText-root': {
-                    margin: 0,
-                    "& .MuiTypography-root": {
-                        lineHeight: '1.25rem',
-                    },
-                }, '& .MuiFormControlLabel-root': {
-                    marginRight: 6,
-                }, '&.gds-drawer-menu-item-dark': {
-                    backgroundColor: theme.palette.primary.main,
-                    color: theme.palette.grey[200],
-                    '&:not($selected) svg': {
-                        color: theme.palette.grey[200],
-                    },
-                    '&:hover': {
-                        backgroundColor: 'rgba(0,0,0,.1)',
+                        cursor: 'default',
+                    }, '&:hover .MuiListItemText-root .MuiTypography-root': {
+                        color: '#fff',
+                    }, '&.Mui-selected': {
+                        backgroundColor: '#0078D7',
+                        '& .MuiListItemText-root': {
+                            color: '#fff',
+                        },
+                    }, '&.gds-menu-item-icon .MuiListItemIcon-root': {
+                        display: 'none',
+                    }, '.customMultipleList &$selected': {
+                        backgroundColor: '#fff',
+                    }, '&.Mui-selected:hover': {
+                        backgroundColor: '#0078D7',
+                        color: '#fff',
+                    }, '& .MuiListItemText-root': {
+                        margin: 0,
+                        '& .MuiTypography-root': {
+                            lineHeight: '1.25rem',
+                        },
+                    }, '& .MuiFormControlLabel-root': {
+                        marginRight: 6,
+                    }, '&.gds-drawer-menu-item-dark': {
+                        backgroundColor: theme.palette.primary.main,
                         color: theme.palette.grey[200],
-                        cursor: 'pointer',
                         '&:not($selected) svg': {
                             color: theme.palette.grey[200],
                         },
-                    },
-                    '&.Mui-selected': {
-                        backgroundColor: 'rgba(0,0,0,.2)',
-                        '& svg': {
-                            color: theme.palette.secondary.main,
-                        },
-                    },
-                }, "& .MuiDivider-root": {
-                    marginLeft: 32,
-                }, "&.gds-menu-item-system": __assign(__assign({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, backgroundColor: theme.palette.grey[100], color: theme.palette.text.primary }, theme.typography.body2), { "&:hover": {
-                        backgroundColor: "#91C9F7",
-                        color: theme.palette.text.primary,
-                    }, "&:hover .MuiListItemText-root .MuiTypography-root": {
-                        color: theme.palette.text.primary,
-                    }, "&.Mui-selected": {
-                        backgroundColor: theme.palette.grey[100],
-                        "& .MuiListItemText-root": {
-                            color: theme.palette.text.primary,
+                        '&:hover': {
+                            backgroundColor: 'rgba(0,0,0,.1)',
+                            color: theme.palette.grey[200],
+                            cursor: 'pointer',
+                            '&:not($selected) svg': {
+                                color: theme.palette.grey[200],
+                            },
                         },
-                        "& .MuiListItemIcon-root": {
-                            backgroundColor: "#91C9F7",
+                        '&.Mui-selected': {
+                            backgroundColor: 'rgba(0,0,0,.2)',
+                            '& svg': {
+                                color: theme.palette.secondary.main,
+                            },
                         },
-                        "& svg": {
+                    }, '& .MuiDivider-root': {
+                        marginLeft: 32,
+                    }, '&.gds-menu-item-system': __assign(__assign({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, backgroundColor: theme.palette.grey[100], color: theme.palette.text.primary }, theme.typography.body2), { '&:hover': {
+                            backgroundColor: '#91C9F7',
                             color: theme.palette.text.primary,
-                        },
-                    }, "&.Mui-selected:hover": {
-                        backgroundColor: "#91C9F7",
-                        color: theme.palette.text.primary,
-                        "& svg": {
+                        }, '&:hover .MuiListItemText-root .MuiTypography-root': {
                             color: theme.palette.text.primary,
-                        },
-                    }, "&:not(.Mui-selected) svg": {
-                        color: theme.palette.primary.main,
-                    }, "&.customMultipleList .Mui-selected": {
-                        backgroundColor: "#fff",
-                    }, "& .MuiListItemIcon-root": {
-                        minWidth: 22,
-                        height: 22,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        position: "absolute",
-                        left: 0,
-                    }, "& .MuiSvgIcon-root": {
-                        fontSize: 15,
-                        color: "currentColor",
-                    }, "& .MuiListItemText-root": {
-                        margin: 0,
-                        "& .MuiTypography-root": __assign({}, theme.typography.body2),
-                    } }) }));
+                        }, '&.Mui-selected': {
+                            backgroundColor: theme.palette.grey[100],
+                            '& .MuiListItemText-root': {
+                                color: theme.palette.text.primary,
+                            },
+                            '& .MuiListItemIcon-root': {
+                                backgroundColor: '#91C9F7',
+                            },
+                            '& svg': {
+                                color: theme.palette.text.primary,
+                            },
+                        }, '&.Mui-selected:hover': {
+                            backgroundColor: '#91C9F7',
+                            color: theme.palette.text.primary,
+                            '& svg': {
+                                color: theme.palette.text.primary,
+                            },
+                        }, '&:not(.Mui-selected) svg': {
+                            color: theme.palette.primary.main,
+                        }, '&.customMultipleList .Mui-selected': {
+                            backgroundColor: '#fff',
+                        }, '& .MuiListItemIcon-root': {
+                            minWidth: 22,
+                            height: 22,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            position: 'absolute',
+                            left: 0,
+                        }, '& .MuiSvgIcon-root': {
+                            fontSize: 15,
+                            color: 'currentColor',
+                        }, '& .MuiListItemText-root': {
+                            margin: 0,
+                            '& .MuiTypography-root': __assign({}, theme.typography.body2),
+                        } }) }),
+            });
         },
-    }
+    },
 };
 
 var menuHeaderOverrides = {
@@ -1916,6 +1922,11 @@ theme$2 = createTheme(theme$2, {
                 elevation: 0,
             },
         },
+        MuiPopover: {
+            defaultProps: {
+                elevation: 4,
+            },
+        },
         MuiRadio: radioOverrides$1,
         MuiListSubheader: listSubheaderOverrides$1,
         MuiListItem: listItemOverrides$1,
@@ -1931,6 +1942,8 @@ theme$2 = createTheme(theme$2, {
         MuiTableRow: tableRowOverrides$1,
     },
 });
+theme$2.shadows[3] = '2px 3px 4px 0 rgba(0,0,0,0.5)';
+theme$2.shadows[4] = '3px 3px 4px rgba(0, 0, 0, 0.4)';
 var theme$3 = theme$2;
 
 var typography = {
@@ -2386,8 +2399,8 @@ var autocompleteOverrides = {
             var theme = _a.theme;
             return ({
                 position: 'relative',
-                // border: `1px solid ${theme.palette.border.main}`,
-                borderRadius: theme.shapes.card,
+                border: "1px solid ".concat(theme.palette.border.main),
+                borderRadius: theme.shapes.sm,
                 backgroundColor: '#fff',
                 boxShadow: '0px 2px 8px 0px rgba(0,0,0,0.15)',
                 margin: 0,
@@ -2400,11 +2413,19 @@ var autocompleteOverrides = {
         listbox: {
             padding: 0,
         },
-        option: {
-            padding: '0px 10px',
-            '& .MuiListItemText-multiline .MuiListItemText-primary': {
-                marginBottom: 0,
-            },
+        option: function (_a) {
+            var theme = _a.theme;
+            return ({
+                '&.MuiAutocomplete-option': {
+                    padding: '0px 10px',
+                    '& .MuiListItemText-multiline .MuiListItemText-primary': {
+                        marginBottom: 0,
+                    },
+                    '&:active, &:hover, &.Mui-focused': {
+                        backgroundColor: theme.palette.primary.transparent,
+                    }
+                }
+            });
         },
     },
 };
@@ -2842,22 +2863,20 @@ var inputBaseOverrides = {
                     maxHeight: 'unset',
                 },
                 '& > .MuiIconButton-root': {
-                    minWidth: 30,
-                    minHeight: 30,
-                    maxWidth: 34,
-                    maxHeight: 34,
+                    width: 34,
+                    height: 34,
                 },
-                '&.MuiInputBase-adornedEnd .MuiIconButton-root': {
+                '&.MuiInputBase-adornedEnd > .MuiIconButton-root': {
                     borderTopLeftRadius: 0,
                     borderBottomLeftRadius: 0,
                     borderLeft: "1px solid ".concat(theme.palette.divider),
                 },
-                '&.MuiInputBase-adornedStart .MuiIconButton-root': {
+                '&.MuiInputBase-adornedStart > .MuiIconButton-root': {
                     borderTopRightRadius: 0,
                     borderBottomRightRadius: 0,
                     borderRight: "1px solid ".concat(theme.palette.divider),
                 },
-                '&.MuiInputBase-adornedStart.MuiInputBase-adornedEnd.MuiAutocomplete-inputRoot .MuiIconButton-root': {
+                '&.MuiInputBase-adornedStart.MuiInputBase-adornedEnd.MuiAutocomplete-inputRoot > .MuiIconButton-root': {
                     border: 'none',
                     width: 24,
                     height: 24,
@@ -2867,7 +2886,7 @@ var inputBaseOverrides = {
                     marginLeft: 6,
                     marginRight: -8,
                 },
-                '&.MuiInputBase-multiline.MuiInputBase-adornedEnd .MuiIconButton-root': {
+                '&.MuiInputBase-multiline.MuiInputBase-adornedEnd > .MuiIconButton-root': {
                     borderBottomRightRadius: 0,
                     borderBottom: "1px solid ".concat(theme.palette.divider),
                 },
@@ -2985,138 +3004,140 @@ var menuItemOverrides = {
         root: function (_a) {
             var theme = _a.theme;
             return ({
-                lineHeight: 1.5715,
-                letterSpacing: '0.01rem',
-                padding: '.375rem 1.25rem',
-                "& .MuiListItemText-root .MuiTypography-root": {
-                    fontSize: '.8125rem',
-                },
-                '&:hover': {
-                    backgroundColor: theme.palette.primary.transparent,
-                    color: theme.palette.primary.main,
-                    '&:not(.Mui-selected) svg': {
-                        color: theme.palette.primary.main,
+                '&.MuiMenuItem-root': {
+                    lineHeight: 1.5715,
+                    letterSpacing: '0.01rem',
+                    padding: '.375rem 1.25rem',
+                    '& .MuiListItemText-root .MuiTypography-root': {
+                        fontSize: '.8125rem',
                     },
-                },
-                '&.Mui-selected': {
-                    backgroundColor: theme.palette.primary.main,
-                    color: theme.palette.grey[50],
-                    '& svg': {
-                        color: theme.palette.grey[50],
-                        fontSize: '1rem',
+                    '&:hover': {
+                        backgroundColor: theme.palette.primary.transparent,
+                        color: theme.palette.primary.main,
+                        '&:not(.Mui-selected) svg': {
+                            color: theme.palette.primary.main,
+                        },
                     },
-                    '& .MuiListItemText-root': {
+                    '&.Mui-selected': {
+                        backgroundColor: theme.palette.primary.main,
                         color: theme.palette.grey[50],
-                    },
-                },
-                '&.Mui-selected:hover': {
-                    backgroundColor: theme.palette.primary.main,
-                    color: theme.palette.grey[50],
-                },
-                "&.gds-menu-item-icon": {
-                    paddingLeft: 32,
-                    "&:hover": {
-                        "&:not(.Mui-selected) svg": {
-                            color: theme.palette.primary.main,
+                        '& svg': {
+                            color: theme.palette.grey[50],
                             fontSize: '1rem',
                         },
+                        '& .MuiListItemText-root': {
+                            color: theme.palette.grey[50],
+                        },
                     },
-                    "&:not(.Mui-selected) svg": {
+                    '&.Mui-selected:hover': {
+                        backgroundColor: theme.palette.primary.main,
                         color: theme.palette.grey[50],
                     },
-                    "& .MuiListItemIcon-root": {
-                        position: 'absolute',
-                        left: 8,
-                        minWidth: 0,
-                    },
-                },
-                '&.gds-drawer-menu-item-dark': {
-                    backgroundColor: 'transparent',
-                    color: theme.palette.grey[200],
-                    '&:not(.Mui-selected) svg': {
-                        color: theme.palette.grey[200],
+                    '&.gds-menu-item-icon': {
+                        paddingLeft: 32,
+                        '&:hover': {
+                            '&:not(.Mui-selected) svg': {
+                                color: theme.palette.primary.main,
+                                fontSize: '1rem',
+                            },
+                        },
+                        '&:not(.Mui-selected) svg': {
+                            color: theme.palette.grey[50],
+                        },
+                        '& .MuiListItemIcon-root': {
+                            position: 'absolute',
+                            left: 8,
+                            minWidth: 0,
+                        },
                     },
-                    '&:hover': {
-                        cursor: 'pointer',
-                        backgroundColor: 'rgba(0,0,0,.1)',
+                    '&.gds-drawer-menu-item-dark': {
+                        backgroundColor: 'transparent',
                         color: theme.palette.grey[200],
                         '&:not(.Mui-selected) svg': {
                             color: theme.palette.grey[200],
                         },
-                    },
-                    '&.Mui-selected': {
-                        backgroundColor: 'rgba(0,0,0,.2)',
-                        '& svg': {
-                            color: theme.palette.secondary.main,
+                        '&:hover': {
+                            cursor: 'pointer',
+                            backgroundColor: 'rgba(0,0,0,.1)',
+                            color: theme.palette.grey[200],
+                            '&:not(.Mui-selected) svg': {
+                                color: theme.palette.grey[200],
+                            },
+                        },
+                        '&.Mui-selected': {
+                            backgroundColor: 'rgba(0,0,0,.2)',
+                            '& svg': {
+                                color: theme.palette.secondary.main,
+                            },
                         },
                     },
-                },
-                "& .MuiCheckbox-root": {
-                    marginRight: "12px"
-                },
-                '&.gds-drawer-menu-item': {
-                    backgroundColor: 'transparent',
-                    color: theme.palette.grey[200],
-                    '&:not(.Mui-selected) svg': {
-                        color: theme.palette.primary.dark,
+                    '& .MuiCheckbox-root': {
+                        marginRight: '12px',
                     },
-                    '&:hover': {
-                        cursor: 'pointer',
-                        backgroundColor: 'rgba(0,0,0,.1)',
+                    '&.gds-drawer-menu-item': {
+                        backgroundColor: 'transparent',
                         color: theme.palette.grey[200],
                         '&:not(.Mui-selected) svg': {
-                            color: theme.palette.secondary.main,
+                            color: theme.palette.primary.dark,
                         },
-                    },
-                    '&.Mui-selected': {
-                        backgroundColor: 'rgba(0,0,0,.2)',
-                        '& svg': {
-                            color: theme.palette.secondary.main,
+                        '&:hover': {
+                            cursor: 'pointer',
+                            backgroundColor: 'rgba(0,0,0,.1)',
+                            color: theme.palette.grey[200],
+                            '&:not(.Mui-selected) svg': {
+                                color: theme.palette.secondary.main,
+                            },
                         },
-                    },
-                },
-                "&.gds-menu-item-system": __assign(__assign({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, backgroundColor: theme.palette.grey[100], color: theme.palette.text.primary }, theme.typography.body2), { "&:hover": {
-                        backgroundColor: "#91C9F7",
-                        color: theme.palette.text.primary,
-                    }, "&:hover .MuiListItemText-root .MuiTypography-root": {
-                        color: theme.palette.text.primary,
-                    }, "&.Mui-selected": {
-                        backgroundColor: theme.palette.grey[100],
-                        color: theme.palette.text.primary,
-                        "& .MuiListItemIcon-root": {
-                            backgroundColor: "#91C9F7",
+                        '&.Mui-selected': {
+                            backgroundColor: 'rgba(0,0,0,.2)',
+                            '& svg': {
+                                color: theme.palette.secondary.main,
+                            },
                         },
-                        "& svg": {
+                    },
+                    '&.gds-menu-item-system': __assign(__assign({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, backgroundColor: theme.palette.grey[100], color: theme.palette.text.primary }, theme.typography.body2), { '&:hover': {
+                            backgroundColor: '#91C9F7',
                             color: theme.palette.text.primary,
-                        },
-                    }, "&.Mui-selected:hover": {
-                        backgroundColor: "#91C9F7",
-                        color: theme.palette.text.primary,
-                        "& svg": {
+                        }, '&:hover .MuiListItemText-root .MuiTypography-root': {
                             color: theme.palette.text.primary,
-                        },
-                    }, "&:not(.Mui-selected) svg": {
-                        color: theme.palette.primary.main,
-                    }, "&.customMultipleList .Mui-selected": {
-                        backgroundColor: "#fff",
-                    }, "& .MuiListItemIcon-root": {
-                        minWidth: 22,
-                        height: 22,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        position: "absolute",
-                        left: 0,
-                    }, "& .MuiSvgIcon-root": {
-                        fontSize: 15,
-                        color: "currentColor",
-                    }, "& .MuiListItemText-root": {
-                        color: theme.palette.text.primary,
-                        margin: 0,
-                    } }),
+                        }, '&.Mui-selected': {
+                            backgroundColor: theme.palette.grey[100],
+                            color: theme.palette.text.primary,
+                            '& .MuiListItemIcon-root': {
+                                backgroundColor: '#91C9F7',
+                            },
+                            '& svg': {
+                                color: theme.palette.text.primary,
+                            },
+                        }, '&.Mui-selected:hover': {
+                            backgroundColor: '#91C9F7',
+                            color: theme.palette.text.primary,
+                            '& svg': {
+                                color: theme.palette.text.primary,
+                            },
+                        }, '&:not(.Mui-selected) svg': {
+                            color: theme.palette.primary.main,
+                        }, '&.customMultipleList .Mui-selected': {
+                            backgroundColor: '#fff',
+                        }, '& .MuiListItemIcon-root': {
+                            minWidth: 22,
+                            height: 22,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            position: 'absolute',
+                            left: 0,
+                        }, '& .MuiSvgIcon-root': {
+                            fontSize: 15,
+                            color: 'currentColor',
+                        }, '& .MuiListItemText-root': {
+                            color: theme.palette.text.primary,
+                            margin: 0,
+                        } }),
+                },
             });
         },
-    }
+    },
 };
 
 var outlinedInputOverrides = {
@@ -3482,6 +3503,11 @@ theme = createTheme$1(theme, {
         MuiMenuItem: menuItemOverrides,
         MuiListSubheader: listSubheaderOverrides,
         MuiOutlinedInput: outlinedInputOverrides,
+        MuiPopover: {
+            defaultProps: {
+                elevation: 4,
+            },
+        },
         MuiRadio: radioOverrides,
         MuiListItem: listItemOverrides,
         MuiListItemAvatar: listItemAvatarOverrides,
@@ -3496,16 +3522,19 @@ theme = createTheme$1(theme, {
         MuiTableRow: tableRowOverrides,
     },
 });
+// Override shadows
+theme.shadows[3] = '2px 3px 4px 0 rgba(0,0,0,0.15)';
+theme.shadows[4] = '0px 2px 8px 0px rgba(0,0,0,0.15)';
 var theme$1 = theme;
 
 var ThemeProvider = function (_a) {
     var children = _a.children, theme = _a.theme;
-    return (jsx(ThemeProvider$1, __assign({ theme: theme }, { children: children })));
+    return jsx(ThemeProvider$1, __assign({ theme: theme }, { children: children }));
 };
 
 var Icon = function (props) {
-    var name = props.name, _a = props.viewBox, viewBox = _a === void 0 ? "0 0 24 24" : _a, rest = __rest(props, ["name", "viewBox"]);
-    return jsx(SvgIcon, __assign({ component: name }, rest, { viewBox: viewBox }));
+    var name = props.name, _a = props.viewBox, viewBox = _a === void 0 ? '0 0 24 24' : _a, rest = __rest(props, ["name", "viewBox"]);
+    return jsx(SvgIcon, __assign({ component: name, viewBox: viewBox }, rest));
 };
 
 var ListItem = function (_a) {
@@ -3534,7 +3563,7 @@ var MuiIcon = styled(Icon)(function () { return ({
         transition: 'all 0.3s ease-out',
     },
 }); });
-var MuiListItem$1 = styled(ListItem)(function () { return ({
+styled(ListItem)(function () { return ({
     width: '100%',
     paddingLeft: 10,
     paddingRight: 10,
@@ -3585,7 +3614,7 @@ function SvgChevronDownLg(props) {
 }
 
 var List = function (props) {
-    return (jsx(List$1, __assign({}, props, { "aria-labelledby": "nested-list-subheader", subheader: jsx(ListSubheader$1, __assign({ component: "div", id: "nested-list-subheader" }, { children: props.subheader })) }, { children: props.children })));
+    return (jsx(List$1, __assign({ "aria-labelledby": "nested-list-subheader", subheader: jsx(ListSubheader$1, __assign({ component: "div", id: "nested-list-subheader" }, { children: props.subheader })) }, props, { children: props.children })));
 };
 
 var ListSubheader = function (props) {
@@ -3593,38 +3622,39 @@ var ListSubheader = function (props) {
     return jsx(ListSubheader$1, __assign({}, rest, { children: children }));
 };
 
-var Typography = React.forwardRef(function (props, ref) {
+var Typography = React.forwardRef(function Typography(props, ref) {
     var upperCase = props.upperCase, rest = __rest(props, ["upperCase"]);
     return (jsx(MuiTypography$1, __assign({ ref: ref }, rest, { sx: upperCase ? __assign({ textTransform: 'uppercase' }, props.sx) : props.sx }, { children: props.children })));
 });
 
 var Accordion = function (_a) {
-    var title = _a.title, time = _a.time, _b = _a.color, color = _b === void 0 ? 'textPrimary' : _b, _c = _a.bgColor, bgColor = _c === void 0 ? 'white' : _c, _d = _a.border, border = _d === void 0 ? true : _d, _e = _a.chevronPosition, chevronPosition = _e === void 0 ? 'start' : _e, children = _a.children; __rest(_a, ["title", "time", "color", "bgColor", "border", "chevronPosition", "children"]);
+    var title = _a.title, time = _a.time, _b = _a.color, color = _b === void 0 ? 'textPrimary' : _b, _c = _a.bgColor, bgColor = _c === void 0 ? 'white' : _c, _d = _a.border, border = _d === void 0 ? true : _d, _e = _a.chevronPosition, chevronPosition = _e === void 0 ? 'start' : _e, children = _a.children, rest = __rest(_a, ["title", "time", "color", "bgColor", "border", "chevronPosition", "children"]);
     var _f = React.useState(true), open = _f[0], setOpen = _f[1];
     var handleClick = function () {
         setOpen(!open);
     };
     return (jsxs("div", { children: [jsx(ListSubheader, __assign({ sx: {
-                    bgcolor: bgColor
-                } }, { children: jsxs(MuiListItem$1, __assign({ button: true, onClick: handleClick, sx: { backgroundColor: bgColor, borderBottom: border ? "1px solid rgb(212, 212, 212)" : 'none' } }, { children: [jsx(MuiListItemIcon, __assign({ className: chevronPosition === 'end' ? 'accordionAppendIcon' : 'accordionPrependIcon' }, { children: jsx(MuiIcon, { name: SvgChevronDownLg, className: open ? 'iconOpen' : 'iconClosed', sx: { color: '#444444' } }) })), jsx(MuiListItemText$1, __assign({ className: 'accordionTitle' }, { children: jsx(Typography, __assign({ color: color, variant: "body1" }, { children: title })) })), time && (jsx(MuiListItemText$1, __assign({ className: 'accordionTime' }, { children: jsx(Typography, __assign({ variant: "body1" }, { children: time })) })))] }), title) })), jsx(Collapse, __assign({ in: open }, { children: jsx(List, __assign({ sx: {
+                    bgcolor: bgColor,
+                } }, { children: jsxs(ListItemButton, __assign({ onClick: handleClick, sx: {
+                        backgroundColor: bgColor,
+                        borderBottom: border ? "1px solid rgb(212, 212, 212)" : 'none',
+                    } }, { children: [jsx(MuiListItemIcon, __assign({ className: chevronPosition === 'end'
+                                ? 'accordionAppendIcon'
+                                : 'accordionPrependIcon' }, { children: jsx(MuiIcon, { name: SvgChevronDownLg, className: open ? 'iconOpen' : 'iconClosed', sx: { color: '#444444' } }) })), jsx(MuiListItemText$1, __assign({ className: "accordionTitle" }, { children: jsx(Typography, __assign({ color: color, variant: "body1" }, { children: title })) })), time && (jsx(MuiListItemText$1, __assign({ className: "accordionTime" }, { children: jsx(Typography, __assign({ variant: "body1" }, { children: time })) })))] }), title) })), jsx(Collapse, __assign({ in: open }, rest, { children: jsx(List, __assign({ sx: {
                         bgcolor: bgColor,
                         pb: 0,
                         '& .MuiListSubheader-gutters': {
-                            bgcolor: bgColor
+                            bgcolor: bgColor,
                         },
                     } }, { children: children })) }))] }));
 };
 
-var MuiAccordionDetails = styled(AccordionDetails$1)(function () { return ({}); });
-
 var AccordionDetails = function (props) {
-    return (jsx(MuiAccordionDetails, __assign({}, props)));
+    return jsx(AccordionDetails$1, __assign({}, props));
 };
 
-var MuiAccordion = styled(Accordion$1)(function () { return ({}); });
-
 var AccordionPanel = function (props) {
-    return (jsx(MuiAccordion, __assign({ disableGutters: true }, props, { children: props.children })));
+    return (jsx(Accordion$1, __assign({ disableGutters: true }, props, { children: props.children })));
 };
 
 function SvgArrowLeft(props) {
@@ -3640,14 +3670,12 @@ function LawconnectLogo(props) {
     return (jsx("svg", __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "".concat((_a = props === null || props === void 0 ? void 0 : props.style) === null || _a === void 0 ? void 0 : _a.width, "px"), viewBox: "0 0 141 140" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.163 119.104a69.739 69.739 0 0049.313 20.426h.133a69.68 69.68 0 0064.35-43.067 69.663 69.663 0 005.281-26.673h-33.528v.042a36.23 36.23 0 01-22.382 33.464 36.236 36.236 0 11-13.853-69.718V.05a69.74 69.74 0 00-49.314 119.054zm119.049-95.585c0 12.962-10.507 23.47-23.469 23.47-12.962 0-23.47-10.508-23.47-23.47S103.782.049 116.744.049s23.469 10.508 23.469 23.47z", fill: "#ecedef" }) })));
 }
 
-var MuiAccordionSummary = styled(AccordionSummary$1)(function () { return ({}); });
-
 var AccordionSummary = function (props) {
     var bgColor = props.bgColor, rest = __rest(props, ["bgColor"]);
-    return (jsx(MuiAccordionSummary, __assign({}, rest, { expandIcon: jsx(Icon, { name: SvgChevronDownLg }), sx: { backgroundColor: bgColor } }, { children: props.children })));
+    return (jsx(AccordionSummary$1, __assign({ expandIcon: jsx(Icon, { name: SvgChevronDownLg }), sx: { backgroundColor: bgColor } }, rest, { children: props.children })));
 };
 
-function DocTypeAppointment$2(props) {
+function DocTypeAppointment$1(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 48 48" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd", transform: "translate(4 2)" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.6054 42H5V14H44V28V29.3644C41.8502 26.131 38.1739 24 34 24C27.3726 24 22 29.3726 22 36C22 38.1857 22.5844 40.235 23.6054 42Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M42 27.0556V16H6V40H22.6828C22.9298 40.6986 23.2395 41.3676 23.6054 42H4V6H44V29.3644C43.4332 28.5119 42.7602 27.736 42 27.0556Z", fill: "#9DA7B3" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 8H10V11H16V8H32V11H38V8H42V14H6V8Z", fill: "#CCCCCC" }), jsx("rect", { x: "8", y: "18", width: "8", height: "8", fill: "#60738A" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2V12H16V2H10Z", fill: "#9DA7B3" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32 2V12H38V2H32Z", fill: "#9DA7B3" }), jsx("path", { d: "M36 4H34V10H36V4Z", fill: "white" }), jsx("path", { d: "M14 4H12V10H14V4Z", fill: "white" }), jsx("path", { d: "M34 46C39.5228 46 44 41.5228 44 36C44 30.4772 39.5228 26 34 26C28.4772 26 24 30.4772 24 36C24 41.5228 28.4772 46 34 46Z", fill: "#2E6DAD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M34 30V37L38 39V41L32 38.0011V30H34Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M34 24C36.1857 24 38.235 24.5844 40 25.6054V18H18V20H20V24H18V26H20V30H16V28H14V30H10V28H8V38H22H22.1659C22.0568 37.3496 22 36.6814 22 36C22 33.8143 22.5844 31.765 23.6054 30H22V26H26V27.0556C28.123 25.1554 30.9266 24 34 24ZM34 24V20H38V24H34ZM10 36V32H14V36H10ZM16 36V32H20V36H16ZM22 24V20H26V24H22ZM28 24V20H32V24H28Z", fill: "#B6B6B6" })] })) })));
 }
 
@@ -3671,7 +3699,7 @@ function DocTypePdf(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 48 48" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd", transform: "translate(2 2)" }, { children: [jsx("polygon", { fill: "#FFF", points: "44 44 8 44 8 0 34 0 44 10" }), jsx("path", { fill: "#ED2D26", d: "M14.7132298,36.2863604 C15.1797076,35.0690036 15.1197319,35.3337912 15.9910457,34.6693242 C16.6424485,34.1730556 16.9839769,33.873296 17.7203454,33.5801978 C17.0706085,34.5560817 16.0426914,35.7684426 14.7132298,36.2863604 L14.7132298,36.2863604 Z M30.9949696,30.3311373 C32.3860729,30.2362135 37.770559,31.2970292 36.119561,32.9806787 C34.8050933,34.3246007 31.4531174,30.7124981 30.9949696,30.3311373 L30.9949696,30.3311373 Z M24.5659065,25.3118302 C25.1190158,25.7764575 26.8333216,28.2078405 27.2065038,28.8856302 L22.3368092,29.901482 L24.5659065,25.3118302 L24.5659065,25.3118302 Z M24.5009328,20.0943486 C24.1244186,19.2150539 24.037787,18.7970559 24.047783,17.6579696 C24.0711069,15.2399092 24.5942283,15.8677389 24.869117,15.7361778 C25.3822426,16.7686829 24.6908559,18.938609 24.5009328,20.0943486 L24.5009328,20.0943486 Z M28.6859047,30.4343878 C29.670506,31.3802958 35.0166743,37.3055429 37.5606441,33.89328 C39.0850267,31.8515844 36.8009517,30.0863337 35.6230954,29.5201212 C33.6805487,28.5908666 31.3631538,28.6608105 29.1290586,28.6291692 C28.5792812,27.6782653 27.7779391,26.8339426 27.0515665,25.83974 C26.4284855,24.9854253 25.3206009,23.7980444 25.5555057,22.4574531 C25.8987001,20.5073507 28.0428318,15.3814623 25.7404308,14.3173159 C22.2185238,12.691953 22.1152323,17.6979375 22.7699671,20.5523146 C23.3547303,23.1036015 24.3043457,23.2584772 21.4221796,28.1229086 C18.7332685,32.6642659 19.7062078,30.2911694 15.7428129,32.7991577 C11.6161507,35.4103964 12.7090414,38.7327315 15.3329788,37.8567674 C17.6187199,37.0957112 19.1064507,34.3445847 20.5258759,32.6709272 C21.6820743,31.3070212 26.6933783,30.4710251 28.6859047,30.4343878 L28.6859047,30.4343878 Z" }), jsx("path", { fill: "#9DA7B3", fillRule: "nonzero", d: "M44,44 L8,44 L8,-1.13686838e-13 L34,-1.13686838e-13 L44,10 L44,44 Z M42,10.8284271 L33.1715729,2 L10,2 L10,42 L42,42 L42,10.8284271 Z M32,12 L42,12 L42,14 L30,14 L30,2 L32,2 L32,12 Z" }), jsx("polygon", { fill: "#BE241E", points: "22 6 22 14 0 14 0 6" }), jsx("polygon", { fill: "#ED2D26", points: "20 8 20 12 2 12 2 8" })] })) })));
 }
 
-function DocTypeEmail$1(props) {
+function DocTypeEmail(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 48 48" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", id: "Documents/24px/doctype-email-default-24", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [jsx("polygon", { id: "Paper", fill: "#9DA7B3", fillRule: "nonzero", points: "2 8 46 8 46 40 2 40" }), jsx("polygon", { id: "Path", fill: "#FFFFFF", points: "4 10 4 38 44 38 44 10" }), jsx("polygon", { id: "Line", fill: "#CCCCCC", points: "24 26 44 10 44 12 29 24 44 36 44 38 27.75 25 24 28 20.25 25 4 38 4 36 19 24 4 12 4 10" })] })) })));
 }
 
@@ -3683,11 +3711,11 @@ function DocTypeWord(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 48 48" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd", transform: "translate(2 2)" }, { children: [jsx("path", { fill: "#FFF", d: "M8,37.2666667 L0,36.1111111 L0,11.8888889 L8,10.7333333 L8,0 L34,0 L44,10 L44,44 L8,44 L8,37.2666667 Z" }), jsx("path", { fill: "#CCC", d: "M24,12 L30,12 L30,14 L24,14 L24,12 Z M16,6 L30,6 L30,8 L16,8 L16,6 Z M24,18 L40,18 L40,20 L24,20 L24,18 Z M24,36 L40,36 L40,38 L24,38 L24,36 Z M24,24 L40,24 L40,26 L24,26 L24,24 Z M24,30 L40,30 L40,32 L24,32 L24,30 Z" }), jsx("path", { fill: "#9DA7B3", fillRule: "nonzero", d: "M8,37.2666667 L10,37.5555556 L10,42 L42,42 L42,10.8284271 L33.1715729,2 L10,2 L10,10.4444444 L8,10.7333333 L8,-1.13686838e-13 L34,-1.13686838e-13 L44,10 L44,44 L8,44 L8,37.2666667 Z M32,12 L42,12 L42,14 L30,14 L30,2 L32,2 L32,12 Z" }), jsx("path", { fill: "#28579B", d: "M20,9 L20,39 L0,36.1111111 L0,11.8888889 L20,9 Z M17,18 L14.5954198,18 L12.8778626,26.9174312 L11.0458015,18 L8.41221374,18 L6.23664122,26.8073394 L4.63358779,18.1100917 L2,18.1100917 L4.7480916,30 L7.49618321,30 L9.55725191,21.5229358 L11.5038168,30 L14.1374046,30 L17,18 Z" })] })) })));
 }
 
-function DocTypeZip$1(props) {
+function DocTypeZip(props) {
     return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 48 48" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M42 46H6V2H30.75L42 12V46Z", fill: "white" }), jsx("path", { d: "M42 46H6V2H32L42 12V46ZM40 12.8284L31.1716 4H8V44H40V12.8284ZM30 14H40V16H28V4H30V14Z", fill: "#9DA7B3" }), jsx("line", { x1: "18", y1: "15", x2: "26", y2: "15", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("line", { x1: "18", y1: "27", x2: "26", y2: "27", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("line", { x1: "18", y1: "21", x2: "26", y2: "21", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("line", { x1: "18", y1: "33", x2: "26", y2: "33", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("line", { x1: "18", y1: "39", x2: "26", y2: "39", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("rect", { x: "21", y: "8", width: "2", height: "30", fill: "#9DA7B3" }), jsx("rect", { x: "19", y: "1", width: "6", height: "8", fill: "#CCCCCC", stroke: "#9DA7B3", strokeWidth: "2" })] })));
 }
 
-function DocTypeAppointment$1(props) {
+function DocTypeAppointment(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 48 48" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd", transform: "translate(4 2)" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44 32H23L10 42V32H4V6H44V32Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 24H24V26H12V24ZM12 12H36V14H12V12ZM12 16H36V18H12V16ZM12 20H32V22H12V20Z", fill: "#F69139" }), jsx("path", { d: "M22.3198 30H42V8H6V30H10H12V37.9383L22.3198 30ZM44 32H23L10 42V32H4V6H44V32Z", fill: "#9DA7B3" })] })) })));
 }
 
@@ -3803,11 +3831,11 @@ function DocTypeWord16(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd" }, { children: [jsx("path", { d: "M32 32H6V0H26L32 6V32Z", fill: "#7F8B99" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30 7L25 2H8V30H30V7Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24 8V1H22V10H31V8H24Z", fill: "#7F8B99" }), jsx("path", { d: "M28 12H18V14H28V12Z", fill: "#929292" }), jsx("path", { d: "M28 16H18V18H28V16Z", fill: "#929292" }), jsx("path", { d: "M28 20H18V22H28V20Z", fill: "#929292" }), jsx("path", { d: "M28 24H22V26H28V24Z", fill: "#929292" }), jsx("path", { d: "M15 11H2V24H15V11Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 8V28L0 26V10L16 8ZM12 14L11 20L9 14H7L5 20L4 14H2L4 22H6L8 17L10 22H12L14 14H12Z", fill: "#28579B" })] })) })));
 }
 
-function DocTypeZip(props) {
+function DocTypeZip16(props) {
     return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: [jsx("path", { d: "M30 32H2V0H23.5385L30 6V32Z", fill: "#707C8A" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M27.8461 7L22.4615 2H4.15381V30H27.8461V7Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.1538 8V1H20V10H29.6923V8H22.1538Z", fill: "#707C8A" }), jsx("rect", { x: "13", y: "1", width: "4", height: "6", fill: "#CCCCCC", stroke: "#707C8A", strokeWidth: "2" }), jsx("rect", { x: "18", width: "2", height: "2", fill: "white" }), jsx("rect", { x: "10", width: "2", height: "2", fill: "white" }), jsx("line", { x1: "12", y1: "11", x2: "18", y2: "11", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("line", { x1: "12", y1: "15", x2: "18", y2: "15", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("line", { x1: "12", y1: "19", x2: "18", y2: "19", stroke: "#B6B6B6", strokeWidth: "2" }), jsx("rect", { x: "14", y: "8", width: "2", height: "16", fill: "#9DA7B3" }), jsx("path", { d: "M12 23H18", stroke: "#B6B6B6", strokeWidth: "2" })] })));
 }
 
-function DocTypeAppointment(props) {
+function DocTypeComment16(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd" }, { children: [jsx("path", { d: "M30 22.0556H14L6 30V22.0556H2V4H30V22.0556Z", fill: "#707C8A" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 20H28V6H4V20H8V25.1794L13 20Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16H18V18H8V16ZM8 8H24V10H8V8ZM8 12H24V14H8V12Z", fill: "#F69139" })] })) })));
 }
 
@@ -3815,7 +3843,7 @@ function DocTypeAudio16(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd" }, { children: [jsx("path", { d: "M30 32H2V0H23.5385L30 6V32Z", fill: "#707C8A" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M27.8461 7L22.4615 2H4.15381V30H27.8461V7Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 8V1H20V10H29V8H22Z", fill: "#707C8A" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 16H9V24H13L17 28V12L13 16ZM21 20C21 19.7617 21.183 18 19 18V16C21.183 16 23 18.4722 23 20C23 21.5278 21.183 24 19 24V22C21.183 22 21 20.2383 21 20Z", fill: "#2E6DAD" })] })) })));
 }
 
-function DocTypeEmailDraft16$1(props) {
+function DocTypeClausePrecedent16(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29 7L23.7917 2H4V30H29V7Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.9998 12H25V18H15.9998L15.3332 16H23H23.2353V14H23H14.6665L13.9998 12ZM13.6665 26H25V20H15.6665L14.9998 22H23.2353V24H14.3332L13.6665 26Z", fill: "#2E6DAD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30 32H2V0H23.5385L30 6V32ZM27.8462 7L22.4615 2H22V8H27.8462V7ZM27.8462 10V30H4.15385V2H20V10H27.8462Z", fill: "#7F8B99" }), jsx("rect", { x: "2", y: "10", width: "3", height: "18", fill: "white" }), jsx("ellipse", { cx: "7.00003", cy: "16.8666", rx: "4.11429", ry: "4.26667", fill: "white" }), jsx("path", { d: "M9.46795 22.2132L10.1735 21.0259L11.4467 20.5756L11.5877 19.1888L12.5457 18.2109L12.0902 16.8982L12.5457 15.5855L11.5878 14.6075L11.4467 13.2208L10.1735 12.7704L9.46798 11.5832L8.1335 11.7503L6.99989 11L5.86628 11.7503L4.53183 11.5832L3.8263 12.7705L2.55309 13.2208L2.41203 14.6075L1.4541 15.5855L1.90955 16.8982L1.4541 18.2109L2.412 19.1889L2.55306 20.5757L3.82627 21.026L4.5318 22.2132L5.86628 22.0462L6.99989 22.7964L8.1335 22.0462L9.46795 22.2132ZM3.09969 16.8982C3.09969 14.668 4.84932 12.8536 6.99989 12.8536C9.15046 12.8536 10.9001 14.668 10.9001 16.8982C10.9001 19.1284 9.15046 20.9429 6.99989 20.9429C4.84932 20.9429 3.09969 19.1284 3.09969 16.8982Z", fill: "#2E6DAD" }), jsx("path", { d: "M7 14.3982C5.62149 14.3982 4.5 15.5197 4.5 16.8982C4.5 18.2767 5.62149 19.3982 7 19.3982C8.37851 19.3982 9.5 18.2767 9.5 16.8982C9.5 15.5197 8.37851 14.3982 7 14.3982Z", fill: "#2E6DAD" }), jsx("path", { d: "M1.71191 25.6905L2.94177 21.7041L6.67762 23.6958L5.65825 26.9999L3.926 25.5643L1.71191 25.6905Z", fill: "#2E6DAD" }), jsx("path", { d: "M8.34188 26.9999L7.32251 23.6958L11.0584 21.7041L12.2882 25.6905L10.0741 25.5643L8.34188 26.9999Z", fill: "#2E6DAD" })] })) })));
 }
 
@@ -3859,7 +3887,7 @@ function DocTypeEmailDraft16(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: jsxs("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [jsx("path", { fill: "#FFF", d: "M32,5.17314567 L29.8268543,3 L26.1700001,3 L22.1707865,7.0007864 L8,21.1715729 L8,24 L0,24 L0,2 L32,2 L32,5.17314567 Z M32,10.8268543 L32,24 L18.8280339,24 L30.8276407,11.9992136 L32,10.8268543 Z" }), jsx("path", { fill: "#CCC", d: "M15.7531595,13.4184134 L15.5151515,13.5757576 L13.6018359,12.2201349 L2,22 L2,20 L12.5545695,11.4781254 L2,4 L2,2 L15.5151515,11.6363636 L15.5199569,11.6331668 L15.5244437,11.6363636 L16.2234096,11.1710627 L16.2193479,11.1678815 L17.3095943,10.4425712 L17.3134218,10.4454426 L21.5392797,7.63229322 L15.7531595,13.4184134 Z M24.8779306,17.9495086 L25.923006,16.9043305 L30.0494792,20 L30.0494792,22 L24.8779306,17.9495086 Z M30,3.17314567 L29.8268543,3 L28.4978196,3 L30,2 L30,3.17314567 Z" }), jsx("path", { fill: "#9DA7B3", fillRule: "nonzero", d: "M32,5.17314567 L30,3.17314567 L30,2.06042296 L2,2 L2,22 L8,22 L8,24 L0,24 L0,0 L32,0 L32,5.17314567 Z M32,10.8268543 L32,24 L18.8280339,24 L20.8278374,22 L30,22 L30,12.8269357 L30.8276407,11.9992136 L32,10.8268543 Z" }), jsx("path", { fill: "#2E6DAD", d: "M14,18 L24,8 L28,12 L18,22 L14,18 Z M25,7 L27,5 L29,5 L31,7 L31,9 L29,11 L25,7 Z M10,22 L12,20 L16,24 L14,26 L10,26 L10,22 Z" })] })) })));
 }
 
-function DocTypeEmail(props) {
+function DocTypeEmail16(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 32 32" }, { children: jsxs("g", __assign({ xmlns: "http://www.w3.org/2000/svg", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [jsx("path", { d: "M32 4H0V27.2727H32V4Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2723 15.0906L18.5447 14.1811L18.5465 14.1827L30.0038 6V8L19.8187 15.2731L30 24V26L18.5458 16.1821L16 18L13.4545 16.1818L2 26V24L12.1818 15.2727L2 8V6.00091L16 16H16.0019L17.2737 15.0917L17.2723 15.0906Z", fill: "#CCCCCC" }), jsx("path", { d: "M2 6V26H30V6H2ZM0 4H32V28H0V4Z", fill: "#9DA7B3" })] })) })));
 }
 
@@ -3904,7 +3932,7 @@ var AttachmentIcon = function (props) {
             icon = size === 'small' ? jsx(DocTypeAudio16, { fontSize: size }) : jsx(DocTypeAudio, { fontSize: size });
             break;
         case 'clause':
-            icon = size === 'small' ? jsx(DocTypeEmailDraft16$1, { fontSize: size }) : jsx(DocTypeEmailDraft$1, { fontSize: size });
+            icon = size === 'small' ? jsx(DocTypeClausePrecedent16, { fontSize: size }) : jsx(DocTypeEmailDraft$1, { fontSize: size });
             break;
         case 'doc':
         case 'docx':
@@ -3953,7 +3981,7 @@ var AttachmentIcon = function (props) {
             icon = size === 'small' ? jsx(DocTypeSMS16, { fontSize: size }) : jsx(DocTypeSMS, { fontSize: size });
             break;
         case 'zip':
-            icon = size === 'small' ? jsx(DocTypeZip, { fontSize: size }) : jsx(DocTypeZip$1, { fontSize: size });
+            icon = size === 'small' ? jsx(DocTypeZip16, { fontSize: size }) : jsx(DocTypeZip, { fontSize: size });
             break;
         case 'jpeg':
         case 'jpg':
@@ -3963,10 +3991,10 @@ var AttachmentIcon = function (props) {
             icon = size === 'small' ? jsx(DocTypeImage16, { fontSize: size }) : jsx(DocTypeImage, { fontSize: size });
             break;
         case 'comment':
-            icon = size === 'small' ? jsx(DocTypeAppointment, { fontSize: size }) : jsx(DocTypeAppointment$1, { fontSize: size });
+            icon = size === 'small' ? jsx(DocTypeComment16, { fontSize: size }) : jsx(DocTypeAppointment, { fontSize: size });
             break;
         case 'eml':
-            icon = size === 'small' ? jsx(DocTypeEmail, { fontSize: size }) : jsx(DocTypeEmail$1, { fontSize: size });
+            icon = size === 'small' ? jsx(DocTypeEmail16, { fontSize: size }) : jsx(DocTypeEmail, { fontSize: size });
             break;
         case 'emldraft':
             icon = size === 'small' ? jsx(DocTypeEmailDraft16, { fontSize: size }) : jsx(DocTypeEmailDraft$2, { fontSize: size });
@@ -3982,7 +4010,7 @@ var AttachmentIcon = function (props) {
             icon = size === 'small' ? jsx(DocTypeFolder16, { fontSize: size }) : jsx(DocTypeFolder, { fontSize: size });
             break;
         case 'app':
-            icon = size === 'small' ? jsx(DocTypeAppointment16, { fontSize: size }) : jsx(DocTypeAppointment$2, { fontSize: size });
+            icon = size === 'small' ? jsx(DocTypeAppointment16, { fontSize: size }) : jsx(DocTypeAppointment$1, { fontSize: size });
             break;
         case 'videocall':
             icon =
@@ -4091,49 +4119,49 @@ var AvatarGroupStyled = styled(AvatarGroup$1)(function (_a) {
             '& .MuiAvatar-root': {
                 color: theme.avatars.color.primary.color,
                 background: theme.avatars.color.primary.background,
-            }
+            },
         },
         '&.avatarGroup--secondary': {
             '& .MuiAvatar-root': {
                 color: theme.avatars.color.secondary.color,
                 background: theme.avatars.color.secondary.background,
-            }
+            },
         },
         '&.avatarGroup--xsmall': {
             '& .MuiAvatar-root': {
                 width: theme.avatars.size.xsmall.size,
                 height: theme.avatars.size.xsmall.size,
                 fontSize: theme.avatars.size.xsmall.fontSize,
-            }
+            },
         },
         '&.avatarGroup--small': {
             '& .MuiAvatar-root': {
                 width: theme.avatars.size.small.size,
                 height: theme.avatars.size.small.size,
                 fontSize: theme.avatars.size.small.fontSize,
-            }
+            },
         },
         '&.avatarGroup--medium': {
             '& .MuiAvatar-root': {
                 width: theme.avatars.size.medium.size,
                 height: theme.avatars.size.medium.size,
                 fontSize: theme.avatars.size.medium.fontSize,
-            }
+            },
         },
         '&.avatarGroup--large': {
             '& .MuiAvatar-root': {
                 width: theme.avatars.size.large.size,
                 height: theme.avatars.size.large.size,
                 fontSize: theme.avatars.size.large.fontSize,
-            }
+            },
         },
         '&.avatarGroup--xlarge': {
             '& .MuiAvatar-root': {
                 width: theme.avatars.size.xlarge.size,
                 height: theme.avatars.size.xlarge.size,
                 fontSize: theme.avatars.size.xlarge.fontSize,
-            }
-        }
+            },
+        },
     });
 });
 
@@ -4167,7 +4195,7 @@ var ChipStyled = styled(MuiChip)(function (_a) {
         },
         // Mui classes refer to docs: https://mui.com/material-ui/react-chip/
         // Refer to custom theme component tokens
-        "&.MuiChip-filledDefault": {
+        '&.MuiChip-filledDefault': {
             backgroundColor: theme.chip.color.filled.default.background,
             color: theme.chip.color.filled.default.color,
             borderColor: theme.chip.color.filled.default.borderColor,
@@ -4179,10 +4207,10 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.default.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.default.background,
-                }
-            }
+                },
+            },
         },
-        "&.MuiChip-filledPrimary": {
+        '&.MuiChip-filledPrimary': {
             backgroundColor: theme.chip.color.filled.primary.background,
             color: theme.chip.color.filled.primary.color,
             '&.chip--rounded': {
@@ -4193,10 +4221,10 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.primary.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.primary.background,
-                }
-            }
+                },
+            },
         },
-        "&.MuiChip-filledSecondary": {
+        '&.MuiChip-filledSecondary': {
             backgroundColor: theme.chip.color.filled.secondary.background,
             color: theme.chip.color.filled.secondary.color,
             '&.chip--rounded': {
@@ -4207,10 +4235,10 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.secondary.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.secondary.background,
-                }
-            }
+                },
+            },
         },
-        "&.MuiChip-filledInfo": {
+        '&.MuiChip-filledInfo': {
             backgroundColor: theme.chip.color.filled.info.background,
             color: theme.chip.color.filled.info.color,
             '&.chip--rounded': {
@@ -4221,10 +4249,10 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.info.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.info.background,
-                }
-            }
+                },
+            },
         },
-        "&.MuiChip-filledSuccess": {
+        '&.MuiChip-filledSuccess': {
             backgroundColor: theme.chip.color.filled.success.background,
             color: theme.chip.color.filled.success.color,
             '&.chip--rounded': {
@@ -4235,10 +4263,10 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.success.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.success.background,
-                }
-            }
+                },
+            },
         },
-        "&.MuiChip-filledWarning": {
+        '&.MuiChip-filledWarning': {
             backgroundColor: theme.chip.color.filled.warning.background,
             color: theme.chip.color.filled.warning.color,
             '&.chip--rounded': {
@@ -4249,10 +4277,10 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.warning.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.warning.background,
-                }
-            }
+                },
+            },
         },
-        "&.MuiChip-filledError": {
+        '&.MuiChip-filledError': {
             backgroundColor: theme.chip.color.filled.error.background,
             color: theme.chip.color.filled.error.color,
             '&.chip--rounded': {
@@ -4263,8 +4291,8 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.error.background),
                 '&:hover': {
                     backgroundColor: theme.chip.color.filled.error.background,
-                }
-            }
+                },
+            },
         },
         // Size
         '& .MuiChip-label': {
@@ -4277,8 +4305,6 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 padding: "0 ".concat(theme.chip.size.medium.labelPadding),
             },
         },
-        //Icon
-        "&.MuiChip-icon": {},
         // Delete
         '&.MuiChip-deletable': {
             minHeight: '20px',
@@ -4288,7 +4314,7 @@ var ChipStyled = styled(MuiChip)(function (_a) {
                 width: '24px',
                 height: '24px',
                 padding: 0,
-            }
+            },
         },
         '& svg': {
             color: 'currentColor',
@@ -4297,21 +4323,21 @@ var ChipStyled = styled(MuiChip)(function (_a) {
             '& svg': {
                 color: 'currentColor',
             },
-        }
+        },
     });
 });
 
 var Chip = function (props) {
-    var rounded = props.rounded, rest = __rest(props, ["rounded"]);
-    return (jsx(ChipStyled, __assign({ size: 'small' }, rest, { deleteIcon: jsx(SvgCross, {}), onDelete: props.onDelete, className: rounded ? "chip--rounded" : '' })));
+    var rounded = props.rounded, deleteIcon = props.deleteIcon, rest = __rest(props, ["rounded", "deleteIcon"]);
+    return (jsx(ChipStyled, __assign({ size: "small", deleteIcon: deleteIcon ? deleteIcon : jsx(SvgCross, {}), onDelete: props.onDelete, className: rounded ? "chip--rounded" : '' }, rest)));
 };
 
 var IconButton = React.forwardRef(function (props, ref) {
     var children = props.children, variant = props.variant, rest = __rest(props, ["children", "variant"]);
-    return (jsx(IconButton$1, __assign({}, rest, { className: "".concat(variant), ref: ref }, { children: children })));
+    return (jsx(IconButton$1, __assign({ className: "".concat(variant), ref: ref }, rest, { children: children })));
 });
 
-var Tooltip = React.forwardRef(function (props, ref) {
+var Tooltip = React.forwardRef(function Tooltip(props, ref) {
     var children = props.children, TransitionProps = props.TransitionProps, rest = __rest(props, ["children", "TransitionProps"]);
     return (jsx(Tooltip$2, __assign({ arrow: true, TransitionProps: __assign(__assign({}, TransitionProps), { timeout: 0 }), ref: ref }, rest, { children: children })));
 });
@@ -4328,26 +4354,26 @@ var MuiListItem = styled(ListItem)(function (_a) {
 });
 var MuiListItemICon = styled(ListItemIcon)(function () { return ({
     alignSelf: 'flex-start',
-    "&.prependIcon": {
+    '&.prependIcon': {
         marginTop: 4,
         width: 16,
         height: 16,
         minWidth: 16,
         marginRight: 10,
-        "& .MuiSvgIcon-root": {
-            fontSize: 16
+        '& .MuiSvgIcon-root': {
+            fontSize: 16,
         },
-        "& .MuiButtonBase-root": {
+        '& .MuiButtonBase-root': {
             padding: 0,
             backgroundColor: 'transparent',
-        }
+        },
     },
-    "&.docTypeIcon": {
+    '&.docTypeIcon': {
         minWidth: 16,
         marginRight: 10,
-        "& .MuiSvgIcon-root": {
-            fontSize: 24
-        }
+        '& .MuiSvgIcon-root': {
+            fontSize: 24,
+        },
     },
 }); });
 var MuiListItemText = styled(ListItemText)(function () { return ({
@@ -4356,45 +4382,48 @@ var MuiListItemText = styled(ListItemText)(function () { return ({
     display: 'flex',
     flexDirection: 'row',
     flexWrap: 'wrap',
-    "&:hover": {
+    '&:hover': {
         cursor: 'pointer',
     },
-    "& .MuiTypography-body1": {
-        "&:hover": {
-            cursor: 'pointer'
-        }
+    '& .MuiTypography-body1': {
+        '&:hover': {
+            cursor: 'pointer',
+        },
     },
-    "& .MuiListItemText-primary": {
-        display: 'flex'
+    '& .MuiListItemText-primary': {
+        display: 'flex',
     },
 }); });
-var ActivityLogChips = styled("div")(function () { return ({
+var ActivityLogChips = styled('div')(function () { return ({
     width: '100%',
-    "& .MuiChip-root": {
+    '& .MuiChip-root': {
         marginRight: 5,
     },
-    "& .MuiChip-root:last-child": {
+    '& .MuiChip-root:last-child': {
         marginRight: 0,
-    }
+    },
 }); });
 var ActivityLogMainName = styled(Typography$1)(function () { return ({
-    flex: 'auto'
+    flex: 'auto',
 }); });
-var ActivityLogTime = styled("div")(function () { return ({
+var ActivityLogTime = styled('div')(function () { return ({
     alignSelf: 'flex-start',
     maxWidth: 80,
     minWidth: 80,
     marginLeft: 5,
     textAlign: 'right',
-    whiteSpace: 'nowrap'
+    whiteSpace: 'nowrap',
 }); });
-var ActivityLogGroup = styled("div")(function () { return ({
-    alignSelf: 'flex-start'
-}); });
+var ActivityLogGroup = styled('div')(function () { return ({
+    alignSelf: 'flex-start',
+}); });
+var DocTypeImageStyled = styled('img')({
+    maxWidth: '24px',
+});
 
 var ActivityLog = function (props) {
-    var name = props.name, time = props.time, ext = props.ext, iconURL = props.iconURL, onAttach = props.onAttach, onClick = props.onClick, users = props.users, attachment = props.attachment, action = props.action, avatarGroupTooltip = props.avatarGroupTooltip, _a = props.insertIconTooltip, insertIconTooltip = _a === void 0 ? 'Insert' : _a, hover = props.hover, _b = props.tooltip, tooltip = _b === void 0 ? 'Preview' : _b, _c = props.nameRef, nameRef = _c === void 0 ? undefined : _c, defaultProps = __rest(props, ["name", "time", "ext", "iconURL", "onAttach", "onClick", "users", "attachment", "action", "avatarGroupTooltip", "insertIconTooltip", "hover", "tooltip", "nameRef"]);
-    return (jsxs(MuiListItem, __assign({}, defaultProps, { children: [jsx(MuiListItemICon, __assign({ className: 'prependIcon' }, { children: attachment ? (jsx(Tooltip, __assign({ title: insertIconTooltip }, { children: jsx(IconButton, __assign({ onClick: onAttach }, { children: jsx(Icon, { name: SvgArrowLeft }) })) }))) : ('') })), jsx(MuiListItemICon, __assign({ className: 'docTypeIcon' }, { children: iconURL ? (jsx("img", { src: iconURL, style: { maxWidth: '24px' } })) : (jsx(AttachmentIcon, { ext: ext })) })), jsxs(MuiListItemText, __assign({ disableTypography: true, onClick: onClick, secondary: action && (jsx(ActivityLogChips, { children: action.map(function (tag) { return (jsx(Chip, { label: tag.label, variant: tag.variant }, tag.label)); }) })) }, { children: [hover ? (jsx(Tooltip, __assign({ title: tooltip }, { children: jsx(ActivityLogMainName, __assign({ ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary" }, { children: name })) }))) : (jsx(ActivityLogMainName, __assign({ ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary" }, { children: name }))), users ? (jsx(ActivityLogGroup, { children: jsx(AvatarGroup, __assign({ max: 2, size: "small", tooltip: avatarGroupTooltip, tooltipPlacement: "bottom-end" }, { children: users.map(function (person) { return (jsx(Avatar, __assign({ color: "default", size: "small", tooltip: person.name }, { children: person.initials }), person.initials)); }) })) })) : (''), jsx(ActivityLogTime, { children: jsx(Typography, __assign({ variant: "body1" }, { children: time })) })] }))] })));
+    var name = props.name, time = props.time, ext = props.ext, iconURL = props.iconURL, onAttach = props.onAttach, onClick = props.onClick, users = props.users, attachment = props.attachment, action = props.action, avatarGroupTooltip = props.avatarGroupTooltip, _a = props.insertIconTooltip, insertIconTooltip = _a === void 0 ? 'Insert' : _a, hover = props.hover, _b = props.tooltip, tooltip = _b === void 0 ? 'Preview' : _b, _c = props.nameRef, nameRef = _c === void 0 ? undefined : _c;
+    return (jsxs(MuiListItem, { children: [jsx(MuiListItemICon, __assign({ className: "prependIcon" }, { children: attachment ? (jsx(Tooltip, __assign({ title: insertIconTooltip }, { children: jsx(IconButton, __assign({ onClick: onAttach }, { children: jsx(Icon, { name: SvgArrowLeft }) })) }))) : ('') })), jsx(MuiListItemICon, __assign({ className: "docTypeIcon" }, { children: iconURL ? (jsx(DocTypeImageStyled, { title: iconURL, src: iconURL })) : (jsx(AttachmentIcon, { ext: ext })) })), jsxs(MuiListItemText, __assign({ disableTypography: true, onClick: onClick, secondary: action && (jsx(ActivityLogChips, { children: action.map(function (tag) { return (jsx(Chip, { label: tag.label, variant: tag.variant }, tag.label)); }) })) }, { children: [hover ? (jsx(Tooltip, __assign({ title: tooltip }, { children: jsx(ActivityLogMainName, __assign({ ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary" }, { children: name })) }))) : (jsx(ActivityLogMainName, __assign({ ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary" }, { children: name }))), users ? (jsx(ActivityLogGroup, { children: jsx(AvatarGroup, __assign({ max: 2, size: "small", tooltip: avatarGroupTooltip, tooltipPlacement: "bottom-end" }, { children: users.map(function (person) { return (jsx(Avatar, __assign({ color: "default", size: "small", tooltip: person.name }, { children: person.initials }), person.initials)); }) })) })) : (''), jsx(ActivityLogTime, { children: jsx(Typography, __assign({ variant: "body1" }, { children: time })) })] }))] }));
 };
 
 function LeapLogo() {
@@ -4412,7 +4441,7 @@ function PowerIcon(props) {
 styled("div")(function () { return ({
     display: 'none'
 }); });
-styled(AppBar)(function (_a) {
+var MuiAppBar = styled(AppBar$1)(function (_a) {
     var theme = _a.theme;
     return ({
         maxHeight: 50,
@@ -4431,7 +4460,7 @@ styled(AppBar)(function (_a) {
         },
     });
 });
-styled(Toolbar$1)(function () { return ({
+var AppBarToolbar = styled(Toolbar$1)(function () { return ({
     "&.MuiToolbar-root": {
         minHeight: 50,
         maxHeight: 50,
@@ -4440,7 +4469,7 @@ styled(Toolbar$1)(function () { return ({
         display: 'flex'
     }
 }); });
-styled("div")(function () { return ({
+var AppBarLogo = styled("div")(function () { return ({
     borderRight: '1px solid rgba(0,96,172,.6)',
     borderLeft: '1px solid rgba(0,96,172,.6)',
     paddingLeft: '1rem',
@@ -4457,7 +4486,7 @@ styled("div")(function () { return ({
         width: '100%'
     }
 }); });
-styled("div")(function () { return ({
+var AppBarUser = styled("div")(function () { return ({
     borderRight: '1px solid rgba(0,96,172,.6)',
     height: '100%',
     display: 'flex',
@@ -4475,13 +4504,22 @@ styled("div")(function () { return ({
         lineHeight: 1,
     }
 }); });
-styled("div")(function () { return ({
+var AppBarContent = styled("div")(function () { return ({
     flexGrow: 1
 }); });
 
+var AppBar = function (props) {
+    var onDrawerToggle = props.onDrawerToggle, onLogout = props.onLogout, user = props.user, _a = props.position, position = _a === void 0 ? 'sticky' : _a, rest = __rest(props, ["onDrawerToggle", "onLogout", "user", "position"]);
+    var hasDrawerToggle = (onDrawerToggle === null || onDrawerToggle === void 0 ? void 0 : onDrawerToggle.name) === 'onDrawerToggle' ? true : false;
+    var isMobile = useMediaQuery('(max-width:380px)');
+    return (jsx(MuiAppBar, __assign({ color: "primary", position: position, elevation: 0 }, rest, { children: jsxs(AppBarToolbar, __assign({ variant: "dense" }, { children: [hasDrawerToggle && (jsx(Box$1, __assign({ sx: {
+                        display: { xs: hasDrawerToggle ? 'block' : 'none', sm: 'block' },
+                    } }, { children: jsx(IconButton, __assign({ "aria-label": "open drawer", onClick: onDrawerToggle }, { children: jsx(Icon, { name: MenuIcon }) })) }))), jsx(AppBarLogo, __assign({ sx: isMobile ? { marginRight: 0, height: '3.125rem' } : {} }, { children: jsx(Icon, { name: LeapLogo }) })), jsx(Box$1, __assign({ sx: { display: { xs: 'none', sm: 'block' } } }, { children: jsx(Typography, __assign({ upperCase: true, color: "white", variant: "h2" }, { children: props.title })) })), jsx(AppBarContent, { children: props.children }), !!props && !!props.user && (jsxs(Fragment, { children: [jsxs(AppBarUser, __assign({ sx: isMobile ? { overflow: 'hidden', minWidth: '6.25rem' } : {} }, { children: [jsxs(Typography, __assign({ color: "white", variant: "h4" }, { children: [user.firstName, " ", user.lastName] })), jsx(Typography, __assign({ color: "gray", variant: "body2" }, { children: user.email }))] })), jsx(IconButton, __assign({ "aria-label": "logout", onClick: onLogout }, { children: jsx(Icon, { name: PowerIcon }) }))] }))] })) })));
+};
+
 var InputLabel = function (props) {
     var color = props.color, rest = __rest(props, ["color"]);
-    return jsx(InputLabel$1, __assign({}, rest, { sx: { color: color } }));
+    return jsx(InputLabel$1, __assign({ sx: { color: color } }, rest));
 };
 
 var StyledPaper = styled(Paper, {
@@ -4489,17 +4527,16 @@ var StyledPaper = styled(Paper, {
 })(function (_a) {
     var bottomButtonHeight = _a.bottomButtonHeight;
     return ({
-        '&': {
-            marginLeft: '-1px',
-            marginRight: '-1px',
-            marginTop: 0,
-        },
+        marginLeft: '-1px',
+        marginRight: '-1px',
+        marginTop: 0,
         '.MuiAutocomplete-listbox': {
+            position: 'static',
             paddingBottom: bottomButtonHeight,
         },
     });
 });
-var StyledListContent = styled(Box$1)(function (_a) {
+var StyledListContent = styled(Box$2)(function (_a) {
     var theme = _a.theme;
     return ({
         display: 'flex',
@@ -4533,9 +4570,7 @@ var Autocomplete = function (_a) {
     };
     // Workaround: use onMouseDown here because onClick will close the panel before actionClick called.
     var CustomPaper = function (props) {
-        return (jsx(StyledPaper, __assign({ bottomButtonHeight: bottomButtonHeight }, props, { placement: "bottom" }, { children: jsxs(Fragment, { children: [props.children, actionLabel && (jsxs(Fragment, { children: [jsx(MuiDivider, {}), jsx(ListItem$2, __assign({ button: true, dense: true, onMouseDown: actionClick }, { children: jsx(StyledListContent, { children: jsx(Typography, __assign({ variant: platform === 'desktop' ? 'body1' : 'body2', 
-                                        // color="primaryLight"
-                                        align: "center" }, { children: actionLabel })) }) }))] }))] }) })));
+        return (jsx(StyledPaper, __assign({ bottomButtonHeight: bottomButtonHeight }, props, { placement: "bottom" }, { children: jsxs(Fragment, { children: [props.children, actionLabel && (jsxs(Fragment, { children: [jsx(MuiDivider, {}), jsx(ListItemButton, __assign({ dense: true, onMouseDown: actionClick }, { children: jsx(StyledListContent, { children: jsx(Typography, __assign({ variant: platform === 'desktop' ? 'body1' : 'body2', align: "center" }, { children: actionLabel })) }) }))] }))] }) })));
     };
     return (jsxs(Fragment, { children: [label && jsx(InputLabel, { children: label }), jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: function (params) { return (jsx(TextField$1, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
                     value && value.length > 0
@@ -4549,37 +4584,8 @@ var createFilterOptions = function (config) {
     return createFilterOptions$1(config);
 };
 
-var MuiBadge = styled(Badge$1)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        height: 32,
-        width: 32,
-        position: "relative",
-        "& .MuiBadge-badge": {
-            backgroundColor: "var(--custom-theme-primary-lighter, ".concat(theme.palette.grey[400], ")"),
-            transform: "none",
-            borderRadius: 12,
-            height: 32,
-            width: 32,
-            fontFamily: theme.typography.subtitle1.fontFamily,
-            fontWeight: 500,
-            fontSize: theme.typography.subtitle1.fontSize,
-            lineHeight: theme.typography.subtitle1.lineHeight,
-            letterSpacing: theme.typography.subtitle1.letterSpacing,
-        },
-        "& .MuiBadge-colorSecondary": {
-            backgroundColor: theme.palette.background.default,
-            color: theme.palette.text.primary,
-            border: "2px solid ".concat(theme.palette.text.primary),
-        },
-    });
-});
-
-var Badge = function (props) {
-    return jsx(MuiBadge, __assign({}, props));
-};
-
-var Root = styled$1(Box$2)({
+var Root = styled$1(ListItem)({
+    display: 'block',
     position: 'absolute',
     bottom: 0,
     left: 0,
@@ -4590,7 +4596,9 @@ var ListButtonText = styled$1(Typography)(function (_a) {
     return ({
         textTransform: 'capitalize',
         fontWeight: 'normal',
-        color: theme.platform.name === 'lawconnect' ? theme.palette.primary.main : theme.palette.primary.light,
+        color: theme.platform.name === 'lawconnect'
+            ? theme.palette.primary.main
+            : theme.palette.primary.light,
         textAlign: 'center',
         letterSpacing: '0',
     });
@@ -4604,29 +4612,29 @@ var Divider$1 = styled$1(MuiDivider)(function (_a) {
 });
 
 var BottomListButton = function (_a) {
-    var onClick = _a.onClick, label = _a.label;
-    return (jsxs(Root, __assign({ bgcolor: "white" }, { children: [jsx(Divider$1, {}), jsx(ListItem$2, __assign({ button: true, dense: true, onClick: onClick }, { children: jsx(Box$1, __assign({ sx: {
-                        display: "flex",
-                        justifyContent: "center",
-                        width: "100%",
+    var onClick = _a.onClick, label = _a.label, rest = __rest(_a, ["onClick", "label"]);
+    return (jsxs(Root, __assign({ sx: { backgroundColor: "white" }, disablePadding: true }, { children: [jsx(Divider$1, {}), jsx(ListItemButton, __assign({ dense: true, onClick: onClick }, rest, { children: jsx(Box$2, __assign({ sx: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        width: '100%',
                         padding: 1, //8px
                     } }, { children: jsx(ListButtonText, __assign({ variant: "button" }, { children: label })) })) }))] })));
 };
 
 var Box = function (props) {
-    return jsx(Box$2, __assign({}, props));
+    return jsx(Box$1, __assign({}, props));
 };
 
 var BreadcrumbsStyled = styled(Breadcrumbs$1)(function (_a) {
     var theme = _a.theme;
     return ({
-        "& .MuiButtonBase-root": {
+        '& .MuiButtonBase-root': {
             backgroundColor: 'transparent',
         },
-        "& .MuiLink-root": {
+        '& .MuiLink-root': {
             color: theme.palette.text.secondary,
-            fontSize: "0.875rem",
-            "&:hover": {
+            fontSize: '0.875rem',
+            '&:hover': {
                 color: theme.palette.text.disabled,
             },
         },
@@ -4645,173 +4653,171 @@ var ButtonStyled = styled(Button$1)(function (_a) {
         borderRadius: theme.shapes.button,
         padding: theme.buttons.padding,
         height: theme.buttons.height,
-        transition: "all 0.15s ease-in-out",
-        border: "1px solid transparent",
+        transition: 'all 0.15s ease-in-out',
+        border: '1px solid transparent',
         minWidth: '120px',
-        "&:hover": {
-            boxShadow: "none",
-            cursor: "pointer",
+        '&:hover': {
+            boxShadow: 'none',
+            cursor: 'pointer',
         },
-        "&.Mui-disabled": {
+        '&.Mui-disabled': {
             opacity: 0.7,
         },
-        "&.MuiButton-startIcon": {
+        '&.MuiButton-startIcon': {
             marginLeft: 0,
             paddingLeft: 0,
         },
-        "&.MuiButton-endIcon": {
+        '&.MuiButton-endIcon': {
             marginRight: 0,
             paddingRight: 0,
         },
         // Contained
-        "&.MuiButton-containedInherit": {
+        '&.MuiButton-containedInherit': {
             color: theme.buttons.contained.inherit.color,
             background: theme.buttons.contained.inherit.background,
             boxShadow: theme.buttons.contained.inherit.boxShadow,
             borderColor: theme.buttons.contained.inherit.border,
-            "&:hover": {
+            '&:hover': {
                 color: theme.buttons.contained.inherit.colorHover,
                 background: theme.buttons.contained.inherit.backgroundHover,
                 boxShadow: theme.buttons.contained.inherit.boxShadowHover,
                 borderColor: theme.buttons.contained.inherit.borderHover,
             },
-            "&:active, &:focus": {
+            '&:active, &:focus': {
                 background: theme.buttons.contained.inherit.backgroundFocus,
                 boxShadow: theme.buttons.contained.inherit.boxShadowFocus,
             },
         },
-        "&.MuiButton-containedPrimary": {
+        '&.MuiButton-containedPrimary': {
             color: theme.buttons.contained.primary.color,
             background: theme.buttons.contained.primary.background,
             boxShadow: theme.buttons.contained.primary.boxShadow,
             borderColor: theme.buttons.contained.primary.border,
-            "&:hover": {
+            '&:hover': {
                 color: theme.buttons.contained.primary.colorHover,
                 background: theme.buttons.contained.primary.backgroundHover,
                 boxShadow: theme.buttons.contained.primary.boxShadowHover,
                 borderColor: theme.buttons.contained.primary.borderHover,
             },
-            "&:active, &:focus": {
+            '&:active, &:focus': {
                 background: theme.buttons.contained.primary.backgroundFocus,
                 boxShadow: theme.buttons.contained.primary.boxShadowFocus,
             },
         },
-        "&.MuiButton-containedSecondary": {
+        '&.MuiButton-containedSecondary': {
             color: theme.buttons.contained.secondary.color,
             background: theme.buttons.contained.secondary.background,
             boxShadow: theme.buttons.contained.secondary.boxShadow,
             borderColor: theme.buttons.contained.secondary.border,
-            "&:hover": {
+            '&:hover': {
                 color: theme.buttons.contained.secondary.colorHover,
                 background: theme.buttons.contained.secondary.backgroundHover,
                 boxShadow: theme.buttons.contained.secondary.boxShadowHover,
                 borderColor: theme.buttons.contained.secondary.borderHover,
             },
-            "&:active, &:focus": {
+            '&:active, &:focus': {
                 background: theme.buttons.contained.secondary.backgroundFocus,
                 boxShadow: theme.buttons.contained.secondary.boxShadowFocus,
             },
         },
         // Outlined
-        "&.MuiButton-outlinedInherit": {
+        '&.MuiButton-outlinedInherit': {
             color: theme.buttons.outline.inherit.color,
             background: theme.buttons.outline.inherit.background,
             boxShadow: theme.buttons.outline.inherit.boxShadow,
             borderColor: theme.buttons.outline.inherit.border,
-            "&:hover": {
+            '&:hover': {
                 color: theme.buttons.outline.inherit.colorHover,
                 background: theme.buttons.outline.inherit.backgroundHover,
                 boxShadow: theme.buttons.outline.inherit.boxShadowHover,
                 borderColor: theme.buttons.outline.inherit.borderHover,
             },
-            "&:active, &:focus": {
+            '&:active, &:focus': {
                 background: theme.buttons.outline.inherit.backgroundFocus,
                 boxShadow: theme.buttons.outline.inherit.boxShadowFocus,
             },
         },
-        "&.MuiButton-outlinedPrimary": {
+        '&.MuiButton-outlinedPrimary': {
             color: theme.buttons.outline.primary.color,
             background: theme.buttons.outline.primary.background,
             boxShadow: theme.buttons.outline.primary.boxShadow,
             borderColor: theme.buttons.outline.primary.border,
-            "&:hover": {
+            '&:hover': {
                 color: theme.buttons.outline.primary.colorHover,
                 background: theme.buttons.outline.primary.backgroundHover,
                 boxShadow: theme.buttons.outline.primary.boxShadowHover,
                 borderColor: theme.buttons.outline.primary.borderHover,
             },
-            "&:active, &:focus": {
+            '&:active, &:focus': {
                 background: theme.buttons.outline.primary.backgroundFocus,
                 boxShadow: theme.buttons.outline.primary.boxShadowFocus,
             },
         },
-        "&.MuiButton-outlinedSecondary": {
+        '&.MuiButton-outlinedSecondary': {
             color: theme.buttons.outline.secondary.color,
             background: theme.buttons.outline.secondary.background,
             boxShadow: theme.buttons.outline.secondary.boxShadow,
             borderColor: theme.buttons.outline.secondary.border,
-            "&:hover": {
+            '&:hover': {
                 color: theme.buttons.outline.secondary.colorHover,
                 background: theme.buttons.outline.secondary.backgroundHover,
                 boxShadow: theme.buttons.outline.secondary.boxShadowHover,
                 borderColor: theme.buttons.outline.secondary.borderHover,
             },
-            "&:active, &:focus": {
+            '&:active, &:focus': {
                 background: theme.buttons.outline.secondary.backgroundFocus,
                 boxShadow: theme.buttons.outline.secondary.boxShadowFocus,
             },
         },
-        "&.MuiButton-textInherit": {
+        '&.MuiButton-textInherit': {
             backgroundColor: 'transparent',
-            "&:hover": {
+            '&:hover': {
                 backgroundColor: 'transparent',
             },
         },
-        // Text 
-        "&.MuiButton-text": {
+        // Text
+        '&.MuiButton-text': {
             backgroundColor: 'transparent',
             minWidth: 'auto',
             paddingLeft: 0,
             paddingRight: 0,
-            "&:hover": {
+            '&:hover': {
                 backgroundColor: 'transparent',
                 textDecoration: 'underline',
             },
-            "&.MuiButton-colorInherit": {
+            '&.MuiButton-colorInherit': {
                 color: theme.buttons.text.inherit.color,
             },
-            "&.MuiButton-textPrimary": {
+            '&.MuiButton-textPrimary': {
                 color: theme.buttons.text.primary.color,
             },
-            "&.MuiButton-textSecondary": {
+            '&.MuiButton-textSecondary': {
                 color: theme.buttons.text.secondary.color,
             },
-        }
+        },
     });
 });
 
 var Button = function (props) {
-    var isLoading = props.isLoading, children = props.children; props.color; var rest = __rest(props, ["isLoading", "children", "color"]);
+    var isLoading = props.isLoading, children = props.children, rest = __rest(props, ["isLoading", "children"]);
     return (jsx(ButtonStyled, __assign({}, rest, { children: !isLoading ? children : jsx(CircularProgress, { size: 16, color: "inherit" }) })));
 };
 
-styled(Card$1)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
 var CardContainer = styled(Card$1)(function (_a) {
     var theme = _a.theme;
     return ({
         borderRadius: theme.shapes.button,
         backgroundColor: theme.palette.background.paper,
-        transition: "all 0.15s ease-in-out",
+        transition: 'all 0.15s ease-in-out',
         outline: "1px solid ".concat(theme.palette.grey[300]),
-        "&:hover": {
+        '&:hover': {
             outline: "1px solid var(--current-color, ".concat(theme.palette.primary.main, ")"),
         },
-        "&:focus, &:active": {
+        '&:focus, &:active': {
             outline: "1px solid var(--current-color, ".concat(theme.palette.secondary.main, ")"),
         },
     });
-});
-var templateObject_1$3;
+});
 
 var Card = function (props) {
     return jsx(CardContainer, __assign({}, props, { children: props.children }));
@@ -4853,13 +4859,13 @@ var CustomFormControlLabel = styled$1(FormControlLabel)({
     marginLeft: 0,
     '.MuiButtonBase-root': {
         padding: 0,
-    }
+    },
 });
 
 var Checkbox = function (props) {
     var label = props.label, value = props.value, isAuth = props.isAuth, rest = __rest(props, ["label", "value", "isAuth"]);
-    var labelStyles = isAuth ? "subtitle1" : "body1";
-    return (jsx(CustomFormControlLabel, { value: value, label: jsx(Typography$1, __assign({ variant: labelStyles }, { children: label })), control: jsx(Checkbox$1, __assign({}, rest, { value: value, disableRipple: true, color: "default", icon: jsx(Icon, { name: SvgCheckboxUncontrolled }), checkedIcon: jsx(Icon, { name: SvgCheckboxChecked }), indeterminateIcon: jsx(Icon, { name: SvgCheckboxIndeterminate }) })) }));
+    var labelStyles = isAuth ? 'subtitle1' : 'body1';
+    return (jsx(CustomFormControlLabel, { value: value, label: jsx(Typography$1, __assign({ variant: labelStyles }, { children: label })), control: jsx(Checkbox$1, __assign({ value: value, disableRipple: true, color: "default", icon: jsx(Icon, { name: SvgCheckboxUncontrolled }), checkedIcon: jsx(Icon, { name: SvgCheckboxChecked }), indeterminateIcon: jsx(Icon, { name: SvgCheckboxIndeterminate }) }, rest)) }));
 };
 
 var dist = {};
@@ -4881,11 +4887,11 @@ var reactIs_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
+Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r$1;reactIs_production_min.Portal=d;
 reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+reactIs_production_min.isMemo=function(a){return z(a)===r$1};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
+reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r$1||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
 
 var reactIs_development = {};
 
@@ -15740,8 +15746,8 @@ var StyledCalendar = styled$1(dist.Calendar)(function (_a) {
 });
 
 var DatePicker = function (_a) {
-    var date = _a.date, onChange = _a.onChange;
-    return (jsx(StyledCalendar, { onChange: onChange, date: date, color: '#dceef9', className: "leap-4d-date-picker leap-4d-calendar" }));
+    var date = _a.date, onChange = _a.onChange, rest = __rest(_a, ["date", "onChange"]);
+    return (jsx(StyledCalendar, __assign({ onChange: onChange, date: date, color: '#dceef9', className: "leap-4d-date-picker leap-4d-calendar" }, rest)));
 };
 
 function styleInject(css, ref) {
@@ -15812,30 +15818,35 @@ function LeapLogoIcon(props) {
 }
 
 var Dialog = function (props) {
-    var variant = props.variant, platform = props.platform, title = props.title, message = props.message, children = props.children; __rest(props, ["variant", "platform", "title", "message", "children"]);
+    var variant = props.variant, platform = props.platform, title = props.title, message = props.message, children = props.children, rest = __rest(props, ["variant", "platform", "title", "message", "children"]);
     var theme = useTheme();
     var isWeb = function () { return platform === 'web'; };
     var variantIcon;
     switch (variant) {
         case 'info':
-            variantIcon = theme.platform.name === 'leap_web' ? jsx(SvgInfoCircle, {}) : jsx(SvgInfo, {});
+            variantIcon =
+                theme.platform.name === 'leap_web' ? jsx(SvgInfoCircle, {}) : jsx(SvgInfo, {});
             break;
         case 'alert':
-            variantIcon = theme.platform.name === 'leap_web' ? jsx(SvgWarning, {}) : jsx(SvgAlert, {});
+            variantIcon =
+                theme.platform.name === 'leap_web' ? jsx(SvgWarning, {}) : jsx(SvgAlert, {});
             break;
         default:
-            variantIcon = theme.platform.name === 'leap_web' ? jsx(SvgInfoCircle, {}) : jsx(SvgInfo, {});
+            variantIcon =
+                theme.platform.name === 'leap_web' ? jsx(SvgInfoCircle, {}) : jsx(SvgInfo, {});
     }
-    return (jsx(Dialog$1, __assign({ className: "gds-modal ".concat(isWeb() ? 'gds-modal--web' : 'gds-modal--desktop'), open: props.open, closeAfterTransition: true, hideBackdrop: true, onClose: props.handleClose }, { children: jsxs("div", __assign({ className: 'gds-modal_paper' }, { children: [jsxs("div", __assign({ className: 'gds-modal_header' }, { children: [isWeb() ? ('') : (jsx(LeapLogoIcon, { className: 'gds-modal_logo' })), title ? (isWeb() ? (jsx(Typography, __assign({ color: "default", upperCase: true, variant: "body1" }, { children: title }))) : (jsx(Typography, __assign({ color: "default", variant: "body2" }, { children: title })))) : (''), isWeb() ? ('') : (jsx(IconButton, __assign({ size: "small", onClick: props.handleClose }, { children: jsx(Icon, { name: SvgClose, fontSize: "small" }) })))] })), jsxs("div", __assign({ className: 'gds-modal_body' }, { children: [variant !== 'plain' && (jsx("div", __assign({ className: 'gds-modal_icon' }, { children: variantIcon }))), typeof message === 'string' ? (jsx(Typography, __assign({ color: "default", variant: "body1" }, { children: message }))) : (jsx("div", __assign({ style: { flex: 1 } }, { children: message })))] })), jsx("div", __assign({ className: 'gds-modal_footer' }, { children: jsx(DialogActions, { children: children }) }))] })) })));
+    return (jsx(Dialog$1, __assign({ className: "gds-modal ".concat(isWeb() ? 'gds-modal--web' : 'gds-modal--desktop'), open: props.open, closeAfterTransition: true, hideBackdrop: true, onClose: props.handleClose }, rest, { children: jsxs("div", __assign({ className: "gds-modal_paper" }, { children: [jsxs("div", __assign({ className: "gds-modal_header" }, { children: [isWeb() ? '' : jsx(LeapLogoIcon, { className: "gds-modal_logo" }), title ? (isWeb() ? (jsx(Typography, __assign({ color: "default", upperCase: true, variant: "body1" }, { children: title }))) : (jsx(Typography, __assign({ color: "default", variant: "body2" }, { children: title })))) : (''), isWeb() ? ('') : (jsx(IconButton, __assign({ size: "small", onClick: props.handleClose }, { children: jsx(Icon, { name: SvgClose, fontSize: "small" }) })))] })), jsxs("div", __assign({ className: "gds-modal_body" }, { children: [variant !== 'plain' && (jsx("div", __assign({ className: "gds-modal_icon" }, { children: variantIcon }))), typeof message === 'string' ? (jsx(Typography, __assign({ color: "default", variant: "body1" }, { children: message }))) : (jsx("div", __assign({ style: { flex: 1 } }, { children: message })))] })), jsx("div", __assign({ className: "gds-modal_footer" }, { children: jsx(DialogActions, { children: children }) }))] })) })));
 };
 
 var Divider = function (props) {
     var _a = props.orientation, orientation = _a === void 0 ? 'horizontal' : _a, rest = __rest(props, ["orientation"]);
+    // TODO: These overrides are applicable for material 4. Will need to do regression testing before removing
+    // in the meantime overrides exist through sx and rest props
     var variantProp = {
-        "horizontal": 'gds-divider--horizontal',
-        "vertical": 'gds-divider--vertical',
+        horizontal: 'gds-divider--horizontal',
+        vertical: 'gds-divider--vertical',
     }[orientation];
-    return (jsx(MuiDivider, __assign({}, rest, { className: "gds-divider ".concat(variantProp) })));
+    return jsx(MuiDivider, __assign({ className: "gds-divider ".concat(variantProp) }, rest));
 };
 
 var DrawerContainer = styled$1(Drawer$1)(function (_a) {
@@ -15854,7 +15865,7 @@ var DrawerContainer = styled$1(Drawer$1)(function (_a) {
     });
 });
 
-var Drawer = React.forwardRef(function (props, ref) {
+var Drawer = React.forwardRef(function Drawer(props, ref) {
     var _a = props.variant, variant = _a === void 0 ? 'permanent' : _a, _b = props.color, color = _b === void 0 ? 'default' : _b, children = props.children, rest = __rest(props, ["variant", "color", "children"]);
     var drawerWidth = 256;
     return (jsx(DrawerContainer, __assign({ variant: variant, PaperProps: { style: { width: drawerWidth } }, ref: ref, className: "gds-drawer-bg-".concat(color) }, rest, { children: children })));
@@ -15863,26 +15874,26 @@ var Drawer = React.forwardRef(function (props, ref) {
 var DrawerMenuContainer = styled$1(MenuItem$1)(function (_a) {
     var theme = _a.theme;
     return ({
-        "&.gds-drawer-menu-item": {
+        '&.gds-drawer-menu-item': {
             borderRadius: '0.5rem',
             fontSize: 17,
             paddingTop: 10,
             paddingBottom: 10,
-            "& .MuiListItemIcon-root": {
+            '& .MuiListItemIcon-root': {
                 marginRight: 16,
                 fontSize: '1.125rem',
                 minWidth: 'auto',
                 color: theme.palette.primary.dark,
-                "& svg": {
-                    width: "none",
-                    height: "none",
-                    fontSize: "1.125rem",
+                '& svg': {
+                    width: 'none',
+                    height: 'none',
+                    fontSize: '1.125rem',
                 },
             },
-            "& .MuiSvgIcon-fontSizeSmall": {
+            '& .MuiSvgIcon-fontSizeSmall': {
                 fontSize: '1.125rem',
             },
-            "&.gds-drawer-menu-item-dark": {
+            '&.gds-drawer-menu-item-dark': {
                 backgroundColor: 'transparent',
                 color: theme.palette.grey['200'],
                 '&:not($selected) svg': {
@@ -15894,16 +15905,16 @@ var DrawerMenuContainer = styled$1(MenuItem$1)(function (_a) {
                     color: theme.palette.grey['200'],
                     '&:not($selected) svg': {
                         color: theme.palette.grey['200'],
-                    }
+                    },
                 },
                 '&$selected': {
                     backgroundColor: 'rgba(0,0,0,.2)',
                     '& svg': {
                         color: theme.palette.secondary.main,
-                    }
-                }
+                    },
+                },
             },
-            "&.gds-drawer-menu-item-light": {
+            '&.gds-drawer-menu-item-light': {
                 backgroundColor: 'transparent',
                 color: theme.palette.grey['800'],
                 '&:not($selected) svg': {
@@ -15915,41 +15926,42 @@ var DrawerMenuContainer = styled$1(MenuItem$1)(function (_a) {
                     color: theme.palette.secondary.dark,
                     '&:not($selected) svg': {
                         color: theme.palette.secondary.dark,
-                    }
+                    },
                 },
                 '&$selected': {
                     backgroundColor: 'rgba(255,255,255,.3)',
                     color: theme.palette.secondary.dark,
                     '& svg': {
                         color: theme.palette.secondary.dark,
-                    }
-                }
+                    },
+                },
             },
-            "&.gds-drawer-menu-item-sub": {
+            '&.gds-drawer-menu-item-sub': {
                 '&:hover': {
                     backgroundColor: 'rgba(255,255,255,.2) !important',
                 },
-                "& .MuiListItemIcon-root": {
+                '& .MuiListItemIcon-root': {
                     marginRight: 0,
-                }
+                },
             },
-            "& .gds-drawer-menu-item-text": {
-                flex: 1
-            }
-        }
+            '& .gds-drawer-menu-item-text': {
+                flex: 1,
+            },
+        },
     });
 });
 
-var DrawerMenu = React.forwardRef(function (props, ref) {
+var DrawerMenu = React.forwardRef(function DrawMenu(props, ref) {
     var children = props.children, startAdornment = props.startAdornment, submenu = props.submenu, _a = props.variant, variant = _a === void 0 ? 'light' : _a, value = props.value; props.open; props.expand; var rest = __rest(props, ["children", "startAdornment", "submenu", "variant", "value", "open", "expand"]);
     var variantProp = {
-        'light': 'gds-drawer-menu-item-light',
-        'dark': 'gds-drawer-menu-item-dark',
+        light: 'gds-drawer-menu-item-light',
+        dark: 'gds-drawer-menu-item-dark',
     }[variant];
-    return (jsxs(DrawerMenuContainer, __assign({ ref: ref }, rest, { className: "gds-drawer-menu-item ".concat(variantProp, " ").concat(submenu ? 'gds-drawer-menu-item-sub' : '') }, { children: [startAdornment && !submenu ?
-                jsx(ListItemIcon, { children: startAdornment }) : null, jsxs("span", __assign({ className: 'gds-drawer-menu-item-text' }, { children: [children, " ", value] }))] })));
+    return (jsxs(DrawerMenuContainer, __assign({ ref: ref, className: "gds-drawer-menu-item ".concat(variantProp, " ").concat(submenu ? 'gds-drawer-menu-item-sub' : '') }, rest, { children: [startAdornment && !submenu ? (jsx(ListItemIcon, { children: startAdornment })) : null, jsxs("span", __assign({ className: 'gds-drawer-menu-item-text' }, { children: [children, " ", value] }))] })));
 });
 
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
 var StyledInputBase = styled(InputBase, {
     shouldForwardProp: function (prop) { return prop !== 'textAlignRight'; },
 })(function (_a) {
@@ -15968,58 +15980,11 @@ var StyledFormHelperText = styled(FormHelperText)(function (_a) {
     return (__assign({}, theme.typography.body2));
 });
 
-function toVal(mix) {
-	var k, y, str='';
-	if (mix) {
-		if (typeof mix === 'object') {
-			if (Array.isArray(mix)) {
-				for (k=0; k < mix.length; k++) {
-					if (mix[k] && (y = toVal(mix[k]))) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			} else {
-				for (k in mix) {
-					if (mix[k] && (y = toVal(k))) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else if (typeof mix !== 'boolean' && !mix.call) {
-			str && (str += ' ');
-			str += mix;
-		}
-	}
-	return str;
-}
-
-function clsx () {
-	var i=0, x, str='';
-	while (i < arguments.length) {
-		if (x = toVal(arguments[i++])) {
-			str && (str += ' ');
-			str += x;
-		}
-	}
-	return str;
-}
-
-var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.error, error = _b === void 0 ? false : _b, helperText = _a.helperText, _c = _a.textAlignRight, textAlignRight = _c === void 0 ? false : _c, label = _a.label, _d = _a.size, size = _d === void 0 ? 'medium' : _d, _e = _a.background, background = _e === void 0 ? 'default' : _e, className = _a.className, props = __rest(_a, ["error", "helperText", "textAlignRight", "label", "size", "background", "className"]);
-    return (jsxs(Fragment, { children: [label && jsx(FormLabelBlock, { children: label }), jsx(StyledInputBase, __assign({ ref: ref, error: error, textAlignRight: textAlignRight }, props, { className: clsx(size === 'large' && 'customLargeSize', background === 'light' && 'customLightColor', className) })), helperText && (jsx(StyledFormHelperText, __assign({ error: error }, { children: helperText })))] }));
+var Input = React.forwardRef(function Input(props, ref) {
+    var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className"]);
+    return (jsxs(Fragment, { children: [label && jsx(FormLabelBlock, { children: label }), jsx(StyledInputBase, __assign({ ref: ref, error: error, textAlignRight: textAlignRight, className: clsx(size === 'large' && 'customLargeSize', background === 'light' && 'customLightColor', className) }, rest)), helperText && (jsx(StyledFormHelperText, __assign({ error: error }, { children: helperText })))] }));
 });
 
-// const useStyles = makeStyles(() => createStyles({
-//   root: {
-//     width: (props: {width: number}) => props.width ? props.width : ''
-//   },
-//   paper: {
-//     width: (props: {width: number}) => props.width ? props.width : '',
-//     boxSizing: 'border-box'
-//   }
-// }))
 var Dropdown = function (props) {
     var children = props.children, _a = props.elevation, elevation = _a === void 0 ? 3 : _a, _b = props.align, align = _b === void 0 ? 'right' : _b, label = props.label, width = props.width, _c = props.size, size = _c === void 0 ? 'medium' : _c, disabled = props.disabled, _d = props.variant, variant = _d === void 0 ? 'dropdown' : _d, fullWidth = props.fullWidth, rest = __rest(props, ["children", "elevation", "align", "label", "width", "size", "disabled", "variant", "fullWidth"]);
     var isDefinedWidth = function (definedWidth) {
@@ -16040,7 +16005,7 @@ var Dropdown = function (props) {
         } }, rest, { children: children })));
 };
 
-var EmptyStateContainer = styled$1(Box$2)(function (_a) {
+var EmptyStateContainer = styled$1(Box$1)(function (_a) {
     var theme = _a.theme;
     return ({
         height: '100%',
@@ -16093,33 +16058,33 @@ var EmptyState = function (props) {
         return icon;
     };
     var theme = useTheme();
-    return (jsxs(EmptyStateContainer, { children: [jsx(EmptyStateIcon, { variant: variant, emptyState: theme.emptyState }), jsx(EmptyStateTitle, __assign({ sx: { marginTop: 2 }, variant: theme.platform.name === 'lawconnect' ? 'subtitle1' : 'h2' }, { children: title })), description && (jsx(Box$2, __assign({ mt: 1 }, { children: jsx(Typography$1, __assign({ color: "textSecondary", variant: theme.platform.name === 'lawconnect' ? 'body2' : 'body1' }, { children: description })) })))] }));
+    return (jsxs(EmptyStateContainer, { children: [jsx(EmptyStateIcon, { variant: variant, emptyState: theme.emptyState }), jsx(EmptyStateTitle, __assign({ sx: { marginTop: 2 }, variant: theme.platform.name === 'lawconnect' ? 'subtitle1' : 'h2' }, { children: title })), description && (jsx(Box$1, __assign({ mt: 1 }, { children: jsx(Typography$1, __assign({ color: "textSecondary", variant: theme.platform.name === 'lawconnect' ? 'body2' : 'body1' }, { children: description })) })))] }));
 };
 
 var FooterActionsContainer = styled(Grid$1)({
-    "&.gds-footer-actions": {
+    '&.gds-footer-actions': {
         width: '100%',
         borderTop: "1px solid #d4d4d4",
     },
-    "&.gds-footer-fixed": {
+    '&.gds-footer-fixed': {
         position: 'absolute',
         bottom: 0,
         left: 0,
         right: 0,
-        width: '100%'
+        width: '100%',
     },
     '& .gds-footer-actions_left': {
         display: 'flex',
-        "& button": {
+        '& button': {
             marginRight: 10,
-        }
+        },
     },
     '& .gds-footer-actions_right': {
         justifyContent: 'flex-end',
         display: 'flex',
-        "& button": {
+        '& button': {
             marginLeft: 10,
-        }
+        },
     },
     '&.gds-footer-actions_medium': {
         paddingLeft: 22,
@@ -16135,31 +16100,29 @@ var FooterActionsContainer = styled(Grid$1)({
     },
 });
 
-var Left$1 = function () { return null; };
-var Right$1 = function () { return null; };
+var Left$1 = function () { return null; }; // NOTE: This is broken in storybook if you pass left children like the right below
+var Right$1 = function (children) { return jsx("div", { children: children }); }; // This fixes the app build error but won't work the same for left?
 var FooterActions = function (props) {
-    var children = props.children, fixed = props.fixed, _a = props.size, size = _a === void 0 ? 'medium' : _a, rest = __rest(props, ["children", "fixed", "size"]);
+    var children = props.children, fixed = props.fixed, _a = props.size, size = _a === void 0 ? 'medium' : _a;
     var sizeProps = {
-        'medium': 'gds-footer-actions_medium',
-        'small': 'gds-footer-actions_small',
+        medium: 'gds-footer-actions_medium',
+        small: 'gds-footer-actions_small',
     }[size];
-    return (jsxs(FooterActionsContainer, __assign({ container: true, spacing: 0, className: "gds-footer-actions ".concat(sizeProps, "  ").concat(fixed ? 'gds-footer-fixed' : '') }, rest, { children: [jsx(Grid$1, __assign({ item: true, xs: 6 }, { children: jsx("div", __assign({ className: 'gds-footer-actions_left' }, { children: React.Children.map(children, function (child) {
-                        if (child.type === Left$1) {
-                            return child && child.props.children;
-                        }
-                    }) })) })), jsx(Grid$1, __assign({ item: true, xs: 6 }, { children: jsx("div", __assign({ className: 'gds-footer-actions_right' }, { children: React.Children.map(children, function (child) {
-                        if (child.type === Right$1) {
-                            return child && child.props.children;
-                        }
-                        else {
-                            return child;
-                        }
+    return (jsxs(FooterActionsContainer, __assign({ container: true, spacing: 0, className: "gds-footer-actions ".concat(sizeProps, "  ").concat(fixed ? 'gds-footer-fixed' : '') }, { children: [jsx(Grid$1, __assign({ item: true, xs: 6 }, { children: jsx("div", __assign({ className: "gds-footer-actions_left" }, { children: React.Children.map(children, function (child, index) {
+                        return (jsx("div", { children: React.isValidElement(child) && child.type === Left$1
+                                ? child.props.children
+                                : // NOTE: Left has to return null otherwise it'll repeat right twice?
+                                    null }, index));
+                    }) })) })), jsx(Grid$1, __assign({ item: true, xs: 6 }, { children: jsx("div", __assign({ className: "gds-footer-actions_right" }, { children: React.Children.map(children, function (child, index) {
+                        return (jsx("div", { children: React.isValidElement(child) && child.type === Right$1
+                                ? child.props.children
+                                : child }, index));
                     }) })) }))] })));
 };
 FooterActions.Left = Left$1;
 FooterActions.Right = Right$1;
 
-styled("div")(function () { return ({
+var FormBodyContainer = styled("div")(function () { return ({
     display: 'flex',
     flexDirection: 'column',
     overflowX: 'hidden',
@@ -16168,18 +16131,36 @@ styled("div")(function () { return ({
     width: '100%',
 }); });
 
-var FormContainerStyled = styled("form")(function () { return ({
-    "&.form-container": {
-        display: "grid",
-        width: "100%",
-        overflow: 'hidden',
-        gridTemplateRows: "auto 1fr auto",
-        height: function (props) { return props.fullHeight ? "100vh" : ''; },
-    },
-}); });
+var FormBody = function (props) {
+    var mt = props.mt, mb = props.mb, px = props.px, py = props.py, bg = props.bg, children = props.children;
+    return (jsx(FormBodyContainer, __assign({ style: {
+            backgroundColor: bg ? bg : 'transparent',
+            paddingRight: px ? px : 0,
+            paddingLeft: px ? px : 0,
+            paddingTop: py ? py : 0,
+            paddingBottom: py ? py : 0,
+            marginBottom: mb ? mb : 0,
+            marginTop: mt ? mt : 0,
+        } }, { children: children })));
+};
+
+var FormContainerStyled = styled('form', {
+    shouldForwardProp: function (prop) { return prop !== 'fullHeight'; },
+})(function (_a) {
+    var fullHeight = _a.fullHeight;
+    return ({
+        '&.form-container': {
+            display: 'grid',
+            width: '100%',
+            overflow: 'hidden',
+            gridTemplateRows: 'auto 1fr auto',
+            height: fullHeight ? "100vh" : '',
+        },
+    });
+});
 
 var FormContainer = function (props) {
-    return (jsx(FormContainerStyled, __assign({ onSubmit: props.onSubmit, className: "form-container" }, { children: props.children })));
+    return (jsx(FormContainerStyled, __assign({ fullHeight: props.fullHeight, onSubmit: props.onSubmit, className: "form-container" }, { children: props.children })));
 };
 
 var FormGroup = function (props) {
@@ -16190,36 +16171,36 @@ var FormGroup = function (props) {
                 marginRight: spacing,
             },
             '& > *:last-child': {
-                marginRight: 0
-            }
+                marginRight: 0,
+            },
         } }, rest, { children: children })));
 };
 
-var FormHeaderBox = styled(Box$2)(function () { return ({
-    overflow: "hidden",
-    backgroundColor: "#F9F9F9",
-    position: "relative",
+var FormHeaderBox = styled(Box$1)(function () { return ({
+    overflow: 'hidden',
+    backgroundColor: '#F9F9F9',
+    position: 'relative',
     padding: 16,
     minHeight: 81,
     display: 'flex',
-    flexDirection: "column",
-    "&.gds-header-fixed": {
+    flexDirection: 'column',
+    '&.gds-header-fixed': {
         position: 'absolute',
         top: 0,
         left: 0,
         right: 0,
-        width: '100%'
+        width: '100%',
     },
 }); });
 var FormHeaderDetail = styled(Grid$1)(function () { return ({
-    display: "flex",
-    alignItems: "center",
+    display: 'flex',
+    alignItems: 'center',
     zIndex: 9,
-    position: "relative",
+    position: 'relative',
     minHeight: 21,
     button: {
-        fontSize: 12
-    }
+        fontSize: 12,
+    },
 }); });
 var FormHeaderInfo = styled(Grid$1)(function () { return ({
     paddingTop: 0,
@@ -16227,53 +16208,62 @@ var FormHeaderInfo = styled(Grid$1)(function () { return ({
     flexWrap: 'nowrap',
     p: {
         fontWeight: 500,
-        color: "#6d7278",
-        whiteSpace: 'nowrap'
+        color: '#6d7278',
+        whiteSpace: 'nowrap',
     },
-    "& .MuiButton-label": {
+    '& .MuiButton-label': {
         top: 0,
     },
-    "& .MuiButtonBase-root": {
+    '& .MuiButtonBase-root': {
         paddingTop: 0,
         paddingBottom: 0,
         fontSize: '13px',
         fontWeight: 400,
-    }
+    },
 }); });
-var FormHeaderAccent = styled("div")(function () { return ({
-    position: "absolute",
+var FormHeaderAccent = styled('div')(function () { return ({
+    position: 'absolute',
     top: -78,
     right: 32,
     zIndex: 1,
     opacity: '0.7',
     svg: {
-        width: 260
-    }
+        width: 260,
+    },
 }); });
-var FormHeaderContent = styled("div")(function () { return ({
+var FormHeaderContent = styled('div')(function () { return ({
     maxHeight: 77,
-    overflowY: "auto",
+    overflowY: 'auto',
     zIndex: 9,
     marginTop: 10,
 }); });
 
-var FormHeader = React.forwardRef(function (props, ref) {
+var FormHeader = React.forwardRef(function FormHeader(props, ref) {
     var theme = useTheme();
-    return (jsxs(FormHeaderBox, __assign({ className: props.fixed ? 'gds-header-fixed' : '' }, { children: [jsx(FormHeaderAccent, { children: jsx(Icon, { name: LawconnectLogo, style: { width: 260 } }) }), jsxs(FormHeaderDetail, __assign({ container: true }, { children: [jsx(Grid$1, __assign({ item: true, xs: 5 }, { children: theme.platform.name === 'leap_web' ? (jsx(Typography, __assign({ color: "default", variant: "body2", sx: { textTransform: 'uppercase' } }, { children: props.title }))) : (jsx(Typography, __assign({ color: "primary.light", variant: "h2", sx: { textTransform: 'uppercase' } }, { children: props.title }))) })), jsx(Grid$1, __assign({ item: true, xs: 7 }, { children: jsxs(FormHeaderInfo, __assign({ container: true, alignItems: "center", justifyContent: "flex-end" }, { children: [props.from ? (jsx(Typography, __assign({ align: "right", variant: "body2" }, { children: props.from }))) : null, props.from && props.onClick ? jsx(Divider$2, { orientation: "vertical", sx: { height: 16, width: '1px', margin: "2px 5px", backgroundColor: "#d4d4d4" } }) : null, props.onClick ? (jsx(Button, __assign({ color: "primary", variant: "text", onClick: props.onClick, sx: { textTransform: 'none', border: 0 } }, { children: "Change" }))) : null] })) }))] })), jsx(FormHeaderContent, { children: props.children })] })));
+    return (jsxs(FormHeaderBox, __assign({ ref: ref, className: props.fixed ? 'gds-header-fixed' : '' }, { children: [jsx(FormHeaderAccent, { children: jsx(Icon, { name: LawconnectLogo, style: { width: 260 } }) }), jsxs(FormHeaderDetail, __assign({ container: true }, { children: [jsx(Grid$1, __assign({ item: true, xs: 5 }, { children: theme.platform.name === 'leap_web' ? (jsx(Typography, __assign({ color: "default", variant: "body2", sx: { textTransform: 'uppercase' } }, { children: props.title }))) : (jsx(Typography, __assign({ color: "primary.light", variant: "h2", sx: { textTransform: 'uppercase' } }, { children: props.title }))) })), jsx(Grid$1, __assign({ item: true, xs: 7 }, { children: jsxs(FormHeaderInfo, __assign({ container: true, alignItems: "center", justifyContent: "flex-end" }, { children: [props.from ? (jsx(Typography, __assign({ align: "right", variant: "body2" }, { children: props.from }))) : null, props.from && props.onClick ? (jsx(Divider$2, { orientation: "vertical", sx: {
+                                        height: 16,
+                                        width: '1px',
+                                        margin: '2px 5px',
+                                        backgroundColor: '#d4d4d4',
+                                    } })) : null, props.onClick ? (jsx(Button, __assign({ color: "primary", variant: "text", onClick: props.onClick, sx: { textTransform: 'none', border: 0 } }, { children: "Change" }))) : null] })) }))] })), jsx(FormHeaderContent, { children: props.children })] })));
 });
 
 var Grid = function (props) {
     return jsx(Grid$1, __assign({}, props));
 };
 
-var StyledToolbar = styled(Toolbar$2)(function (_a) {
-    var theme = _a.theme, bgimageurl = _a.bgimageurl, bgsize = _a.bgsize, bgposition = _a.bgposition, bgcolor = _a.bgcolor;
+var StyledToolbar = styled(Toolbar$2, {
+    shouldForwardProp: function (prop) {
+        return !['bgImageURL', 'bgSize', 'bgPosition', 'bgColor'].includes(prop);
+    },
+})(function (_a) {
+    var theme = _a.theme, bgImageURL = _a.bgImageURL, bgSize = _a.bgSize, bgPosition = _a.bgPosition, bgColor = _a.bgColor;
     return ({
-        background: "url(".concat(bgimageurl, ") no-repeat"),
-        backgroundSize: bgsize,
-        backgroundPosition: "".concat(bgposition, " center"),
-        backgroundColor: bgcolor
-            ? "".concat(bgcolor)
+        background: "url(".concat(bgImageURL, ") no-repeat"),
+        backgroundSize: bgSize,
+        backgroundPosition: "".concat(bgPosition, " center"),
+        backgroundColor: bgColor
+            ? "".concat(bgColor)
             : theme.platform.name === 'leap_desktop'
                 ? theme.palette.grey[200]
                 : theme.palette.grey[100],
@@ -16309,47 +16299,47 @@ var ToolbarWrap = styled('div')({
 });
 
 var HeaderToolbar = function (_a) {
-    var title = _a.title; _a.titleVisibility; var left = _a.left, right = _a.right, bgColor = _a.bgColor, bgImageURL = _a.bgImageURL, _b = _a.bgPosition, bgPosition = _b === void 0 ? 'center' : _b, bgSize = _a.bgSize, divider = _a.divider, tooltip = _a.tooltip; __rest(_a, ["title", "titleVisibility", "left", "right", "bgColor", "bgImageURL", "bgPosition", "bgSize", "divider", "tooltip"]);
-    return (jsx(StyledToolbar, __assign({ bgcolor: bgColor, bgimageurl: bgImageURL, bgsize: bgSize, bgposition: bgPosition }, { children: jsxs(ToolbarWrap, { children: [jsxs(ToolbarContainer, { children: [title &&
+    var title = _a.title, left = _a.left, right = _a.right, bgColor = _a.bgColor, bgImageURL = _a.bgImageURL, _b = _a.bgPosition, bgPosition = _b === void 0 ? 'center' : _b, bgSize = _a.bgSize, divider = _a.divider, tooltip = _a.tooltip, rest = __rest(_a, ["title", "left", "right", "bgColor", "bgImageURL", "bgPosition", "bgSize", "divider", "tooltip"]);
+    return (jsx(StyledToolbar, __assign({ bgColor: bgColor, bgImageURL: bgImageURL, bgSize: bgSize, bgPosition: bgPosition }, rest, { children: jsxs(ToolbarWrap, { children: [jsxs(ToolbarContainer, { children: [title &&
                             (tooltip ? (jsx(Tooltip, __assign({ title: title, placement: "bottom-start" }, { children: jsx(Typography, __assign({ gutterBottom: true, variant: "h4", noWrap: true, upperCase: true, color: "primary" }, { children: title })) }))) : (jsx(Typography, __assign({ gutterBottom: true, variant: "h4", noWrap: true, upperCase: true, color: "primary" }, { children: title })))), left] }), right && (jsx(ContainerDivider, __assign({ divider: divider }, { children: right })))] }) })));
 };
 
-styled("div")(function () { return ({
+styled('div')(function () { return ({
     width: 135,
-    alignItems: "center",
+    alignItems: 'center',
 }); });
-styled("div")(function (_a) {
+styled('div')(function (_a) {
     var theme = _a.theme;
     return ({
         border: "1px solid ".concat(theme.palette.grey[400]),
         backgroundColor: theme.palette.background.paper,
-        borderBottom: "none",
+        borderBottom: 'none',
         borderRadius: 0,
         width: 135,
         height: 135,
-        display: "flex",
-        alignItems: "center",
-        position: "relative",
+        display: 'flex',
+        alignItems: 'center',
+        position: 'relative',
     });
 });
-styled("div")(function (_a) {
+styled('div')(function (_a) {
     var theme = _a.theme;
     return ({
-        position: "absolute",
-        right: "0px",
-        top: "0px",
+        position: 'absolute',
+        right: '0px',
+        top: '0px',
         borderRadius: 0,
-        "& .MuiIconButton-root": {
+        '& .MuiIconButton-root': {
             paddingBottom: 0,
             paddingLeft: 0,
             borderRadius: 0,
             backgroundColor: theme.palette.background.paper,
-            transition: "none",
-            "&:hover": {
+            transition: 'none',
+            '&:hover': {
                 backgroundColor: theme.palette.background.paper,
                 color: theme.palette.text.primary,
             },
-            "&:active": {
+            '&:active': {
                 backgroundColor: theme.palette.background.paper,
                 color: theme.palette.text.primary,
             },
@@ -16359,32 +16349,42 @@ styled("div")(function (_a) {
 styled(IconButton)(function (_a) {
     var theme = _a.theme;
     return ({
-        "& .MuiIconButton-root": {
+        '& .MuiIconButton-root': {
             borderRadius: 0,
             backgroundColor: theme.palette.background.paper,
-            transition: "none",
-            "&:hover": {
+            transition: 'none',
+            '&:hover': {
                 backgroundColor: theme.palette.background.paper,
                 color: theme.palette.grey[400],
             },
-            "&:active": {
+            '&:active': {
                 backgroundColor: theme.palette.background.paper,
             },
         },
     });
 });
-styled("div")(function () { return ({
-    width: "100px",
-    height: "100px",
-    marginTop: "auto",
-    marginBottom: "auto",
-    overflow: "hidden",
-    display: "flex",
+styled('div')(function () { return ({
+    width: '100px',
+    height: '100px',
+    marginTop: 'auto',
+    marginBottom: 'auto',
+    overflow: 'hidden',
+    display: 'flex',
     minWidth: 0,
-    "&.gds-image-upload-rounded": {
+    '&.gds-image-upload-rounded': {
         borderRadius: 50,
     },
-}); });
+}); });
+styled('div')({
+    margin: 'auto',
+    width: '100px',
+    height: '100px',
+});
+styled('img')({
+    width: '100px',
+    height: '100px',
+    border: '1px solid #99A0AC',
+});
 
 var ListItemAvatar = function (props) {
     return jsx(ListItemAvatar$1, __assign({}, props));
@@ -16432,19 +16432,19 @@ var LoaderContainer = styled(Backdrop)(function () { return ({
 }); });
 
 var Loader = function (props) {
-    var background = props.background, transparent = props.transparent, spinner = props.spinner, _a = props.position, position = _a === void 0 ? "fixed" : _a, rest = __rest(props, ["background", "transparent", "spinner", "position"]);
+    var background = props.background, transparent = props.transparent, spinner = props.spinner, _a = props.position, position = _a === void 0 ? 'fixed' : _a, rest = __rest(props, ["background", "transparent", "spinner", "position"]);
     return (jsx(LoaderContainer, __assign({ sx: {
             position: position,
             zIndex: function (theme) { return theme.zIndex.drawer + 1; },
             backgroundColor: transparent
-                ? background === "dark"
-                    ? "rgba(38,48,66, 0.3)"
-                    : "rgba(225,225,225, 0.3)"
-                : background === "dark"
+                ? background === 'dark'
+                    ? 'rgba(38,48,66, 0.3)'
+                    : 'rgba(225,225,225, 0.3)'
+                : background === 'dark'
                     ? function (theme) { return theme.palette.text.secondary; }
                     : function (theme) { return theme.palette.grey[50]; },
-            color: background === "dark" ? "#ffffff" : "text.primary",
-        } }, rest, { open: props.open }, { children: spinner ? jsx(SpinnerIcon$1, { color: "inherit" }) : jsx(LoaderIcon$1, { color: "inherit" }) })));
+            color: background === 'dark' ? '#ffffff' : 'text.primary',
+        } }, rest, { open: props.open }, { children: spinner ? (jsx(SpinnerIcon$1, { color: "inherit" })) : (jsx(LoaderIcon$1, { color: "inherit" })) })));
 };
 
 var MenuHeaderContainer = styled$1('div')(function (_a) {
@@ -16458,8 +16458,8 @@ var MenuHeaderContainer = styled$1('div')(function (_a) {
 });
 
 var MenuHeader = function (props) {
-    var children = props.children, rest = __rest(props, ["children"]);
-    return (jsxs(MenuHeaderContainer, { children: [jsx(ListSubheader$1, __assign({}, rest, { children: children })), jsx(Divider$2, {})] }));
+    var children = props.children;
+    return (jsxs(MenuHeaderContainer, { children: [jsx(ListSubheader$1, { children: children }), jsx(Divider$2, {})] }));
 };
 
 var Menu = forwardRef(function (props, ref) {
@@ -16473,18 +16473,18 @@ var Menu = forwardRef(function (props, ref) {
             paddings = 2;
             break;
     }
-    return (jsxs(Menu$1, __assign({}, rest, { ref: ref, className: system ? 'gds-menu-system' : '', MenuListProps: {
+    return (jsxs(Menu$1, __assign({ ref: ref, className: system ? 'gds-menu-system' : '', MenuListProps: {
             sx: {
                 padding: function (theme) {
                     return theme.platform.name === 'lawconnect' ? paddings : '';
                 },
             },
-        } }, { children: [heading ? jsx(MenuHeader, { children: heading }) : '', props.children] })));
+        } }, rest, { children: [heading ? jsx(MenuHeader, { children: heading }) : '', props.children] })));
 });
 
 var MenuItem = function (props) {
     var startIcon = props.startIcon, endIcon = props.endIcon, stacked = props.stacked, children = props.children, system = props.system, border = props.border, rest = __rest(props, ["startIcon", "endIcon", "stacked", "children", "system", "border"]);
-    return (jsxs("div", { children: [jsxs(MenuItem$1, __assign({}, rest, { className: "".concat(startIcon || system ? "gds-menu-item-icon" : "", " ").concat(system ? "gds-menu-item-system" : "") }, { children: [startIcon ? jsx(ListItemIcon$2, { children: startIcon }) : null, jsx(ListItemText$2, __assign({ className: stacked ? "MuiListItemText-stacked" : "MuiListItemText-inline" }, { children: children })), endIcon ? jsx(ListItemIcon$2, { children: endIcon }) : null] })), border && jsx(Divider$2, {})] }));
+    return (jsxs("div", { children: [jsxs(MenuItem$1, __assign({ className: "".concat(startIcon || system ? 'gds-menu-item-icon' : '', " ").concat(system ? 'gds-menu-item-system' : '') }, rest, { children: [startIcon ? jsx(ListItemIcon$2, { children: startIcon }) : null, jsx(ListItemText$2, __assign({ className: stacked ? 'MuiListItemText-stacked' : 'MuiListItemText-inline' }, { children: children })), endIcon ? jsx(ListItemIcon$2, { children: endIcon }) : null] })), border && jsx(Divider$2, {})] }));
 };
 
 var Modal = function (_a) {
@@ -16493,12 +16493,12 @@ var Modal = function (_a) {
 };
 
 var ModalActions = function (props) {
-    return (jsx(DialogActions, __assign({}, props, { children: props.children })));
+    return jsx(DialogActions, __assign({}, props, { children: props.children }));
 };
 
 var ModalContent = function (_a) {
     var disablePaddings = _a.disablePaddings, props = __rest(_a, ["disablePaddings"]);
-    return (jsx(DialogContent, __assign({ className: disablePaddings ? 'gds-disablePaddings' : "" }, props, { children: props.children })));
+    return (jsx(DialogContent, __assign({ className: disablePaddings ? 'gds-disablePaddings' : '' }, props, { children: props.children })));
 };
 
 var ModalTitle = function (props) {
@@ -16508,7 +16508,7 @@ var ModalTitle = function (props) {
 
 var Pagination = function (props) {
     var rest = __rest(props, []);
-    return (jsx(Pagination$1, __assign({}, rest, { renderItem: function (item) { return jsx(PaginationItem, __assign({}, item)); }, shape: "rounded", hideNextButton: true, hidePrevButton: true })));
+    return (jsx(Pagination$1, __assign({ renderItem: function (item) { return jsx(PaginationItem, __assign({}, item)); }, shape: "rounded", hideNextButton: true, hidePrevButton: true }, rest)));
 };
 
 var ProgressBar = function (props) {
@@ -16522,66 +16522,66 @@ var MuiFormControlLabel = styled(FormControlLabel)({
 
 var Radio = function (props) {
     var label = props.label, value = props.value, rest = __rest(props, ["label", "value"]);
-    return (jsx(MuiFormControlLabel, { value: value, label: label, control: jsx(Radio$1, __assign({ value: value }, rest, { disableRipple: true, color: "default", icon: jsx(Icon, { name: SvgRadioDefault }), checkedIcon: jsx(Icon, { name: SvgRadioChecked }) })) }));
+    return (jsx(MuiFormControlLabel, { value: value, label: label, control: jsx(Radio$1, __assign({ value: value, disableRipple: true, color: "default", icon: jsx(Icon, { name: SvgRadioDefault }), checkedIcon: jsx(Icon, { name: SvgRadioChecked }) }, rest)) }));
 };
 
 var RadioGroup = function (props) {
     var label = props.label, rest = __rest(props, ["label"]);
-    return (jsxs(FormControl, __assign({ component: "fieldset" }, { children: [label ? (jsx(FormLabel, { children: label })) : '', jsx(RadioGroup$1, __assign({ "aria-label": label }, rest, { children: props.children }))] })));
+    return (jsxs(FormControl, __assign({ component: "fieldset" }, { children: [label ? jsx(FormLabel, { children: label }) : '', jsx(RadioGroup$1, __assign({ "aria-label": label }, rest, { children: props.children }))] })));
 };
 
-var MuiSelect = styled(Select$1)(function (_a) {
+var SelectStyled = styled(Select$1)(function (_a) {
     var theme = _a.theme;
     return ({
         borderRadius: theme.shapes.card,
         height: 40,
         select: {
-            padding: "0 16px",
+            padding: '0 16px',
             height: 40,
-            lineHeight: "40px",
-            display: "flex",
-            alignItems: "center",
-            "& .MuiTypography-root": {
-                fontWeight: "inherit",
+            lineHeight: '40px',
+            display: 'flex',
+            alignItems: 'center',
+            '& .MuiTypography-root': {
+                fontWeight: 'inherit',
             },
-            "&.MuiInputBase-input, &.MuiOutlinedInput-input": {
-                paddingRight: "44px",
+            '&.MuiInputBase-input, &.MuiOutlinedInput-input': {
+                paddingRight: '44px',
                 paddingTop: 0,
             },
-            "&.MuiInputBase-input.MuiFilledInput-input": {},
-            "&.MuiInputBase-input": {
-                "&.MuiFilledInput-input": {
-                    "&:focus": {
-                        backgroundColor: "transparent !important",
+            '&.MuiInputBase-input.MuiFilledInput-input': {},
+            '&.MuiInputBase-input': {
+                '&.MuiFilledInput-input': {
+                    '&:focus': {
+                        backgroundColor: 'transparent',
                     },
                 },
             },
         },
-        "& .MuiFilledInput-input": {
-            paddingTop: "8px !important",
-            "&:focus": {
-                backgroundColor: "transparent !important",
+        '& .MuiFilledInput-input': {
+            paddingTop: '8px',
+            '&:focus': {
+                backgroundColor: 'transparent',
             },
         },
         legend: {
-            display: "none",
+            display: 'none',
         },
     });
 });
 
 var Select = function (props) {
-    return jsx(MuiSelect, __assign({}, props, { IconComponent: SvgChevronDownLg }));
+    return jsx(SelectStyled, __assign({ IconComponent: SvgChevronDownLg }, props));
 };
 
-var SidebarWrapper = styled(Box)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+var SidebarWrapper = styled(Box)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
 var SidebarMain = styled(Box)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  flex: auto;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"], ["\n  flex: auto;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
 var SidebarSide = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"], ["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$2, templateObject_2$1, templateObject_3;
+var templateObject_1$3, templateObject_2$1, templateObject_3;
 
 var Sidebar = function () { return null; };
 var Main = function () { return null; };
 var SidebarLayout = function (_a) {
-    var children = _a.children, _b = _a.sidebarWidth, sidebarWidth = _b === void 0 ? 260 : _b, _c = _a.sidebarBgColor, sidebarBgColor = _c === void 0 ? '#f3f3f3' : _c; __rest(_a, ["children", "sidebarWidth", "sidebarBgColor"]);
+    var children = _a.children, _b = _a.sidebarWidth, sidebarWidth = _b === void 0 ? 260 : _b, _c = _a.sidebarBgColor, sidebarBgColor = _c === void 0 ? '#f3f3f3' : _c;
     var sidebar = children.find(function (el) { return el.type === Sidebar; });
     var main = children.find(function (el) { return el.type === Main; });
     return (jsxs(SidebarWrapper, __assign({ display: "flex" }, { children: [jsx(SidebarSide, __assign({ bgcolor: sidebarBgColor, width: sidebarWidth }, { children: sidebar && sidebar.props.children })), jsx(SidebarMain, { children: main && main.props.children })] })));
@@ -16589,56 +16589,56 @@ var SidebarLayout = function (_a) {
 SidebarLayout.Sidebar = Sidebar;
 SidebarLayout.Main = Main;
 
-var StepsContainer = styled("div")(function (_a) {
+var StepsContainer = styled('div')(function (_a) {
     var theme = _a.theme;
     return ({
         height: 4,
-        width: "100%",
+        width: '100%',
         borderRadius: theme.shape.borderRadius,
         backgroundColor: theme.palette.background.default,
-        display: "flex",
+        display: 'flex',
     });
 });
-var StepBar = styled("div")(function (_a) {
+var StepBar = styled('div')(function (_a) {
     var theme = _a.theme;
     return ({
         height: 4,
-        width: "100%",
-        "&:first-of-type": {
+        width: '100%',
+        '&:first-of-type': {
             borderRadius: theme.shape.borderRadius,
             borderBottomRightRadius: 0,
             borderTopRightRadius: 0,
         },
-        "&:last-of-type": {
+        '&:last-of-type': {
             borderRadius: theme.shape.borderRadius,
             borderBottomLeftRadius: 0,
             borderTopLeftRadius: 0,
         },
-        "&.active": {
+        '&.active': {
             backgroundColor: theme.palette.text.primary,
             borderRadius: theme.shape.borderRadius,
-            "&:not(:first-of-type)": {
+            '&:not(:first-of-type)': {
                 borderBottomLeftRadius: 0,
                 borderTopLeftRadius: 0,
             },
         },
-        "&.completed": {
+        '&.completed': {
             backgroundColor: theme.palette.text.secondary,
         },
     });
 });
-var LabelsContainer = styled("div")(function () { return ({
+var LabelsContainer = styled('div')(function () { return ({
     marginTop: 8,
-    display: "flex",
+    display: 'flex',
 }); });
 var StepLabel = styled(Typography)(function (_a) {
     var theme = _a.theme;
     return ({
         color: theme.palette.text.disabled,
-        "&.active": {
+        '&.active': {
             color: theme.palette.text.primary,
         },
-        "&.completed": {
+        '&.completed': {
             color: theme.palette.text.secondary,
         },
     });
@@ -16648,22 +16648,22 @@ var StepNavigation = function (props) {
     var ref = props.ref, steps = props.steps, activeStep = props.activeStep;
     return (jsxs(Fragment, { children: [jsx(StepsContainer, __assign({ ref: ref }, { children: steps === null || steps === void 0 ? void 0 : steps.map(function (_a, index) {
                     var label = _a.label;
-                    return (jsx(StepBar, { className: clsx(activeStep === index ? "active" : "", activeStep > index ? "completed" : "") }, label));
+                    return (jsx(StepBar, { className: clsx(activeStep === index ? 'active' : '', activeStep > index ? 'completed' : '') }, label));
                 }) })), jsx(LabelsContainer, { children: steps === null || steps === void 0 ? void 0 : steps.map(function (_a, index) {
                     var label = _a.label;
-                    return (jsx(StepLabel, __assign({ className: clsx(activeStep === index ? "active" : "", activeStep > index ? "completed" : ""), variant: "subtitle2", width: 100 / steps.length + "%" }, { children: label }), label));
+                    return (jsx(StepLabel, __assign({ className: clsx(activeStep === index ? 'active' : '', activeStep > index ? 'completed' : ''), variant: 'subtitle2', width: 100 / steps.length + '%' }, { children: label }), label));
                 }) })] }));
 };
 
 var Switch = function (props) {
-    return (jsx(Fragment, { children: jsx(Switch$1, __assign({ color: "default" }, props)) }));
+    return jsx(Switch$1, __assign({ color: "default" }, props));
 };
 
 var Tab = function (props) {
     return jsx(Tab$1, __assign({}, props, { children: props.children }));
 };
 
-var StyledListItemButton = styled(ListItemButton)({
+var StyledListItemButton = styled(ListItemButton$1)({
     backgroundColor: 'transparent',
     textTransform: 'none',
     padding: '8px 16px',
@@ -16671,7 +16671,6 @@ var StyledListItemButton = styled(ListItemButton)({
     position: 'relative',
     zIndex: 0,
     lineHeight: '1.25rem',
-    // width: (props: { width: number }) => props.width,
     '&:hover .hide-on-hover': {
         opacity: 0,
     },
@@ -16743,11 +16742,11 @@ var TabListItem = function (_a) {
 };
 
 var Table = function (props) {
-    return (jsx(Table$1, __assign({}, props)));
+    return jsx(Table$1, __assign({}, props));
 };
 
 var TableBody = function (props) {
-    return (jsx(TableBody$1, __assign({}, props)));
+    return jsx(TableBody$1, __assign({}, props));
 };
 
 var TableCell = function (props) {
@@ -16755,34 +16754,36 @@ var TableCell = function (props) {
     return (jsx(TableCell$1, __assign({ className: "".concat(variant === 'footer' ? 'tc-footer' : '') }, rest, { sx: __assign({ width: width }, sx) })));
 };
 
-var TableCellIconContainer = styled$1('div')(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([""], [""])));
+var TableCellIconContainer = styled$1('div')(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
 var TableCellIcon = function (props) {
     var align = props.align, rest = __rest(props, ["align"]);
-    return (jsx(TableCellIconContainer, __assign({}, rest, { sx: {
+    return (jsx(TableCellIconContainer, __assign({ sx: {
             display: 'flex',
             alignItems: 'center',
-            justifyContent: align === 'center' ? 'center'
-                : align === 'right' ? 'flex-end'
+            justifyContent: align === 'center'
+                ? 'center'
+                : align === 'right'
+                    ? 'flex-end'
                     : 'flex-start',
-        } }, { children: props.children })));
+        } }, rest, { children: props.children })));
 };
-var templateObject_1$1;
+var templateObject_1$2;
 
-var TableContainer = React.forwardRef(function (props, ref) {
-    return (jsx(TableContainer$1, __assign({ ref: ref }, props)));
+var TableContainer = React.forwardRef(function TableContainer(props, ref) {
+    return jsx(TableContainer$1, __assign({ ref: ref }, props));
 });
 
 var TableFooter = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
-    return (jsx(TableFooter$1, __assign({}, rest, { children: children })));
+    return jsx(TableFooter$1, __assign({}, rest, { children: children }));
 };
 
 var TableHead = function (props) {
-    return (jsx(TableHead$1, __assign({}, props)));
+    return jsx(TableHead$1, __assign({}, props));
 };
 
-var TableRow = React.forwardRef(function (props, ref) {
-    return jsx(TableRow$1, __assign({}, props, { ref: ref }));
+var TableRow = React.forwardRef(function TableRow(props, ref) {
+    return jsx(TableRow$1, __assign({ ref: ref }, props));
 });
 
 var Tabs = function (props) {
@@ -16790,32 +16791,27 @@ var Tabs = function (props) {
     return (jsx(Tabs$1, __assign({ sx: isVertical }, props, { children: props.children })));
 };
 
-var TagWrapper = styled("div")(function (_a) {
-    _a.theme;
-    return "\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid #C0D7EE;\n  background-color: #EBF2F9;\n  overflow: hidden;\n  border-radius: 2px;\n  height: 22px;\n  margin-right: 3px; \n  align-items: center;\n";
-});
-var TagLabel = styled("div")(function (_a) {
+var TagWrapper = styled('div')(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid #C0D7EE;\n  background-color: #EBF2F9;\n  overflow: hidden;\n  border-radius: 2px;\n  height: 24px;\n  margin-right: 3px; \n  align-items: center;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid #C0D7EE;\n  background-color: #EBF2F9;\n  overflow: hidden;\n  border-radius: 2px;\n  height: 24px;\n  margin-right: 3px; \n  align-items: center;\n"])));
+var TagLabel = styled('div')(function (_a) {
     var theme = _a.theme;
     return "\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  color:".concat(theme.palette.text.primary, "; \n");
 });
-var TagStartIcon = styled("div")(function () { return "\n  display: flex;\n  padding: 0 5px;\n  .MuiSvgIcon-root {\n    font-size: 16px;\n  }\n"; });
-var TagEndIcon = styled("div")(function () { return "\n  display: flex;\n  .MuiSvgIcon-root {\n    font-size: 16px;\n  }\n  .MuiIconButton-root {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n  .MuiButtonBase-root{\n    color: inherit;\n  }\n"; });
-var TagDelete = styled("div")(function () { return "\n  display: flex;\n  border-left: 1px solid #C0D7EE;\n  .MuiButtonBase-root{\n    color: inherit;\n  }\n  '& > *:last-of-type': {\n    .MuiSvgIcon-root {\n      font-size: 24px;\n    }  \n  }\n"; });
-var MuiIconButton = styled(IconButton$1)(function () { return "\n  height: 24px;\n  width: 24px;\n"; });
-var MuiTypography = styled(Typography)(function () { return "\n  line-height: 1;\n"; });
+var TagStartIcon = styled('div')(function () { return "\n  display: flex;\n  padding: 0 5px;\n  .MuiSvgIcon-root {\n    font-size: 16px;\n  }\n"; });
+var TagEndIcon = styled('div')(function () { return "\n  display: flex;\n  .MuiSvgIcon-root {\n    font-size: 16px;\n  }\n  .MuiIconButton-root {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n  .MuiButtonBase-root{\n    color: inherit;\n  }\n"; });
+var TagDelete = styled('div')(function () { return "\n  display: flex;\n  border-left: 1px solid #C0D7EE;\n  .MuiButtonBase-root{\n    color: inherit;\n  }\n  '& > *:last-of-type': {\n    .MuiSvgIcon-root {\n      font-size: 24px;\n    }  \n  }\n"; });
+var MuiIconButton = styled(IconButton$1)(function (_a) {
+    var theme = _a.theme;
+    return "\n    height: 24px;\n    width: 24px;\n    border-radius: 0 ".concat(theme.shapes.tag, " ").concat(theme.shapes.tag, " 0;\n");
+});
+var MuiTypography = styled(Typography)(function () { return "\n  line-height: 1;\n"; });
+var templateObject_1$1;
 
 var Tag = function (props) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipDelete = props.tooltipDelete, tooltipDeletePlacement = props.tooltipDeletePlacement, tooltipLabelPlacement = props.tooltipLabelPlacement, tooltipLabel = props.tooltipLabel, disabled = props.disabled; props.platformWeb; var rest = __rest(props, ["tooltip", "tooltipPlacement", "tooltipDelete", "tooltipDeletePlacement", "tooltipLabelPlacement", "tooltipLabel", "disabled", "platformWeb"]);
-    var placement = tooltipPlacement !== undefined ? tooltipPlacement : "top";
-    var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : "top";
-    var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : "top";
-    return (jsxs(TagWrapper, { children: [rest.startIcon ?
-                jsx(TagStartIcon, { children: rest.startIcon }) : null, jsx(TagLabel, { children: tooltipLabel ?
-                    jsx(Tooltip$2, __assign({ title: tooltipLabel, placement: placementLabel, TransitionProps: { timeout: 0 } }, { children: jsx(MuiTypography, __assign({ variant: "body2" }, { children: rest.label })) })) : jsx(MuiTypography, __assign({ variant: "body2" }, { children: rest.label })) }), rest.endIcon ?
-                jsx(TagEndIcon, { children: tooltip ?
-                        jsx(Tooltip$2, __assign({ title: tooltip, placement: placement, TransitionProps: { timeout: 0 } }, { children: jsx(MuiIconButton, __assign({ disabled: disabled, onClick: rest.onClick }, { children: rest.endIcon })) })) : jsx(MuiIconButton, __assign({ disabled: disabled, onClick: rest.onClick }, { children: rest.endIcon })) }) : null, rest.onDelete ?
-                jsx(TagDelete, { children: tooltipDelete ?
-                        jsx(Tooltip$2, __assign({ title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 } }, { children: jsx(MuiIconButton, __assign({ onClick: rest.onDelete }, { children: rest.deleteIcon ? rest.deleteIcon : (jsx(Icon, { name: SvgCross })) })) })) : jsx(MuiIconButton, __assign({ onClick: rest.onDelete }, { children: rest.deleteIcon ? rest.deleteIcon : (jsx(Icon, { name: SvgCross })) })) }) : null] }));
+    var placement = tooltipPlacement !== undefined ? tooltipPlacement : 'top';
+    var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : 'top';
+    var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : 'top';
+    return (jsxs(TagWrapper, { children: [rest.startIcon ? jsx(TagStartIcon, { children: rest.startIcon }) : null, jsx(TagLabel, { children: tooltipLabel ? (jsx(Tooltip$2, __assign({ title: tooltipLabel, placement: placementLabel, TransitionProps: { timeout: 0 } }, { children: jsx(MuiTypography, __assign({ variant: "body2" }, { children: rest.label })) }))) : (jsx(MuiTypography, __assign({ variant: "body2" }, { children: rest.label }))) }), rest.endIcon ? (jsx(TagEndIcon, { children: tooltip ? (jsx(Tooltip$2, __assign({ title: tooltip, placement: placement, TransitionProps: { timeout: 0 } }, { children: jsx(MuiIconButton, __assign({ disabled: disabled, onClick: rest.onClick }, { children: rest.endIcon })) }))) : (jsx(MuiIconButton, __assign({ disabled: disabled, onClick: rest.onClick }, { children: rest.endIcon }))) })) : null, rest.onDelete ? (jsx(TagDelete, { children: tooltipDelete ? (jsx(Tooltip$2, __assign({ title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 } }, { children: jsx(MuiIconButton, __assign({ onClick: rest.onDelete }, { children: rest.deleteIcon ? rest.deleteIcon : jsx(Icon, { name: SvgCross }) })) }))) : (jsx(MuiIconButton, __assign({ onClick: rest.onDelete }, { children: rest.deleteIcon ? rest.deleteIcon : jsx(Icon, { name: SvgCross }) }))) })) : null] }));
 };
 
 var TextField = function (props) {
@@ -16847,7 +16843,7 @@ var StyledToolbarButton = styled(Button$2)(function (_a) {
 
 var ToolbarButton = function (_a) {
     var label = _a.label, icon = _a.icon, props = __rest(_a, ["label", "icon"]);
-    return (jsx(StyledToolbarButton, __assign({}, props, { variant: "outlined", startIcon: icon }, { children: label })));
+    return (jsx(StyledToolbarButton, __assign({ variant: "outlined", startIcon: icon }, props, { children: label })));
 };
 
 var FullHeightGridContainer = styled(Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
@@ -16909,6 +16905,34 @@ function ChevronDownIcon(props) {
     return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.00001 6.08008L3.20001 6.88008L8.00001 11.6801L12.8 6.88008L12 6.08008L8.00001 10.0801L4.00001 6.08008Z", fill: "currentColor" }) })));
 }
 
+function CoinPoundIcon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 96 96" }, { children: jsxs("g", __assign({ fillRule: "evenodd" }, { children: [jsx("path", { d: "M45.18 25.1a10.76 10.76 0 0 0-4.28 2.93 13.73 13.73 0 0 0-2.8 4.86c-.64 1.9-.57 4.38-.55 6.38v6.6h-3.27a3.08 3.08 0 0 0-2.46.96 3.39 3.39 0 0 0-.82 2.26v3.25h5.43v7.77a4.75 4.75 0 0 1-1.64 3.67c-.51.44-1.1.8-1.72 1.05-.66.29-1.36.5-2.07.62V72h30.67a4.03 4.03 0 0 0 3.09-1.36c.36-.4.65-.86.85-1.36.2-.46.3-.96.3-1.46v-4.55H49.79c-.97 0-1.95.06-2.92.18s-1.93.29-2.9.5A11.8 11.8 0 0 0 45.94 61c.5-1.11.36-3.05.34-4.27v-4.35h10.37a2.8 2.8 0 0 0 2.56-1.58c.12-.3.18-.61.16-.93v-4.05H46.27v-6.55c-.1-1.84.7-3.57 1.64-5.16a4.38 4.38 0 0 1 3.87-1.84c.85-.03 1.69.19 2.42.62a12.1 12.1 0 0 1 2.22 1.9c.59.7 1.42 1.14 2.33 1.22H59a5 5 0 0 0 2.36-.64l3.98-2.55a21.04 21.04 0 0 0-2.2-3.55 13.28 13.28 0 0 0-11.37-5.26c-1.58.04-4.44.2-6.6 1.08z" }), jsx("path", { fillRule: "nonzero", d: "M48 84a36 36 0 1 0 0-72 36 36 0 0 0 0 72zm0 8a44 44 0 1 1 0-88 44 44 0 0 1 0 88z" })] })) })));
+}
+
+function CoinIcon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 96 96" }, { children: jsxs("g", __assign({ fill: "currentColor", fillRule: "evenodd" }, { children: [jsx("path", { d: "M51.2727812,67.9767507 L51.2727812,73 L44.1927292,73 L44.1927292,68.505143 C40.7949984,68.2092433 36.3074949,66.9587149 33,65.109342 L35.3426643,56.8276737 C39.0874564,58.3106947 44.5502024,60.1741581 48.5899968,59.2794138 C52.1230815,58.4973933 53.0150293,55.277723 48.8537634,53.4565309 C45.3415023,51.8572636 33.2533548,50.1804988 33.2533548,39.9191208 C33.2533548,35.6673242 36.3942602,29.8233056 44.1927292,28.0972242 L44.1927292,23 L51.2727812,23 L51.2727812,27.678033 C54.3060976,27.8893899 57.401885,28.4600535 60.9766171,29.5943356 C60.6191439,31.1795125 59.0747208,38.0591799 59.0747208,38.0591799 C56.6071144,37.2067071 52.5707907,35.7166408 48.6975858,35.9385656 C43.9116095,36.2133296 43.5680187,39.7606031 46.7956895,41.3986191 C53.4141498,44.4351134 62.9999849,47.020713 62.9999849,56.0808792 C63.0103967,63.0838382 57.6344161,67.0714386 51.2727812,67.9802734 L51.2727812,67.9767507 Z" }), jsx("path", { d: "M48,84 L48,84 C67.882251,84 84,67.882251 84,48 C84,28.117749 67.882251,12 48,12 C28.117749,12 12,28.117749 12,48 C12,67.882251 28.117749,84 48,84 L48,84 Z M48,92 L48,92 C23.699471,92 4,72.300529 4,48 C4,23.699471 23.699471,4 48,4 C72.300529,4 92,23.699471 92,48 C92,72.300529 72.300529,92 48,92 L48,92 Z" })] })) })));
+}
+
+function CoinEuroIcon$1(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 96 96" }, { children: jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M48,92 C23.699471,92 4,72.300529 4,48 C4,23.699471 23.699471,4 48,4 C72.300529,4 92,23.699471 92,48 C92,72.300529 72.300529,92 48,92 Z M48,84 C67.882251,84 84,67.882251 84,48 C84,28.117749 67.882251,12 48,12 C28.117749,12 12,28.117749 12,48 C12,67.882251 28.117749,84 48,84 Z M51.3636364,31.9732083 C48.6749177,31.9732083 46.4600638,32.7287265 44.7190083,34.2397857 C42.9779527,35.7508448 41.853997,37.9423835 41.3471074,40.8144675 L54.6694215,40.8144675 L54.6694215,46.4728734 L40.8512397,46.4728734 L40.785124,47.5981246 L40.785124,49.1091762 L40.8512397,50.1701273 L52.5867769,50.1701273 L52.5867769,55.8928332 L41.4132231,55.8928332 C42.5371957,61.1011647 46.0743504,63.7052914 52.0247934,63.7052914 C55.1763243,63.7052914 58.206597,63.0944468 61.1157025,61.8727395 L61.1157025,70.103148 C58.5592159,71.3677223 55.330598,72 51.4297521,72 C46.030276,72 41.5895491,70.5746961 38.107438,67.7240455 C34.6253269,64.873395 32.4325114,60.929697 31.5289256,55.8928332 L27,55.8928332 L27,50.1701273 L30.9008264,50.1701273 C30.8126717,49.6771576 30.768595,49.0127302 30.768595,48.1768252 L30.8347107,46.4728734 L27,46.4728734 L27,40.8144675 L31.3966942,40.8144675 C32.2121253,35.6275695 34.4049408,31.5284812 37.9752066,28.5170797 C41.5454724,25.5056782 46.0082377,24 51.3636364,24 C55.5069078,24 59.3856569,24.8787588 63,26.6363027 L59.7603306,34.0951105 C58.2396618,33.4306732 56.8181884,32.9109195 55.4958678,32.5358339 C54.1735471,32.1607483 52.7961504,31.9732083 51.3636364,31.9732083 Z" }) })));
+}
+
+function CostRecoveryExceeded16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_3047_2001)" }, { children: [jsx("path", { d: "M0.5 13.5H15.5V3.5H0.5V13.5Z", fill: "white", stroke: "#C8C6C4", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("rect", { x: "2", y: "9", width: "5", height: "3", rx: "1", fill: "#185ABD" }), jsx("rect", { x: "1", y: "5", width: "14", height: "2", fill: "#979593" }), jsx("path", { d: "M7.51093 5.91547L7.51093 0.999984M7.51093 0.999984L5 3.52741M7.51093 0.999984L10 3.52741", stroke: "#185ABD", strokeLinecap: "round", strokeLinejoin: "round" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_3047_2001" }, { children: jsx("rect", { width: "16", height: "16", fill: "white", transform: "matrix(4.37114e-08 -1 -1 -4.37114e-08 16 16)" }) })) })] })));
+}
+
+function CoinEuroIcon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6681 5.32217C13.6012 5.32217 12.7222 5.63697 12.0314 6.26658C11.3405 6.89618 10.8944 7.80933 10.6933 9.00603H15.9799V11.3637H10.4965L10.4703 11.8326V12.4622L10.4965 12.9042H15.1535V15.2887H10.7195C11.1656 17.4588 12.5692 18.5439 14.9305 18.5439C16.1811 18.5439 17.3836 18.2894 18.538 17.7803V21.2096C17.5235 21.7366 16.2423 22 14.6943 22C12.5517 22 10.7895 21.4061 9.40771 20.2184C8.02592 19.0306 7.15576 17.3874 6.79719 15.2887H5V12.9042H6.54795C6.51296 12.6988 6.49547 12.422 6.49547 12.0737L6.52171 11.3637H5V9.00603H6.74472C7.0683 6.84482 7.93847 5.13687 9.35524 3.88212C10.772 2.62737 12.543 2 14.6681 2C16.3123 2 17.8515 2.36615 19.2857 3.09846L18.0001 6.2063C17.3967 5.92945 16.8326 5.71288 16.3079 5.5566C15.7832 5.40031 15.2366 5.32217 14.6681 5.32217Z", fill: "currentColor" }) })));
+}
+
+function CurrencyPoundIcon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9069 2.46331C10.222 2.71868 9.60991 3.13769 9.12404 3.68382C8.60009 4.27119 8.20302 4.96039 7.95769 5.70828C7.69109 6.49973 7.72025 7.53279 7.72858 8.3659V11.1152H6.36645C6.17668 11.1017 5.98628 11.1306 5.80905 11.1997C5.63182 11.2689 5.47219 11.3766 5.34172 11.5151C5.11668 11.7766 4.99517 12.1115 5.00015 12.4565V13.8103H7.26204V17.0469C7.26686 17.3362 7.20818 17.623 7.09015 17.8871C6.97212 18.1512 6.7976 18.3863 6.57889 18.5757C6.36645 18.7589 6.12068 18.9089 5.86242 19.013C5.58749 19.1338 5.2959 19.2213 5.00015 19.2713V21.9997H17.7759C18.0186 22.004 18.2594 21.9556 18.4816 21.8578C18.7039 21.76 18.9022 21.6151 19.063 21.4332C19.213 21.2666 19.3338 21.075 19.4171 20.8667C19.5004 20.6751 19.5421 20.4668 19.5421 20.2585V18.3632H12.8272C12.4232 18.3632 12.0149 18.3882 11.6109 18.4382C11.2068 18.4882 10.8069 18.559 10.4029 18.6465C10.7368 18.2806 11.0134 17.8663 11.2235 17.4176C11.4318 16.9553 11.3734 16.1471 11.3651 15.6389V13.8269H15.6848C15.9067 13.8301 16.125 13.7698 16.3139 13.6532C16.5028 13.5366 16.6545 13.3686 16.7512 13.1688C16.8012 13.0438 16.8261 12.9147 16.8178 12.7814V11.0943H11.3609V8.3659C11.3193 7.59944 11.6525 6.8788 12.0441 6.21647C12.2246 5.96133 12.4677 5.75685 12.75 5.62264C13.0323 5.48843 13.3443 5.42899 13.6562 5.45001C14.0102 5.43752 14.3601 5.52916 14.6642 5.70828C15.0033 5.93377 15.3138 6.19952 15.589 6.49973C15.8347 6.79132 16.1805 6.9746 16.5595 7.00793H16.6637C17.0084 7.00179 17.3462 6.91019 17.6468 6.74133L19.3046 5.67912C19.049 5.15702 18.742 4.66166 18.3882 4.20035C17.84 3.47363 17.1209 2.89344 16.2947 2.51123C15.4685 2.12901 14.5608 1.9566 13.652 2.00927C12.9938 2.02593 11.8025 2.09258 10.9027 2.45915L10.9069 2.46331Z", fill: "currentColor" }) })));
+}
+
+function CurrencyIcon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.9182 20.4899V22.6667H9.85018V20.7189C8.37783 20.5907 6.43325 20.0488 5 19.2474L6.01515 15.6587C7.6379 16.3013 10.0051 17.1088 11.7557 16.7211C13.2867 16.3822 13.6732 14.987 11.87 14.1978C10.348 13.5048 5.10979 12.7782 5.10979 8.33162C5.10979 6.48917 6.47085 3.95677 9.85018 3.2088V1H12.9182V3.02715C14.2326 3.11874 15.5741 3.36602 17.1232 3.85755C16.9683 4.54446 16.299 7.52564 16.299 7.52564C15.2298 7.15624 13.4807 6.51054 11.8023 6.60671C9.72836 6.72578 9.57947 8.26293 10.9781 8.97274C13.8461 10.2885 18 11.409 18 15.335C18.0045 18.3697 15.6749 20.0976 12.9182 20.4914V20.4899Z", fill: "currentColor" }) })));
+}
+
 function InsertLinkIcon(props) {
     return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.646 13.354l-4.5-4.5a.5.5 0 010-.708l4.5-4.5.708.708L6.707 8H14v1H6.707l3.647 3.646-.708.707z", fill: "#1E365E" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 3h5v1H2v9h4v1H1V3z", fill: "#1E365E" })] })));
 }
@@ -16925,8 +16949,8 @@ function SelectFilterFilledIcon(props) {
     return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { opacity: ".5", fillRule: "evenodd", clipRule: "evenodd", d: "M9.429 7.41v7.09L6.57 12.727V7.41L4.387 5l8.21-1.048-3.168 3.457z", fill: "currentColor" }), jsx("path", { d: "M14 2.386l.37.337a.5.5 0 00.13-.337H14zM9.429 7.41l-.37-.336a.5.5 0 00-.13.336h.5zM14 1.5h.5A.5.5 0 0014 1v.5zm-12 0V1a.5.5 0 00-.5.5H2zm0 .886h-.5a.5.5 0 00.13.337L2 2.386zM6.571 7.41h.5a.5.5 0 00-.13-.336l-.37.336zm0 5.318h-.5a.5.5 0 00.237.425l.263-.425zM9.43 14.5l-.264.425a.5.5 0 00.764-.425h-.5zM13.63 2.05L9.06 7.073l.74.673 4.57-5.023-.739-.673zm-.13-.55v.886h1V1.5h-1zM2 2h12V1H2v1zm.5.386V1.5h-1v.886h1zm4.441 4.687L2.37 2.05l-.74.673 4.572 5.023.74-.673zm.13 5.654V7.41h-1v5.318h1zm2.621 1.348l-2.857-1.773-.527.85 2.857 1.773.527-.85zM8.93 7.41V14.5h1V7.41h-1z", fill: "currentColor" })] })));
 }
 
-function Cross16Icon(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.27831 7.98596L3.1391 12.1252L3.84621 12.8323L7.98541 8.69307L12.1391 12.8468L12.8462 12.1396L8.69252 7.98596L12.8462 3.83227L12.1391 3.12517L7.98541 7.27885L3.84621 3.13965L3.1391 3.84675L7.27831 7.98596Z" }) })));
+function CaratIcon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 6 4", width: "6", height: "4" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0H6L3 4L0 0Z", fill: "#2F2F2F" }) })));
 }
 
 function AccessIcon(props) {
@@ -17013,28 +17037,136 @@ function UsersIcon(props) {
     return (jsx(SvgIcon, __assign({}, props, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.832 8.5c.5 0 1.157.192 1.465 1.1.122.17.695 1.058.221 2.132.073.173.18.558-.038 1.013l-.02.04-.033.027c-.006.004-.656.528-.656 1.34 0 .648.166.747.531.962.092.054.19.113.297.185.103.07.244.138.395.208l.05.024c.606.28 1.434.664 1.453 1.78l.004.189H9.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269zm-3-2c.5 0 1.157.192 1.465 1.1.057.079.213.317.314.657a1.436 1.436 0 00-.096.051c-.67.275-1.147.73-1.388 1.345-.273.698-.21 1.43.01 2.085.019.058-.105.524-.031.847.027.117.065.224.11.32.032.064.062.115.09.154l.021.031.027.028.038.04.03.03.032.026.051.048c.057.057.115.125.17.201.147.21.233.442.233.689 0 .407-.054.457-.627.652l-.07.024c-.588.197-.934.351-1.31.643a3.27 3.27 0 00-.037.029H6.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269z", fill: "currentColor" }) })));
 }
 
-function CoinPoundIcon(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 96 96" }, { children: jsxs("g", __assign({ fillRule: "evenodd" }, { children: [jsx("path", { d: "M45.18 25.1a10.76 10.76 0 0 0-4.28 2.93 13.73 13.73 0 0 0-2.8 4.86c-.64 1.9-.57 4.38-.55 6.38v6.6h-3.27a3.08 3.08 0 0 0-2.46.96 3.39 3.39 0 0 0-.82 2.26v3.25h5.43v7.77a4.75 4.75 0 0 1-1.64 3.67c-.51.44-1.1.8-1.72 1.05-.66.29-1.36.5-2.07.62V72h30.67a4.03 4.03 0 0 0 3.09-1.36c.36-.4.65-.86.85-1.36.2-.46.3-.96.3-1.46v-4.55H49.79c-.97 0-1.95.06-2.92.18s-1.93.29-2.9.5A11.8 11.8 0 0 0 45.94 61c.5-1.11.36-3.05.34-4.27v-4.35h10.37a2.8 2.8 0 0 0 2.56-1.58c.12-.3.18-.61.16-.93v-4.05H46.27v-6.55c-.1-1.84.7-3.57 1.64-5.16a4.38 4.38 0 0 1 3.87-1.84c.85-.03 1.69.19 2.42.62a12.1 12.1 0 0 1 2.22 1.9c.59.7 1.42 1.14 2.33 1.22H59a5 5 0 0 0 2.36-.64l3.98-2.55a21.04 21.04 0 0 0-2.2-3.55 13.28 13.28 0 0 0-11.37-5.26c-1.58.04-4.44.2-6.6 1.08z" }), jsx("path", { fillRule: "nonzero", d: "M48 84a36 36 0 1 0 0-72 36 36 0 0 0 0 72zm0 8a44 44 0 1 1 0-88 44 44 0 0 1 0 88z" })] })) })));
+function Appointment16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_4277_1149)" }, { children: [jsx("path", { d: "M0.5 2.5C0.5 1.94772 0.947715 1.5 1.5 1.5H14.5C15.0523 1.5 15.5 1.94772 15.5 2.5V12.5C15.5 13.0523 15.0523 13.5 14.5 13.5H1.5C0.947715 13.5 0.5 13.0523 0.5 12.5V2.5Z", fill: "white" }), jsx("path", { d: "M0.5 2.5C0.5 1.94772 0.947715 1.5 1.5 1.5H14.5C15.0523 1.5 15.5 1.94772 15.5 2.5V4.5H0.5V2.5Z", fill: "#D8D8D8" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 0C4.77614 0 5 0.223858 5 0.5V1H11V0.5C11 0.223858 11.2239 0 11.5 0C11.7761 0 12 0.223858 12 0.5V1H14.5C15.3284 1 16 1.67157 16 2.5V5V12.5C16 13.3284 15.3284 14 14.5 14H1.5C0.671573 14 0 13.3284 0 12.5V5V2.5C0 1.67157 0.671573 1 1.5 1H4V0.5C4 0.223858 4.22386 0 4.5 0ZM11 2V2.5C11 2.77614 11.2239 3 11.5 3C11.7761 3 12 2.77614 12 2.5V2H14.5C14.7761 2 15 2.22386 15 2.5V4H1V2.5C1 2.22386 1.22386 2 1.5 2H4V2.5C4 2.77614 4.22386 3 4.5 3C4.77614 3 5 2.77614 5 2.5V2H11ZM1 5H15V12.5C15 12.7761 14.7761 13 14.5 13H1.5C1.22386 13 1 12.7761 1 12.5V5Z", fill: "#979593" }), jsx("path", { d: "M3.5 6.5H6.375V9.28125H3.5V6.5Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 7V8.51904H6V7H4ZM7 7V8.51904H9.01562V7H7ZM10.0156 7V8.51904H12.0156V7H10.0156ZM12.0156 9.51904H10.0156V11.012H12.0156V9.51904ZM9.01562 11.012V9.51904H7V11.012H9.01562ZM6 11.012V9.51904H4V11.012H6ZM3 6.51562C3 6.23085 3.23085 6 3.51562 6H12.0156C12.5679 6 13.0156 6.44772 13.0156 7V11.012C13.0156 11.5643 12.5679 12.012 12.0156 12.012H3.51562C3.23085 12.012 3 11.7811 3 11.4964V6.51562Z", fill: "#C8C6C4" }), jsx("circle", { cx: "11.5", cy: "11.5", r: "4.5", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.509 8.5607C11.7851 8.5607 12.009 8.78456 12.009 9.0607V11.012H13.9635C14.2397 11.012 14.4635 11.2359 14.4635 11.512C14.4635 11.7881 14.2397 12.012 13.9635 12.012H11.009V9.0607C11.009 8.78456 11.2328 8.5607 11.509 8.5607Z", fill: "white" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_4277_1149" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
 }
 
-function CoinIcon(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 96 96" }, { children: jsxs("g", __assign({ fill: "currentColor", fillRule: "evenodd" }, { children: [jsx("path", { d: "M51.2727812,67.9767507 L51.2727812,73 L44.1927292,73 L44.1927292,68.505143 C40.7949984,68.2092433 36.3074949,66.9587149 33,65.109342 L35.3426643,56.8276737 C39.0874564,58.3106947 44.5502024,60.1741581 48.5899968,59.2794138 C52.1230815,58.4973933 53.0150293,55.277723 48.8537634,53.4565309 C45.3415023,51.8572636 33.2533548,50.1804988 33.2533548,39.9191208 C33.2533548,35.6673242 36.3942602,29.8233056 44.1927292,28.0972242 L44.1927292,23 L51.2727812,23 L51.2727812,27.678033 C54.3060976,27.8893899 57.401885,28.4600535 60.9766171,29.5943356 C60.6191439,31.1795125 59.0747208,38.0591799 59.0747208,38.0591799 C56.6071144,37.2067071 52.5707907,35.7166408 48.6975858,35.9385656 C43.9116095,36.2133296 43.5680187,39.7606031 46.7956895,41.3986191 C53.4141498,44.4351134 62.9999849,47.020713 62.9999849,56.0808792 C63.0103967,63.0838382 57.6344161,67.0714386 51.2727812,67.9802734 L51.2727812,67.9767507 Z" }), jsx("path", { d: "M48,84 L48,84 C67.882251,84 84,67.882251 84,48 C84,28.117749 67.882251,12 48,12 C28.117749,12 12,28.117749 12,48 C12,67.882251 28.117749,84 48,84 L48,84 Z M48,92 L48,92 C23.699471,92 4,72.300529 4,48 C4,23.699471 23.699471,4 48,4 C72.300529,4 92,23.699471 92,48 C92,72.300529 72.300529,92 48,92 L48,92 Z" })] })) })));
+function ActivityDefault16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { d: "M6.91409 1.32231C7.57503 0.894902 8.42521 0.894902 9.08616 1.32231L13.0862 3.90897C13.656 4.27748 14.0001 4.9098 14.0001 5.58842V10.4108C14.0001 11.0899 13.6556 11.7225 13.0852 12.0909L9.0851 14.6743C8.42461 15.1008 7.57548 15.1008 6.915 14.6742L2.91506 12.0909C2.34465 11.7225 2.00012 11.0899 2.00012 10.4108V5.58842C2.00012 4.9098 2.34424 4.27748 2.91409 3.90897L6.91409 1.32231Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5431 4.7487L8.54314 2.16203C8.21267 1.94833 7.78758 1.94833 7.4571 2.16203L3.4571 4.7487C3.17218 4.93295 3.00012 5.24911 3.00012 5.58842V10.4108C3.00012 10.7504 3.17239 11.0667 3.45759 11.2509L7.45753 13.8342C7.78777 14.0475 8.21234 14.0475 8.54258 13.8342L12.5426 11.2509C12.8279 11.0667 13.0001 10.7503 13.0001 10.4108V5.58842C13.0001 5.24911 12.8281 4.93295 12.5431 4.7487ZM9.08616 1.32231C8.42521 0.894902 7.57503 0.894902 6.91409 1.32231L2.91409 3.90897C2.34424 4.27748 2.00012 4.9098 2.00012 5.58842V10.4108C2.00012 11.0899 2.34465 11.7225 2.91506 12.0909L6.915 14.6742C7.57548 15.1008 8.42461 15.1008 9.0851 14.6743L13.0852 12.0909C13.6556 11.7225 14.0001 11.0899 14.0001 10.4108V5.58842C14.0001 4.9098 13.656 4.27748 13.0862 3.90897L9.08616 1.32231Z", fill: "#979593" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00012 9.99999C9.10469 9.99999 10.0001 9.10456 10.0001 7.99999C10.0001 6.89542 9.10469 5.99999 8.00012 5.99999C6.89555 5.99999 6.00012 6.89542 6.00012 7.99999C6.00012 9.10456 6.89555 9.99999 8.00012 9.99999ZM8.00012 11C9.65698 11 11.0001 9.65685 11.0001 7.99999C11.0001 6.34314 9.65698 4.99999 8.00012 4.99999C6.34327 4.99999 5.00012 6.34314 5.00012 7.99999C5.00012 9.65685 6.34327 11 8.00012 11Z", fill: "#979593" })] })));
 }
 
-function CoinEuroIcon$1(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 96 96" }, { children: jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M48,92 C23.699471,92 4,72.300529 4,48 C4,23.699471 23.699471,4 48,4 C72.300529,4 92,23.699471 92,48 C92,72.300529 72.300529,92 48,92 Z M48,84 C67.882251,84 84,67.882251 84,48 C84,28.117749 67.882251,12 48,12 C28.117749,12 12,28.117749 12,48 C12,67.882251 28.117749,84 48,84 Z M51.3636364,31.9732083 C48.6749177,31.9732083 46.4600638,32.7287265 44.7190083,34.2397857 C42.9779527,35.7508448 41.853997,37.9423835 41.3471074,40.8144675 L54.6694215,40.8144675 L54.6694215,46.4728734 L40.8512397,46.4728734 L40.785124,47.5981246 L40.785124,49.1091762 L40.8512397,50.1701273 L52.5867769,50.1701273 L52.5867769,55.8928332 L41.4132231,55.8928332 C42.5371957,61.1011647 46.0743504,63.7052914 52.0247934,63.7052914 C55.1763243,63.7052914 58.206597,63.0944468 61.1157025,61.8727395 L61.1157025,70.103148 C58.5592159,71.3677223 55.330598,72 51.4297521,72 C46.030276,72 41.5895491,70.5746961 38.107438,67.7240455 C34.6253269,64.873395 32.4325114,60.929697 31.5289256,55.8928332 L27,55.8928332 L27,50.1701273 L30.9008264,50.1701273 C30.8126717,49.6771576 30.768595,49.0127302 30.768595,48.1768252 L30.8347107,46.4728734 L27,46.4728734 L27,40.8144675 L31.3966942,40.8144675 C32.2121253,35.6275695 34.4049408,31.5284812 37.9752066,28.5170797 C41.5454724,25.5056782 46.0082377,24 51.3636364,24 C55.5069078,24 59.3856569,24.8787588 63,26.6363027 L59.7603306,34.0951105 C58.2396618,33.4306732 56.8181884,32.9109195 55.4958678,32.5358339 C54.1735471,32.1607483 52.7961504,31.9732083 51.3636364,31.9732083 Z" }) })));
+function BlankLetter16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2814)" }, { children: [jsx("path", { d: "M4.47619 1H10.9428H12.9957C13.548 1 13.9957 1.44772 13.9957 2V4.32534V14.4797C13.9957 14.6172 14.0124 14.8216 13.9232 14.9189C13.8339 15.0161 13.646 14.9982 13.5197 14.9982H4.47619C4.34996 14.9982 4.15358 15.0188 4.06432 14.9216C3.97506 14.8244 4.00022 14.6172 4.00022 14.4797V1.51845C4.00022 1.38095 3.99753 1.22728 4.08679 1.13005C4.17605 1.03282 4.34996 1 4.47619 1Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.4762 0H12.9957C14.1003 0 14.9957 0.895432 14.9957 2V14.4797C14.9957 14.51 14.9959 14.5132 14.9961 14.5177C14.9963 14.5231 14.9967 14.5303 14.9969 14.5884C14.9971 14.6402 14.9965 14.7164 14.9892 14.8008C14.9787 14.9215 14.9416 15.2882 14.6598 15.5952C14.3604 15.9213 13.9795 15.975 13.8385 15.9896C13.7492 15.9989 13.67 15.9997 13.619 15.9994C13.5498 15.9991 13.5515 15.9988 13.5527 15.9985C13.5536 15.9983 13.5543 15.9982 13.5197 15.9982H4.4762C4.46015 15.9982 4.45639 15.9983 4.44998 15.9985C4.44184 15.9988 4.42945 15.9993 4.3823 15.9998C4.33233 16.0004 4.25348 16.0003 4.16492 15.9922C4.03404 15.9801 3.63633 15.9341 3.32769 15.5979C3.17002 15.4262 3.09429 15.241 3.05603 15.1087C3.01777 14.9765 3.00548 14.857 3.00059 14.7757C2.99559 14.6922 2.99683 14.6167 2.99797 14.5692C2.9987 14.5386 2.99924 14.5212 2.99961 14.5094C3.00003 14.496 3.00022 14.4897 3.00022 14.4797V1.51845C3.00022 1.51474 3.0002 1.51019 3.00017 1.50488C2.99988 1.44788 2.99914 1.30265 3.02179 1.15623C3.04806 0.986448 3.11956 0.704926 3.35015 0.45376C3.56677 0.217818 3.82694 0.115021 3.98988 0.0679097C4.16519 0.0172219 4.33565 0 4.4762 0ZM4.4762 1C4.34996 1 4.17605 1.03282 4.08679 1.13005C4.00006 1.22452 4.00014 1.37228 4.00022 1.50671C4.00022 1.51064 4.00022 1.51455 4.00022 1.51845V14.4797C4.00022 14.5034 3.99948 14.5291 3.9987 14.556C3.99495 14.6853 3.99043 14.8411 4.06432 14.9216C4.14089 15.005 4.29628 15.0017 4.4186 14.999C4.43888 14.9986 4.45825 14.9982 4.4762 14.9982H13.5197C13.5361 14.9982 13.5535 14.9985 13.5715 14.9988C13.693 15.0009 13.8454 15.0035 13.9232 14.9189C14.0007 14.8344 13.9983 14.6689 13.9963 14.5367C13.996 14.5168 13.9957 14.4977 13.9957 14.4797V2C13.9957 1.44772 13.548 1 12.9957 1H4.4762Z", fill: "#979593" }), jsx("path", { d: "M3.00002 4.01345H14.9955V1.2C14.9955 0.537257 14.4583 0 13.7955 0H4.20002C3.53728 0 3.00002 0.537258 3.00002 1.2V4.01345Z", fill: "#185ABD" }), jsx("path", { d: "M4.9967 6.5C4.9967 6.22386 5.22056 6 5.4967 6H8.4967C8.77285 6 8.9967 6.22386 8.9967 6.5C8.9967 6.77614 8.77285 7 8.4967 7L5.4967 7C5.22056 7 4.9967 6.77614 4.9967 6.5Z", fill: "#C8C6C4" }), jsx("path", { d: "M5.4967 8.02679C5.22056 8.02679 4.9967 8.25065 4.9967 8.52679C4.9967 8.80294 5.22056 9.02679 5.4967 9.02679L11.4967 9.0268C11.7728 9.0268 11.9967 8.80294 11.9967 8.5268C11.9967 8.25065 11.7728 8.0268 11.4967 8.0268L5.4967 8.02679Z", fill: "#C8C6C4" }), jsx("path", { d: "M5.4967 10.0268C5.22056 10.0268 4.9967 10.2507 4.9967 10.5268C4.9967 10.8029 5.22056 11.0268 5.4967 11.0268L11.4967 11.0268C11.7728 11.0268 11.9967 10.8029 11.9967 10.5268C11.9967 10.2507 11.7728 10.0268 11.4967 10.0268L5.4967 10.0268Z", fill: "#C8C6C4" }), jsx("path", { d: "M5.4967 12C5.22056 12 4.9967 12.2239 4.9967 12.5C4.9967 12.7761 5.22056 13 5.4967 13L8.4967 13C8.77285 13 8.9967 12.7761 8.9967 12.5C8.9967 12.2239 8.77285 12 8.4967 12L5.4967 12Z", fill: "#C8C6C4" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2814" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
 }
 
-function CoinEuroIcon(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6681 5.32217C13.6012 5.32217 12.7222 5.63697 12.0314 6.26658C11.3405 6.89618 10.8944 7.80933 10.6933 9.00603H15.9799V11.3637H10.4965L10.4703 11.8326V12.4622L10.4965 12.9042H15.1535V15.2887H10.7195C11.1656 17.4588 12.5692 18.5439 14.9305 18.5439C16.1811 18.5439 17.3836 18.2894 18.538 17.7803V21.2096C17.5235 21.7366 16.2423 22 14.6943 22C12.5517 22 10.7895 21.4061 9.40771 20.2184C8.02592 19.0306 7.15576 17.3874 6.79719 15.2887H5V12.9042H6.54795C6.51296 12.6988 6.49547 12.422 6.49547 12.0737L6.52171 11.3637H5V9.00603H6.74472C7.0683 6.84482 7.93847 5.13687 9.35524 3.88212C10.772 2.62737 12.543 2 14.6681 2C16.3123 2 17.8515 2.36615 19.2857 3.09846L18.0001 6.2063C17.3967 5.92945 16.8326 5.71288 16.3079 5.5566C15.7832 5.40031 15.2366 5.32217 14.6681 5.32217Z", fill: "currentColor" }) })));
+function Bylawyers16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { d: "M4 1H14V4H4V1Z", fill: "white" }), jsx("path", { d: "M3.5 13.5L3.5 1.97187C3.5 3.24685 4.18541 3.475 5.15809 3.475L12.5 3.475C13.6046 3.475 14.5 4.37043 14.5 5.475L14.5 13.5C14.5 14.6046 13.6046 15.5 12.5 15.5L5.5 15.5C4.39543 15.5 3.5 14.6046 3.5 13.5Z", fill: "white" }), jsx("path", { d: "M3.5 1.97187L3.5 13.5C3.5 14.6046 4.39543 15.5 5.5 15.5L12.5 15.5C13.6046 15.5 14.5 14.6046 14.5 13.5L14.5 5.475C14.5 4.37043 13.6046 3.475 12.5 3.475L5.15809 3.475C4.18541 3.475 3.5 3.24685 3.5 1.97187ZM3.5 1.97187C3.5 0.696902 4.16728 0.5 5.15809 0.5L14.5 0.5", stroke: "#979593", strokeLinecap: "round", strokeLinejoin: "round", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 2C5 1.72386 5.22386 1.5 5.5 1.5H13.5C13.7761 1.5 14 1.72386 14 2C14 2.27614 13.7761 2.5 13.5 2.5H5.5C5.22386 2.5 5 2.27614 5 2Z", fill: "#979593" }), jsx("path", { d: "M10.3151 9.12405L8.88159 7.67774L11.0319 5.02614L12.9433 6.95456L10.3151 9.12405Z", fill: "#F69139" }), jsx("path", { d: "M8.14246 8.42417L6.15368 8.7433L5.03125 12.7513L6.96167 10.8188C6.9304 10.7524 6.9129 10.6781 6.9129 10.5997C6.9129 10.3173 7.13982 10.0883 7.41974 10.0883C7.69966 10.0883 7.92657 10.3173 7.92657 10.5997C7.92657 10.8821 7.69966 11.111 7.41974 11.111C7.34097 11.111 7.2664 11.0929 7.19991 11.0606L5.26253 13L9.32022 11.938L9.59797 9.89264L10.0989 9.38729L8.64335 7.91882L8.14246 8.42417Z", fill: "black" })] })));
 }
 
-function CurrencyPoundIcon(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9069 2.46331C10.222 2.71868 9.60991 3.13769 9.12404 3.68382C8.60009 4.27119 8.20302 4.96039 7.95769 5.70828C7.69109 6.49973 7.72025 7.53279 7.72858 8.3659V11.1152H6.36645C6.17668 11.1017 5.98628 11.1306 5.80905 11.1997C5.63182 11.2689 5.47219 11.3766 5.34172 11.5151C5.11668 11.7766 4.99517 12.1115 5.00015 12.4565V13.8103H7.26204V17.0469C7.26686 17.3362 7.20818 17.623 7.09015 17.8871C6.97212 18.1512 6.7976 18.3863 6.57889 18.5757C6.36645 18.7589 6.12068 18.9089 5.86242 19.013C5.58749 19.1338 5.2959 19.2213 5.00015 19.2713V21.9997H17.7759C18.0186 22.004 18.2594 21.9556 18.4816 21.8578C18.7039 21.76 18.9022 21.6151 19.063 21.4332C19.213 21.2666 19.3338 21.075 19.4171 20.8667C19.5004 20.6751 19.5421 20.4668 19.5421 20.2585V18.3632H12.8272C12.4232 18.3632 12.0149 18.3882 11.6109 18.4382C11.2068 18.4882 10.8069 18.559 10.4029 18.6465C10.7368 18.2806 11.0134 17.8663 11.2235 17.4176C11.4318 16.9553 11.3734 16.1471 11.3651 15.6389V13.8269H15.6848C15.9067 13.8301 16.125 13.7698 16.3139 13.6532C16.5028 13.5366 16.6545 13.3686 16.7512 13.1688C16.8012 13.0438 16.8261 12.9147 16.8178 12.7814V11.0943H11.3609V8.3659C11.3193 7.59944 11.6525 6.8788 12.0441 6.21647C12.2246 5.96133 12.4677 5.75685 12.75 5.62264C13.0323 5.48843 13.3443 5.42899 13.6562 5.45001C14.0102 5.43752 14.3601 5.52916 14.6642 5.70828C15.0033 5.93377 15.3138 6.19952 15.589 6.49973C15.8347 6.79132 16.1805 6.9746 16.5595 7.00793H16.6637C17.0084 7.00179 17.3462 6.91019 17.6468 6.74133L19.3046 5.67912C19.049 5.15702 18.742 4.66166 18.3882 4.20035C17.84 3.47363 17.1209 2.89344 16.2947 2.51123C15.4685 2.12901 14.5608 1.9566 13.652 2.00927C12.9938 2.02593 11.8025 2.09258 10.9027 2.45915L10.9069 2.46331Z", fill: "currentColor" }) })));
+function Clause16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { d: "M4 1H14V4H4V1Z", fill: "white" }), jsx("path", { d: "M3.5 13.5L3.5 1.97187C3.5 3.24685 4.18541 3.475 5.15809 3.475L12.5 3.475C13.6046 3.475 14.5 4.37043 14.5 5.475L14.5 13.5C14.5 14.6046 13.6046 15.5 12.5 15.5L5.5 15.5C4.39543 15.5 3.5 14.6046 3.5 13.5Z", fill: "white" }), jsx("path", { d: "M3.5 1.97187L3.5 13.5C3.5 14.6046 4.39543 15.5 5.5 15.5L12.5 15.5C13.6046 15.5 14.5 14.6046 14.5 13.5L14.5 5.475C14.5 4.37043 13.6046 3.475 12.5 3.475L5.15809 3.475C4.18541 3.475 3.5 3.24685 3.5 1.97187ZM3.5 1.97187C3.5 0.696902 4.16728 0.5 5.15809 0.5L14.5 0.5", stroke: "#979593", strokeLinecap: "round", strokeLinejoin: "round", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 2C5 1.72386 5.22386 1.5 5.5 1.5H13.5C13.7761 1.5 14 1.72386 14 2C14 2.27614 13.7761 2.5 13.5 2.5H5.5C5.22386 2.5 5 2.27614 5 2Z", fill: "#979593" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 7C5.22386 7 5 7.22386 5 7.5C5 7.77614 5.22386 8 5.5 8H12.5C12.7761 8 13 7.77614 13 7.5C13 7.22386 12.7761 7 12.5 7H5.5ZM5.5 9C5.22386 9 5 9.22386 5 9.5C5 9.77614 5.22386 10 5.5 10L12.5 10C12.7761 10 13 9.77614 13 9.5C13 9.22386 12.7761 9 12.5 9L5.5 9Z", fill: "#41A5EE" })] })));
 }
 
-function CurrencyIcon(props) {
-    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.9182 20.4899V22.6667H9.85018V20.7189C8.37783 20.5907 6.43325 20.0488 5 19.2474L6.01515 15.6587C7.6379 16.3013 10.0051 17.1088 11.7557 16.7211C13.2867 16.3822 13.6732 14.987 11.87 14.1978C10.348 13.5048 5.10979 12.7782 5.10979 8.33162C5.10979 6.48917 6.47085 3.95677 9.85018 3.2088V1H12.9182V3.02715C14.2326 3.11874 15.5741 3.36602 17.1232 3.85755C16.9683 4.54446 16.299 7.52564 16.299 7.52564C15.2298 7.15624 13.4807 6.51054 11.8023 6.60671C9.72836 6.72578 9.57947 8.26293 10.9781 8.97274C13.8461 10.2885 18 11.409 18 15.335C18.0045 18.3697 15.6749 20.0976 12.9182 20.4914V20.4899Z", fill: "currentColor" }) })));
+function Cross16Icon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.27831 7.98596L3.1391 12.1252L3.84621 12.8323L7.98541 8.69307L12.1391 12.8468L12.8462 12.1396L8.69252 7.98596L12.8462 3.83227L12.1391 3.12517L7.98541 7.27885L3.84621 3.13965L3.1391 3.84675L7.27831 7.98596Z" }) })));
+}
+
+function Fax16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2836)" }, { children: [jsx("path", { d: "M4.47619 1H10.9428H12.9957C13.548 1 13.9957 1.44772 13.9957 2V4.32534V14.4797C13.9957 14.6172 14.0124 14.8216 13.9232 14.9189C13.8339 15.0161 13.646 14.9982 13.5197 14.9982H4.47619C4.34996 14.9982 4.15358 15.0188 4.06432 14.9216C3.97506 14.8244 4.00022 14.6172 4.00022 14.4797V1.51845C4.00022 1.38095 3.99753 1.22728 4.08679 1.13005C4.17605 1.03282 4.34996 1 4.47619 1Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.4762 0H12.9957C14.1003 0 14.9957 0.895432 14.9957 2V14.4797C14.9957 14.51 14.9959 14.5132 14.9961 14.5177C14.9963 14.5231 14.9967 14.5303 14.9969 14.5884C14.9971 14.6402 14.9965 14.7164 14.9892 14.8008C14.9787 14.9215 14.9416 15.2882 14.6598 15.5952C14.3604 15.9213 13.9795 15.975 13.8385 15.9896C13.7492 15.9989 13.67 15.9997 13.619 15.9994C13.5498 15.9991 13.5515 15.9988 13.5527 15.9985C13.5536 15.9983 13.5543 15.9982 13.5197 15.9982H4.4762C4.46015 15.9982 4.45639 15.9983 4.44998 15.9985C4.44184 15.9988 4.42945 15.9993 4.3823 15.9998C4.33233 16.0004 4.25348 16.0003 4.16492 15.9922C4.03404 15.9801 3.63633 15.9341 3.32769 15.5979C3.17002 15.4262 3.09429 15.241 3.05603 15.1087C3.01777 14.9765 3.00548 14.857 3.00059 14.7757C2.99559 14.6922 2.99683 14.6167 2.99797 14.5692C2.9987 14.5386 2.99924 14.5212 2.99961 14.5094C3.00003 14.496 3.00022 14.4897 3.00022 14.4797V1.51845C3.00022 1.51474 3.0002 1.51019 3.00017 1.50488C2.99988 1.44788 2.99914 1.30265 3.02179 1.15623C3.04806 0.986448 3.11956 0.704926 3.35015 0.45376C3.56677 0.217818 3.82694 0.115021 3.98988 0.0679097C4.16519 0.0172219 4.33565 0 4.4762 0ZM4.4762 1C4.34996 1 4.17605 1.03282 4.08679 1.13005C4.00006 1.22452 4.00014 1.37228 4.00022 1.50671C4.00022 1.51064 4.00022 1.51455 4.00022 1.51845V14.4797C4.00022 14.5034 3.99948 14.5291 3.9987 14.556C3.99495 14.6853 3.99043 14.8411 4.06432 14.9216C4.14089 15.005 4.29628 15.0017 4.4186 14.999C4.43888 14.9986 4.45825 14.9982 4.4762 14.9982H13.5197C13.5361 14.9982 13.5535 14.9985 13.5715 14.9988C13.693 15.0009 13.8454 15.0035 13.9232 14.9189C14.0007 14.8344 13.9983 14.6689 13.9963 14.5367C13.996 14.5168 13.9957 14.4977 13.9957 14.4797V2C13.9957 1.44772 13.548 1 12.9957 1H4.4762Z", fill: "#979593" }), jsx("path", { d: "M4.00003 1.2C4.00003 1.08954 4.08957 1 4.20003 1H13.7955C13.906 1 13.9955 1.08954 13.9955 1.2V3.01345H4.00003V1.2Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9955 4.01345H3.00003V1.2C3.00003 0.537258 3.53729 0 4.20003 0H13.7955C14.4583 0 14.9955 0.537257 14.9955 1.2V4.01345ZM4.20003 1C4.08957 1 4.00003 1.08954 4.00003 1.2V3.01345H13.9955V1.2C13.9955 1.08954 13.906 1 13.7955 1H4.20003Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.49695 10.5122C5.49695 10.2361 5.72081 10.0122 5.99695 10.0122L11.9969 10.0122C12.2731 10.0122 12.4969 10.2361 12.4969 10.5122C12.4969 10.7884 12.2731 11.0122 11.9969 11.0122L5.99695 11.0122C5.72081 11.0122 5.49695 10.7884 5.49695 10.5122Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.49695 12.5122C5.49695 12.2361 5.72081 12.0122 5.99695 12.0122L11.9969 12.0122C12.2731 12.0122 12.4969 12.2361 12.4969 12.5122C12.4969 12.7884 12.2731 13.0122 11.9969 13.0122L5.99695 13.0122C5.72081 13.0122 5.49695 12.7884 5.49695 12.5122Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2937 5.14003C13.5171 5.30226 13.5668 5.61493 13.4046 5.83839L12.5164 7.06179L13.4046 8.28517C13.5668 8.50864 13.5171 8.8213 13.2937 8.98353C13.0702 9.14576 12.7575 9.09612 12.5953 8.87265L11.8986 7.91288L11.2018 8.87266C11.0396 9.09613 10.7269 9.14577 10.5034 8.98354C10.28 8.82131 10.2303 8.50865 10.3925 8.28518L11.2807 7.06179L10.3925 5.8384C10.2303 5.61494 10.28 5.30227 10.5034 5.14004C10.7269 4.97781 11.0396 5.02745 11.2018 5.25092L11.8985 6.2107L12.5953 5.25091C12.7575 5.02745 13.0702 4.9778 13.2937 5.14003ZM4.64782 5.1911C4.74159 5.09733 4.86877 5.04466 5.00137 5.04466L6.48945 5.04466C6.76559 5.04466 6.98945 5.26852 6.98945 5.54466C6.98945 5.8208 6.76559 6.04466 6.48945 6.04466L5.50137 6.04466V6.50441L6.48945 6.50441C6.76559 6.50441 6.98945 6.72827 6.98945 7.00441C6.98945 7.28056 6.76559 7.50441 6.48945 7.50441L5.50137 7.50441V8.57892C5.50137 8.85506 5.27752 9.07892 5.00137 9.07892C4.72523 9.07892 4.50137 8.85506 4.50137 8.57892V5.54466C4.50137 5.41205 4.55405 5.28487 4.64782 5.1911ZM8.54098 5.04466C8.7443 5.04448 8.92749 5.16745 9.00434 5.3557L9.92015 7.59927L10.2229 8.40244C10.3204 8.66081 10.19 8.94927 9.9316 9.04674C9.67323 9.1442 9.38477 9.01376 9.2873 8.75539L9.10639 8.27581H7.97919L7.79465 8.75772C7.6959 9.0156 7.40679 9.1446 7.14891 9.04585C6.89103 8.9471 6.76203 8.65799 6.86078 8.40011L7.1719 7.58763L8.07817 5.35651C8.15468 5.16813 8.33765 5.04484 8.54098 5.04466ZM8.37798 7.27581H8.70801L8.54258 6.87054L8.37798 7.27581Z", fill: "#185ABD" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2836" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function HyperLink16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2824)" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 2.5C0 2.22386 0.223858 2 0.5 2H15.5C15.7761 2 16 2.22386 16 2.5V14.5C16 14.7761 15.7761 15 15.5 15H0.5C0.223858 15 0 14.7761 0 14.5V2.5ZM1 3V14H15V3H1Z", fill: "#C8C6C4" }), jsx("rect", { x: "1.03125", y: "4", width: "14", height: "9.96875", fill: "white" }), jsx("path", { d: "M0.5 2C0.223858 2 7.76376e-08 2.22386 6.55671e-08 2.5L0 4L16 4V2.5C16 2.22386 15.7761 2 15.5 2L0.5 2Z", fill: "#979593" }), jsx("path", { d: "M13 6.50001C13 6.22387 12.7762 6.00001 12.5 6.00001L10.0016 6.00001C9.72545 6.00001 9.50159 6.22387 9.50159 6.50001C9.50159 6.77615 9.72545 7.00001 10.0016 7.00001L12 7.00001V10.9998L7.00004 10.9998L7.00004 8.5C7.00004 8.22386 6.77619 8 6.50004 8C6.2239 8 6.00004 8.22386 6.00004 8.50001L6.00004 11.4998C6.00004 11.6324 6.05272 11.7595 6.14649 11.8533C6.24026 11.9471 6.36743 11.9998 6.50004 11.9998H12.5C12.6326 11.9998 12.7598 11.9471 12.8536 11.8533C12.9474 11.7595 13 11.6324 13 11.4998V6.50001Z", fill: "#185ABD" }), jsx("path", { d: "M9.0001 6.5C9.0001 6.36739 8.94742 6.24022 8.85365 6.14645C8.75988 6.05268 8.6327 6 8.5001 6L3.50005 6C3.36744 6 3.24026 6.05268 3.14649 6.14645C3.05272 6.24022 3.00005 6.36739 3.00005 6.5L3.00005 11.5C3.00005 11.6326 3.05272 11.7598 3.14649 11.8536C3.24026 11.9473 3.36744 12 3.50005 12H4.9982C5.27434 12 5.4982 11.7761 5.4982 11.5C5.4982 11.2239 5.27434 11 4.9982 11L4.00005 11L4.00005 7L8.00009 7L8.00007 9.49999C8.00007 9.77613 8.22393 9.99999 8.50007 10C8.77621 10 9.00007 9.77614 9.00007 9.5L9.0001 6.5Z", fill: "#185ABD" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2824" }, { children: jsx("rect", { width: "16", height: "16", fill: "white", transform: "matrix(4.37114e-08 -1 -1 -4.37114e-08 16 16)" }) })) })] })));
+}
+
+function Memo16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2849)" }, { children: [jsx("path", { d: "M4.47619 1H10.9428H12.9957C13.548 1 13.9957 1.44772 13.9957 2V4.32534V14.4797C13.9957 14.6172 14.0124 14.8216 13.9232 14.9189C13.8339 15.0161 13.646 14.9982 13.5197 14.9982H4.47619C4.34996 14.9982 4.15358 15.0188 4.06432 14.9216C3.97506 14.8244 4.00022 14.6172 4.00022 14.4797V1.51845C4.00022 1.38095 3.99753 1.22728 4.08679 1.13005C4.17605 1.03282 4.34996 1 4.47619 1Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.4762 0H12.9957C14.1003 0 14.9957 0.895432 14.9957 2V14.4797C14.9957 14.51 14.9959 14.5132 14.9961 14.5177C14.9963 14.5231 14.9967 14.5303 14.9969 14.5884C14.9971 14.6402 14.9965 14.7164 14.9892 14.8008C14.9787 14.9215 14.9416 15.2882 14.6598 15.5952C14.3604 15.9213 13.9795 15.975 13.8385 15.9896C13.7492 15.9989 13.67 15.9997 13.619 15.9994C13.5498 15.9991 13.5515 15.9988 13.5527 15.9985C13.5536 15.9983 13.5543 15.9982 13.5197 15.9982H4.4762C4.46015 15.9982 4.45639 15.9983 4.44998 15.9985C4.44184 15.9988 4.42945 15.9993 4.3823 15.9998C4.33233 16.0004 4.25348 16.0003 4.16492 15.9922C4.03404 15.9801 3.63633 15.9341 3.32769 15.5979C3.17002 15.4262 3.09429 15.241 3.05603 15.1087C3.01777 14.9765 3.00548 14.857 3.00059 14.7757C2.99559 14.6922 2.99683 14.6167 2.99797 14.5692C2.9987 14.5386 2.99924 14.5212 2.99961 14.5094C3.00003 14.496 3.00022 14.4897 3.00022 14.4797V1.51845C3.00022 1.51474 3.0002 1.51019 3.00017 1.50488C2.99988 1.44788 2.99914 1.30265 3.02179 1.15623C3.04806 0.986448 3.11956 0.704926 3.35015 0.45376C3.56677 0.217818 3.82694 0.115021 3.98988 0.0679097C4.16519 0.0172219 4.33565 0 4.4762 0ZM4.4762 1C4.34996 1 4.17605 1.03282 4.08679 1.13005C4.00006 1.22452 4.00014 1.37228 4.00022 1.50671C4.00022 1.51064 4.00022 1.51455 4.00022 1.51845V14.4797C4.00022 14.5034 3.99948 14.5291 3.9987 14.556C3.99495 14.6853 3.99043 14.8411 4.06432 14.9216C4.14089 15.005 4.29628 15.0017 4.4186 14.999C4.43888 14.9986 4.45825 14.9982 4.4762 14.9982H13.5197C13.5361 14.9982 13.5535 14.9985 13.5715 14.9988C13.693 15.0009 13.8454 15.0035 13.9232 14.9189C14.0007 14.8344 13.9983 14.6689 13.9963 14.5367C13.996 14.5168 13.9957 14.4977 13.9957 14.4797V2C13.9957 1.44772 13.548 1 12.9957 1H4.4762Z", fill: "#979593" }), jsx("path", { d: "M4.00003 1.2C4.00003 1.08954 4.08957 1 4.20003 1H13.7955C13.906 1 13.9955 1.08954 13.9955 1.2V3.01345H4.00003V1.2Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9955 4.01345H3.00003V1.2C3.00003 0.537258 3.53729 0 4.20003 0H13.7955C14.4583 0 14.9955 0.537257 14.9955 1.2V4.01345ZM4.20003 1C4.08957 1 4.00003 1.08954 4.00003 1.2V3.01345H13.9955V1.2C13.9955 1.08954 13.906 1 13.7955 1H4.20003Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.99374 4.99664C4.99374 4.7205 5.2176 4.49664 5.49374 4.49664H8.41309C8.68923 4.49664 8.91309 4.7205 8.91309 4.99664V8.19226C8.91309 8.4684 8.68923 8.69226 8.41309 8.69226C8.13695 8.69226 7.91309 8.4684 7.91309 8.19226V5.49664H7.45342V8.19226C7.45342 8.4684 7.22956 8.69226 6.95342 8.69226C6.67727 8.69226 6.45342 8.4684 6.45342 8.19226V5.49664H5.99374V8.19226C5.99374 8.4684 5.76989 8.69226 5.49374 8.69226C5.2176 8.69226 4.99374 8.4684 4.99374 8.19226V4.99664ZM9.47007 4.99664C9.47007 4.7205 9.69393 4.49664 9.97007 4.49664H12.5002C12.7763 4.49664 13.0002 4.7205 13.0002 4.99664C13.0002 5.27279 12.7763 5.49664 12.5002 5.49664H10.4701V6.09445H12.5002C12.7763 6.09445 13.0002 6.31831 13.0002 6.59445C13.0002 6.87059 12.7763 7.09445 12.5002 7.09445H10.4701V7.69226H12.5002C12.7763 7.69226 13.0002 7.91612 13.0002 8.19226C13.0002 8.4684 12.7763 8.69226 12.5002 8.69226H9.97007C9.69393 8.69226 9.47007 8.4684 9.47007 8.19226V4.99664ZM4.99374 9.86702C4.99374 9.59088 5.2176 9.36702 5.49374 9.36702H8.41309C8.68923 9.36702 8.91309 9.59088 8.91309 9.86702V13.0626C8.91309 13.3388 8.68923 13.5626 8.41309 13.5626C8.13695 13.5626 7.91309 13.3388 7.91309 13.0626V10.367H7.45342V13.0626C7.45342 13.3388 7.22956 13.5626 6.95342 13.5626C6.67727 13.5626 6.45342 13.3388 6.45342 13.0626V10.367H5.99374V13.0626C5.99374 13.3388 5.76989 13.5626 5.49374 13.5626C5.2176 13.5626 4.99374 13.3388 4.99374 13.0626V9.86702ZM9.47007 9.86702C9.47007 9.59088 9.69393 9.36702 9.97007 9.36702H12.5002C12.7763 9.36702 13.0002 9.59088 13.0002 9.86702V13.0626C13.0002 13.3388 12.7763 13.5626 12.5002 13.5626H9.97007C9.69393 13.5626 9.47007 13.3388 9.47007 13.0626V9.86702ZM10.4701 10.367V12.5626H12.0002V10.367H10.4701Z", fill: "#185ABD" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2849" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function PhoneCall16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.91969 9.00746C5.85959 7.94659 5.06044 6.75878 4.52948 5.55374C4.41713 5.29895 4.48327 5.00064 4.67989 4.80388L5.5189 4.0698C6.12687 3.46138 6.5257 2.98822 5.85107 2.28306L4.77763 1.21954C3.83572 0.26574 2.92725 0.254581 1.92404 1.21954L1.13816 2.02274C0.352313 2.82036 0.396957 3.63472 0.71462 4.6443C1.47388 7.05734 2.33498 9.15435 4.55395 11.3749C6.77291 13.5955 8.96922 14.9649 11.3368 15.4128C12.4745 15.6281 13.4032 15.4545 14.0746 14.7826L14.8275 14.1113C15.731 13.1523 15.7173 12.166 14.8275 11.2507L13.6913 10.1658C13.1604 9.63442 12.5688 9.75477 11.9384 10.431L11.1202 11.2507C10.9236 11.4475 10.6255 11.5136 10.3709 11.4012C9.16674 10.869 7.97979 10.0683 6.91969 9.00746Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.13068 0.866069C4.60991 0.339368 4.02832 0.00194628 3.37498 8.38327e-06C2.72365 -0.00192359 2.12732 0.330202 1.5775 0.859037L1.56674 0.869708L0.781394 1.67234C0.318472 2.14242 0.0765166 2.6467 0.015591 3.19917C-0.0432056 3.73233 0.0719638 4.26774 0.237698 4.79446C1.0084 7.24379 1.9007 9.42726 4.20055 11.7287C6.46082 13.9906 8.74326 15.4313 11.2443 15.9045C12.4723 16.1368 13.5895 15.9678 14.4176 15.1472L15.1603 14.485C15.1711 14.4754 15.1815 14.4653 15.1914 14.4547C15.7006 13.9143 16.0023 13.3106 16 12.6632C15.9977 12.015 15.691 11.4219 15.186 10.9025C15.1817 10.898 15.1773 10.8937 15.1728 10.8894L14.0405 9.8082C13.6895 9.45907 13.2562 9.27289 12.7715 9.35261C12.3231 9.42635 11.9258 9.71404 11.5795 10.0839L10.7673 10.8976C10.7674 10.8976 10.7673 10.8976 10.7673 10.8976C10.7055 10.9594 10.6249 10.9673 10.5727 10.9443C9.42626 10.4375 8.29031 9.67249 7.27278 8.65425C6.25532 7.63608 5.49174 6.4994 4.98623 5.35215C4.96428 5.30235 4.97035 5.22658 5.02461 5.16603L5.84747 4.4461C5.85586 4.43876 5.864 4.43113 5.87189 4.42324C6.15632 4.13862 6.50593 3.78423 6.64102 3.36661C6.71624 3.13407 6.72691 2.88348 6.6457 2.62447C6.56758 2.37531 6.41414 2.14892 6.21169 1.93731L5.13068 0.866069ZM2.27501 1.57468L1.49331 2.37358C1.17073 2.70098 1.04225 3.00252 1.00847 3.30883C0.972533 3.63469 1.03853 4.01129 1.19048 4.49421C1.93841 6.87118 2.76845 8.88193 4.90686 11.0218C7.08485 13.2013 9.19535 14.4995 11.4298 14.9222C12.4721 15.1194 13.2082 14.9438 13.7219 14.4297C13.7287 14.4229 13.7357 14.4163 13.7428 14.4099L14.479 13.7536C14.8625 13.3413 15.0022 12.9774 15.0011 12.6668C15 12.3549 14.8565 11.9994 14.4763 11.606L13.3385 10.5196C13.1592 10.3402 13.0329 10.3227 12.9335 10.339C12.7983 10.3613 12.5867 10.469 12.3039 10.7723L12.2921 10.7846L11.4738 11.6043C11.1424 11.936 10.6265 12.0607 10.1695 11.8589C8.90748 11.3011 7.66925 10.4647 6.56647 9.36114C5.46361 8.25752 4.62878 7.01851 4.0723 5.75562M2.27501 1.57468C2.72598 1.14248 3.08389 0.998812 3.37201 0.999667C3.65844 1.00052 4.00146 1.14475 4.42217 1.57076L5.4945 2.63319C5.62612 2.77172 5.67496 2.86745 5.69261 2.92375C5.70737 2.97081 5.70682 3.00877 5.69066 3.05873C5.64357 3.20433 5.49289 3.38802 5.17729 3.70462L4.35092 4.42762C4.34253 4.43496 4.33438 4.44258 4.3265 4.45047C3.99508 4.78213 3.87068 5.29825 4.0723 5.75562", fill: "#979593" })] })));
+}
+
+function PrecedentNotification16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { d: "M0.996262 0H11.9963V5.5C11.9963 8.53757 9.53383 11 6.49626 11C3.4587 11 0.996262 8.53757 0.996262 5.5V0Z", fill: "#FFE9D8" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.50098 9.00183C6.22483 9.00183 6.00098 8.77797 6.00098 8.50183V5.50183C6.00098 5.22569 6.22483 5.00183 6.50098 5.00183C6.77712 5.00183 7.00098 5.22569 7.00098 5.50183V8.50183C7.00098 8.77797 6.77712 9.00183 6.50098 9.00183Z", fill: "#F69139" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.02524 2.00329C4.81595 2.00292 4.68215 2.11249 4.61278 2.27632C4.54336 2.44028 4.60668 2.62273 4.77058 2.73097L5.33603 3.06414C5.3864 3.09833 5.41536 3.14964 5.41476 3.20365L5.43204 4.37552C5.43216 4.42215 5.40994 4.46736 5.37028 4.5004L4.23285 5.12614C4.02511 5.29902 3.97047 5.40393 4.02067 5.70549C4.13334 5.93098 4.31855 6.00305 4.61281 6.00332L8.39462 6.00333C8.68889 6.00305 8.87405 5.92912 8.98672 5.70362C9.03687 5.40393 8.98127 5.29902 8.77352 5.12614L7.65506 4.50049C7.61495 4.46732 7.59225 4.422 7.59248 4.37502L7.57521 3.20365L7.5752 3.20166C7.57459 3.14765 7.60356 3.09634 7.65392 3.06215L8.28962 2.73111C8.45352 2.62287 8.51697 2.44034 8.44755 2.27637C8.37818 2.11254 8.24434 2.00305 8.03504 2.00343L5.02524 2.00329Z", fill: "#F69139" })] })));
+}
+
+function ScannedDoc16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { d: "M10.0105 2.99863H5.22761C5.22761 2.99863 5.13477 2.98776 5.07003 3.05722C5.0053 3.12667 5.01147 3.18611 5.01147 3.24079V12.6274C5.01147 12.8222 4.99817 12.8666 5.0629 12.9361C5.12764 13.0055 5.19015 12.9978 5.35664 12.9978H11.665C11.7565 12.9978 11.8876 13.0055 11.9523 12.9361C12.0171 12.8666 12.0101 12.7256 12.0101 12.6274V5.49842C12.0101 5.4002 11.9737 5.30602 11.909 5.23659L10.2545 3.10714C10.1898 3.03769 10.102 2.99866 10.0105 2.99863Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9861 2.42544C10.7402 2.16154 10.391 1.99872 10.0107 1.99863H5.25162C5.23714 1.99816 5.22165 1.99793 5.20523 1.99804C5.14763 1.99844 5.07224 2.0031 4.98587 2.01955C4.81644 2.05183 4.55808 2.13975 4.33844 2.3754C4.18617 2.53877 4.08438 2.73271 4.03887 2.94381C4.00359 3.10745 4.01141 3.28075 4.01141 3.24079V12.6274C4.01141 12.655 4.01119 12.6706 4.01093 12.6891L4.01036 12.7418C4.01011 12.7758 4.00956 12.8522 4.01863 12.9361C4.02915 13.0336 4.05432 13.1641 4.11997 13.306C4.18482 13.4461 4.26666 13.5485 4.33131 13.6179C4.41107 13.7035 4.51693 13.7931 4.65517 13.8643C4.79211 13.9347 4.9211 13.9665 5.02203 13.9817C5.11424 13.9957 5.19521 13.9973 5.23783 13.9978C5.2638 13.9981 5.30377 13.998 5.33151 13.9978L5.35658 13.9978H11.6649L11.6947 13.9979C11.7091 13.998 11.7298 13.9981 11.7529 13.9978C11.7973 13.9972 11.8667 13.995 11.9463 13.9848C12.0749 13.9682 12.4112 13.9104 12.6838 13.6179C12.943 13.3398 12.9867 13.0147 12.9991 12.9049C13.0126 12.7853 13.0105 12.6542 13.0101 12.6309L13.0101 12.6274V5.49822C13.01 5.17555 12.8977 4.85386 12.6798 4.59883L11.0166 2.45823L10.9861 2.42544ZM5.06997 3.05722C5.1347 2.98776 5.22754 2.99863 5.22754 2.99863H8.99536V5.19241C8.99535 5.43069 8.99535 5.63468 9.15508 5.8029C9.27124 5.92523 9.49388 6.00001 9.71169 6.00001H12.0101V12.6274L12.0102 12.6536C12.0107 12.7493 12.0114 12.8726 11.9523 12.9361C11.8933 12.9994 11.7793 12.9985 11.6902 12.9979L11.6649 12.9978H5.35658L5.311 12.9979C5.17794 12.9985 5.12129 12.9988 5.06284 12.9361C5.00863 12.8779 5.00914 12.8373 5.01075 12.7113C5.01106 12.6868 5.01141 12.6591 5.01141 12.6274V3.24079L5.01133 3.22766C5.01087 3.1766 5.01038 3.12115 5.06997 3.05722ZM11.7253 5.0002L10.2545 3.10714C10.1898 3.03769 10.102 2.99866 10.0104 2.99863H10.0008V4.77018C10.0008 4.79587 10 4.81723 9.99944 4.83546C9.99726 4.90091 9.99642 4.926 10.0347 4.96634C10.0723 5.00588 10.1004 5.00445 10.152 5.00182C10.1669 5.00106 10.1837 5.0002 10.2033 5.0002L11.7253 5.0002Z", fill: "#979593" }), jsx("path", { d: "M6.51038 8.00259C6.23423 8.00259 6.01038 8.22645 6.01038 8.50259C6.01038 8.77874 6.23423 9.00259 6.51038 9.00259L10.5104 9.0026C10.7865 9.0026 11.0104 8.77874 11.0104 8.5026C11.0104 8.22645 10.7865 8.00259 10.5104 8.00259H6.51038Z", fill: "#C8C6C4" }), jsx("path", { d: "M6.51038 10C6.23423 10 6.01038 10.2239 6.01038 10.5C6.01038 10.7761 6.23423 11 6.51038 11L10.5104 11C10.7865 11 11.0104 10.7761 11.0104 10.5C11.0104 10.2239 10.7865 10 10.5104 10L6.51038 10Z", fill: "#C8C6C4" }), jsx("path", { d: "M0.510376 5C0.234234 5 0.010376 4.77614 0.010376 4.5L0.0103759 1.96686C0.0103758 1.39835 0.166495 0.887556 0.533414 0.519886C0.900378 0.152171 1.40595 0 1.95569 0H4.51038C4.78652 0 5.01038 0.223857 5.01038 0.5C5.01038 0.776142 4.78652 1 4.51038 1L1.95569 1C1.58355 1 1.36647 1.10079 1.24124 1.22627C1.11598 1.35179 1.01038 1.57442 1.01038 1.96686L1.01038 4.5C1.01038 4.77614 0.786518 5 0.510376 5Z", fill: "black" }), jsx("path", { d: "M11.5 0C11.2239 0 11 0.223858 11 0.5C11 0.776142 11.2239 1 11.5 1H14.0331C14.4256 1 14.6482 1.1056 14.7737 1.23087C14.8992 1.35609 15 1.57317 15 1.94531V4.5C15 4.77614 15.2239 5 15.5 5C15.7761 5 16 4.77614 16 4.5V1.94531C16 1.39558 15.8478 0.890002 15.4801 0.523039C15.1124 0.156119 14.6016 0 14.0331 0H11.5Z", fill: "black" }), jsx("path", { d: "M16 11.5C16 11.2239 15.7761 11 15.5 11C15.2239 11 15 11.2239 15 11.5V14.0331C15 14.4256 14.8944 14.6482 14.7691 14.7737C14.6439 14.8992 14.4268 15 14.0547 15H11.5C11.2239 15 11 15.2239 11 15.5C11 15.7761 11.2239 16 11.5 16H14.0547C14.6044 16 15.11 15.8478 15.477 15.4801C15.8439 15.1124 16 14.6016 16 14.0331V11.5Z", fill: "black" }), jsx("path", { d: "M4.5 16C4.77614 16 5 15.7761 5 15.5C5 15.2239 4.77614 15 4.5 15H1.96686C1.57442 15 1.35179 14.8944 1.22627 14.7691C1.10079 14.6439 1 14.4268 1 14.0547L1 11.5C1 11.2239 0.776142 11 0.5 11C0.223857 11 0 11.2239 0 11.5V14.0547C0 14.6044 0.152171 15.11 0.519885 15.477C0.887556 15.8439 1.39835 16 1.96686 16H4.5Z", fill: "black" })] })));
+}
+
+function SharedFolder16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2822)" }, { children: [jsx("path", { d: "M3.27477 1.00004L4.91717 1C4.97021 0.999998 5.02109 1.02107 5.0586 1.05858L5.94144 1.94142C5.97894 1.97893 6.02981 2 6.08286 2L11.3767 2L15.8 2C15.9105 2 16 2.08954 16 2.2L16 6.93939L16 11.0227L16 14.8C16 14.9105 15.9105 15 15.8 15L10.028 15L3.9501 15L0.201922 15C0.0915154 15 0.00199416 14.9105 0.00192466 14.8001L1.42207e-05 11.7651L0.00202998 2.4848L0.00203629 1.2C0.00203683 1.08954 0.0915812 0.999998 0.202039 1L3.27477 1.00004Z", fill: "black" }), jsx("path", { d: "M6.08284 3C6.0298 3 5.97893 3.02107 5.94142 3.05858L5.05858 3.94142C5.02107 3.97893 4.9702 4 4.91716 4L4.02274 4L1.2 4C1.08954 4 1 4.08954 1 4.2L1 12.0125L1 13.8C1 13.9105 1.08954 14 1.2 14L2.7235 14L12.6667 14L14.8 14C14.9105 14 15 13.9105 15 13.8L15 12.4011L14.998 5.37602L14.9998 3.20017C14.9999 3.08965 14.9104 3 14.7998 3L11.9773 3L6.08284 3Z", fill: "white" }), jsx("path", { d: "M5.17708 11.8342C5.92559 12.5827 6.94079 13.0032 7.99935 13.0032H8.00694C8.53069 13.0029 9.04924 12.8993 9.53298 12.6986C10.0167 12.4978 10.4562 12.2037 10.8262 11.833C11.1963 11.4624 11.4897 11.0225 11.6897 10.5384C11.8611 10.1236 11.9611 9.51082 11.9859 9.01438L10.0732 9.01437C10.0729 9.42448 9.95113 9.82533 9.72313 10.1662C9.49513 10.5071 9.17117 10.7727 8.79221 10.9295C8.41326 11.0863 7.96128 11.1031 7.55907 11.023C7.15687 10.9428 6.82249 10.7694 6.53257 10.4793C6.24265 10.1892 6.01021 9.79558 5.93028 9.39333C5.85035 8.99108 5.89148 8.57416 6.04847 8.19529C6.20547 7.81641 6.50631 7.51673 6.84732 7.28891C7.18833 7.06108 7.36902 6.94286 7.77913 6.94286H7.99609L7.99609 5.02402L7.77913 5.02402C6.72058 5.02402 5.92559 5.44115 5.17708 6.18966C4.42857 6.93817 4.00806 7.95338 4.00806 9.01193C4.00806 10.0705 4.42857 11.0857 5.17708 11.8342Z", fill: "#0E5FE3" }), jsx("path", { d: "M11.9858 6.51032C11.9858 7.33305 11.3174 8.00001 10.4929 8.00001C9.6684 8.00001 9 7.33305 9 6.51032C9 5.68759 9.6684 5.02063 10.4929 5.02063C11.3174 5.02063 11.9858 5.68759 11.9858 6.51032Z", fill: "#0E5FE3" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2822" }, { children: jsx("rect", { width: "16", height: "16", fill: "white", transform: "matrix(4.37114e-08 -1 -1 -4.37114e-08 16 16)" }) })) })] })));
+}
+
+function Sms16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2845)" }, { children: [jsx("path", { d: "M8 14C12.3183 14 16 11.2693 16 7.34118C16 3.41302 12.3183 0 8 0C3.68173 0 0 3.41302 0 7.34118C0 9.61864 1.36277 11.6057 3.19332 12.9075C3.28027 13.1699 3.09911 13.6392 2.78754 14.147C2.32153 14.9067 2.75397 15.9427 3.54882 15.5397C4.63952 14.9867 5.37473 14.0771 5.71243 13.6908C6.43598 13.8918 7.2041 14 8 14Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.95952 13.0326C5.21269 12.743 5.60954 12.6243 5.98017 12.7273C6.61684 12.9042 7.29491 13 8 13C11.981 13 15 10.5242 15 7.34118C15 4.04158 11.8455 1 8 1C4.15452 1 1 4.04158 1 7.34118C1 9.20176 2.11969 10.9169 3.77286 12.0926C3.94617 12.2158 4.07567 12.3911 4.14256 12.593C4.29329 13.0478 4.17623 13.4963 4.08564 13.7601C4.05131 13.86 4.01095 13.9606 3.96597 14.0608C4.35184 13.733 4.65432 13.3843 4.87878 13.1255C4.90692 13.0931 4.93383 13.062 4.95952 13.0326ZM5.71243 13.6908C6.43598 13.8918 7.2041 14 8 14C12.3183 14 16 11.2693 16 7.34118C16 3.41302 12.3183 0 8 0C3.68173 0 0 3.41302 0 7.34118C0 9.61864 1.36277 11.6057 3.19332 12.9075C3.28027 13.1699 3.09911 13.6392 2.78754 14.147C2.32153 14.9067 2.75397 15.9427 3.54882 15.5397C4.557 15.0285 5.26145 14.2127 5.62897 13.7871C5.65905 13.7522 5.68688 13.72 5.71243 13.6908Z", fill: "#50B748" }), jsx("path", { d: "M4.49988 7L11.5 7C11.7761 7 12 6.77614 12 6.5C12 6.22386 11.7761 6 11.5 6H4.49988C4.22374 6 3.99988 6.22386 3.99988 6.5C3.99988 6.77614 4.22374 7 4.49988 7Z", fill: "#185C37" }), jsx("path", { d: "M4.5 7.99671C4.22386 7.99671 4 8.22057 4 8.49671C4 8.77286 4.22386 8.99671 4.5 8.99671L9.5 8.99672C9.77614 8.99672 10 8.77286 10 8.49672C10 8.22058 9.77614 7.99672 9.5 7.99672L4.5 7.99671Z", fill: "#185C37" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2845" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function TaxInvoice16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2846)" }, { children: [jsx("path", { d: "M4.48938 0.99823H10.9576H13.0113C13.5636 0.99823 14.0113 1.44595 14.0113 1.99823V4.32441V14.4813C14.0113 14.6189 14.028 14.8234 13.9387 14.9206C13.8494 15.0179 13.6615 14.9999 13.5352 14.9999H4.48938C4.36311 14.9999 4.16669 15.0206 4.0774 14.9233C3.98811 14.8261 4.01328 14.6189 4.01328 14.4813V1.51681C4.01328 1.37927 4.01059 1.22556 4.09987 1.12831C4.18916 1.03106 4.36311 0.99823 4.48938 0.99823Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.48938 -0.00177002H13.0113C14.1159 -0.00177002 15.0113 0.893661 15.0113 1.99823V14.4813C15.0113 14.5116 15.0114 14.5149 15.0117 14.5194C15.0119 14.5248 15.0123 14.5319 15.0125 14.59C15.0127 14.6419 15.0121 14.7181 15.0047 14.8025C14.9943 14.9232 14.9571 15.29 14.6754 15.5969C14.3759 15.923 13.995 15.9768 13.854 15.9914C13.7647 16.0007 13.6855 16.0014 13.6345 16.0012C13.5653 16.0009 13.567 16.0005 13.5682 16.0003C13.5691 16.0001 13.5697 15.9999 13.5352 15.9999H4.48938C4.47333 15.9999 4.46956 16.0001 4.46315 16.0003C4.45501 16.0006 4.4426 16.001 4.39546 16.0016C4.34548 16.0021 4.26662 16.002 4.17804 15.9939C4.04715 15.9819 3.64942 15.9358 3.34077 15.5996C3.18309 15.4279 3.10736 15.2427 3.06909 15.1104C3.03084 14.9782 3.01854 14.8587 3.01366 14.7773C3.00865 14.6939 3.0099 14.6183 3.01103 14.5708C3.01176 14.5403 3.01231 14.5229 3.01267 14.511C3.01309 14.4977 3.01328 14.4914 3.01328 14.4813V1.51681C3.01328 1.5131 3.01326 1.50855 3.01323 1.50324C3.01294 1.44622 3.0122 1.30097 3.03486 1.15454C3.06113 0.984739 3.13264 0.703201 3.36324 0.452023C3.57986 0.216068 3.84005 0.113263 4.00301 0.0661469C4.17834 0.0154539 4.34882 -0.00177002 4.48938 -0.00177002ZM4.48938 0.99823C4.36311 0.99823 4.18916 1.03106 4.09988 1.12831C4.01312 1.2228 4.0132 1.3706 4.01328 1.50507C4.01328 1.50899 4.01328 1.51291 4.01328 1.51681V14.4813C4.01328 14.505 4.01254 14.5308 4.01176 14.5577C4.00801 14.687 4.00349 14.8428 4.0774 14.9233C4.15399 15.0068 4.30941 15.0034 4.43177 15.0008C4.45205 15.0003 4.47142 14.9999 4.48938 14.9999H13.5352C13.5515 14.9999 13.5689 15.0002 13.587 15.0005C13.7085 15.0026 13.861 15.0053 13.9387 14.9206C14.0163 14.8361 14.0139 14.6705 14.0119 14.5384C14.0116 14.5185 14.0113 14.4993 14.0113 14.4813V1.99823C14.0113 1.44595 13.5636 0.99823 13.0113 0.99823H4.48938Z", fill: "#979593" }), jsx("path", { d: "M3.42827 1H9.24822H10.9958C11.5481 1 11.9958 1.44772 11.9958 2V3.85029V12.554C11.9958 12.6719 12.0109 12.8471 11.9305 12.9305C11.8502 13.0138 11.6811 12.9984 11.5675 12.9984H3.42827C3.31466 12.9984 3.13792 13.0161 3.05758 12.9328C2.97725 12.8495 2.99989 12.6719 2.99989 12.554V1.44439C2.99989 1.32653 2.99747 1.19481 3.0778 1.11147C3.15814 1.02813 3.31466 1 3.42827 1Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42827 0H10.9958C12.1004 0 12.9958 0.895431 12.9958 2V12.554C12.9958 12.5821 12.996 12.583 12.9961 12.5844C12.9964 12.5861 12.9967 12.5884 12.9969 12.6464C12.9971 12.693 12.9966 12.765 12.9892 12.8459C12.9786 12.9619 12.9397 13.3244 12.6505 13.6245C12.3536 13.9325 11.9848 13.9785 11.8598 13.9908C11.7767 13.9991 11.7032 13.9997 11.6566 13.9995C11.5914 13.9992 11.5944 13.9989 11.5966 13.9987C11.5983 13.9985 11.5994 13.9984 11.5675 13.9984H3.42827C3.41393 13.9984 3.41099 13.9985 3.40584 13.9987C3.39912 13.999 3.38865 13.9994 3.34435 13.9998C3.29874 14.0003 3.22568 14.0003 3.14329 13.9931C3.02838 13.983 2.64356 13.9442 2.33763 13.6268C2.17702 13.4602 2.09807 13.2781 2.05784 13.1456C2.018 13.0145 2.00549 12.897 2.00059 12.8192C1.99557 12.7394 1.99687 12.6682 1.99793 12.6261L1.99948 12.5724L1.99984 12.558C1.99988 12.5559 1.99989 12.5547 1.99989 12.5542C1.99989 12.5542 1.99989 12.554 1.99989 12.5542L1.99989 1.44439C1.99989 1.44169 1.99987 1.43816 1.99984 1.43388C1.99953 1.38656 1.9986 1.24657 2.02167 1.10462C2.04895 0.936692 2.12364 0.660418 2.35785 0.417449C2.57281 0.194455 2.82533 0.101601 2.97508 0.0603656C3.13922 0.0151698 3.29789 0 3.42827 0ZM3.42827 1C3.31466 1 3.15814 1.02813 3.07781 1.11147C2.99975 1.19244 2.99982 1.31909 2.99989 1.43432C2.99989 1.43769 2.99989 1.44104 2.99989 1.44439V12.554C2.99989 12.5743 2.99922 12.5964 2.99852 12.6194C2.99515 12.7303 2.99109 12.8638 3.05759 12.9328C3.1265 13.0043 3.26635 13.0014 3.37644 12.9992C3.39469 12.9988 3.41212 12.9984 3.42827 12.9984H11.5675C11.5822 12.9984 11.5978 12.9987 11.6141 12.9989C11.7234 13.0008 11.8606 13.003 11.9305 12.9305C12.0004 12.858 11.9981 12.7162 11.9964 12.6029C11.9961 12.5858 11.9958 12.5695 11.9958 12.554V2C11.9958 1.44772 11.5481 1 10.9958 1H3.42827Z", fill: "#979593" }), jsx("path", { d: "M2.99973 1.2C2.99973 1.08954 3.08927 1 3.19973 1H11.7957C11.9061 1 11.9957 1.08954 11.9957 1.2V2.72582H2.99973V1.2Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.9957 3.72582H1.99973V1.2C1.99973 0.537257 2.53698 0 3.19973 0H11.7957C12.4584 0 12.9957 0.537259 12.9957 1.2V3.72582ZM3.19973 1C3.08927 1 2.99973 1.08954 2.99973 1.2V2.72582H11.9957V1.2C11.9957 1.08954 11.9061 1 11.7957 1H3.19973Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.43839 7.13187L8.43839 7.84615L9.99695 7.84615L9.99695 7.13187L8.43839 7.13187ZM9.99695 8.84615L8.43839 8.84615L8.43839 9.56044L9.99695 9.56044L9.99695 8.84615ZM7.43839 9.56044L7.43839 8.84615L4.99695 8.84615L4.99695 9.56044L7.43839 9.56044ZM4.99695 7.84615L7.43839 7.84615L7.43839 7.13187L4.99695 7.13187L4.99695 7.84615ZM10.4969 6.13187C10.7731 6.13187 10.9969 6.35572 10.9969 6.63187L10.9969 10.0604C10.9969 10.3366 10.7731 10.5604 10.4969 10.5604L4.49695 10.5604C4.36434 10.5604 4.23716 10.5078 4.14339 10.414C4.04963 10.3202 3.99695 10.193 3.99695 10.0604L3.99695 6.63187C3.99695 6.35573 4.22081 6.13187 4.49695 6.13187L10.4969 6.13187Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.99695 11.6848C3.99695 11.4086 4.22081 11.1848 4.49695 11.1848L8.49695 11.1848C8.77309 11.1848 8.99695 11.4086 8.99695 11.6848C8.99695 11.9609 8.77309 12.1848 8.49695 12.1848L4.49695 12.1848C4.22081 12.1848 3.99695 11.9609 3.99695 11.6848Z", fill: "#C8C6C4" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.99695 5.00754C3.99695 4.7314 4.22081 4.50754 4.49695 4.50754L6.49695 4.50754C6.77309 4.50754 6.99695 4.7314 6.99695 5.00754C6.99695 5.28368 6.77309 5.50754 6.49695 5.50754L4.49695 5.50754C4.22081 5.50754 3.99695 5.28368 3.99695 5.00754Z", fill: "#C8C6C4" }), jsx("path", { d: "M11.8125 -0.00389584C12.8008 -0.00390521 13.2633 -0.0408248 13.6836 0.105463C14.329 0.330117 14.5988 0.620015 14.8477 1.16796C14.9531 1.40013 14.9989 1.75018 15.0113 1.86171C15.014 1.88548 15.015 1.90914 15.015 1.93305L15.015 5.00754L13 3.72657C13 3.72657 12.0117 0.691417 11.8125 -0.00389584Z", fill: "#185ABD" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2846" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function TaxInvoice162Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2819)" }, { children: [jsx("path", { d: "M4.47619 1H10.9428H12.9957C13.548 1 13.9957 1.44772 13.9957 2V4.32534V14.4797C13.9957 14.6172 14.0124 14.8216 13.9232 14.9189C13.8339 15.0161 13.646 14.9982 13.5197 14.9982H4.47619C4.34996 14.9982 4.15358 15.0188 4.06432 14.9216C3.97506 14.8244 4.00022 14.6172 4.00022 14.4797V1.51845C4.00022 1.38095 3.99753 1.22728 4.08679 1.13005C4.17605 1.03282 4.34996 1 4.47619 1Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.4762 0H12.9957C14.1003 0 14.9957 0.895432 14.9957 2V14.4797C14.9957 14.51 14.9959 14.5132 14.9961 14.5177C14.9963 14.5231 14.9967 14.5303 14.9969 14.5884C14.9971 14.6402 14.9965 14.7164 14.9892 14.8008C14.9787 14.9215 14.9416 15.2882 14.6598 15.5952C14.3604 15.9213 13.9795 15.975 13.8385 15.9896C13.7492 15.9989 13.67 15.9997 13.619 15.9994C13.5498 15.9991 13.5515 15.9988 13.5527 15.9985C13.5536 15.9983 13.5543 15.9982 13.5197 15.9982H4.4762C4.46015 15.9982 4.45639 15.9983 4.44998 15.9985C4.44184 15.9988 4.42945 15.9993 4.3823 15.9998C4.33233 16.0004 4.25348 16.0003 4.16492 15.9922C4.03404 15.9801 3.63633 15.9341 3.32769 15.5979C3.17002 15.4262 3.09429 15.241 3.05603 15.1087C3.01777 14.9765 3.00548 14.857 3.00059 14.7757C2.99559 14.6922 2.99683 14.6167 2.99797 14.5692C2.9987 14.5386 2.99924 14.5212 2.99961 14.5094C3.00003 14.496 3.00022 14.4897 3.00022 14.4797V1.51845C3.00022 1.51474 3.0002 1.51019 3.00017 1.50488C2.99988 1.44788 2.99914 1.30265 3.02179 1.15623C3.04806 0.986448 3.11956 0.704926 3.35015 0.45376C3.56677 0.217818 3.82694 0.115021 3.98988 0.0679097C4.16519 0.0172219 4.33565 0 4.4762 0ZM4.4762 1C4.34996 1 4.17605 1.03282 4.08679 1.13005C4.00006 1.22452 4.00014 1.37228 4.00022 1.50671C4.00022 1.51064 4.00022 1.51455 4.00022 1.51845V14.4797C4.00022 14.5034 3.99948 14.5291 3.9987 14.556C3.99495 14.6853 3.99043 14.8411 4.06432 14.9216C4.14089 15.005 4.29628 15.0017 4.4186 14.999C4.43888 14.9986 4.45825 14.9982 4.4762 14.9982H13.5197C13.5361 14.9982 13.5535 14.9985 13.5715 14.9988C13.693 15.0009 13.8454 15.0035 13.9232 14.9189C14.0007 14.8344 13.9983 14.6689 13.9963 14.5367C13.996 14.5168 13.9957 14.4977 13.9957 14.4797V2C13.9957 1.44772 13.548 1 12.9957 1H4.4762Z", fill: "#979593" }), jsx("path", { d: "M3 4.01345H14.9955V1.2C14.9955 0.537257 14.4582 0 13.7955 0H4.2C3.53726 0 3 0.537258 3 1.2V4.01345Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.9967 8.52679C4.9967 8.25065 5.22056 8.02679 5.4967 8.02679L11.4967 8.0268C11.7728 8.0268 11.9967 8.25065 11.9967 8.5268C11.9967 8.80294 11.7728 9.0268 11.4967 9.0268L5.4967 9.02679C5.22056 9.02679 4.9967 8.80294 4.9967 8.52679Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.9967 10.5268C4.9967 10.2507 5.22056 10.0268 5.4967 10.0268L11.4967 10.0268C11.7728 10.0268 11.9967 10.2507 11.9967 10.5268C11.9967 10.8029 11.7728 11.0268 11.4967 11.0268L5.4967 11.0268C5.22056 11.0268 4.9967 10.8029 4.9967 10.5268Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.9967 6.5C4.9967 6.22386 5.22056 6 5.4967 6L8.4967 6C8.77285 6 8.9967 6.22386 8.9967 6.5C8.9967 6.77614 8.77285 7 8.4967 7L5.4967 7C5.22056 7 4.9967 6.77614 4.9967 6.5Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.9967 12.5C4.9967 12.2239 5.22056 12 5.4967 12L8.4967 12C8.77285 12 8.9967 12.2239 8.9967 12.5C8.9967 12.7761 8.77285 13 8.4967 13L5.4967 13C5.22056 13 4.9967 12.7761 4.9967 12.5Z", fill: "#185ABD" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2819" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function TimedEntry16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 2.5C0 2.22386 0.223858 2 0.5 2H15.5C15.7761 2 16 2.22386 16 2.5V14.5C16 14.7761 15.7761 15 15.5 15H0.5C0.223858 15 0 14.7761 0 14.5V2.5ZM1 3V14H15V3H1Z", fill: "#C8C6C4" }), jsx("rect", { x: "1.03125", y: "4", width: "14", height: "9.96875", fill: "white" }), jsx("path", { d: "M0.5 2C0.223858 2 7.76376e-08 2.22386 6.55671e-08 2.5L0 4L16 4V2.5C16 2.22386 15.7761 2 15.5 2L0.5 2Z", fill: "#979593" }), jsx("path", { d: "M2.5 6C2.22386 6 2 6.22386 2 6.5C2 6.77614 2.22386 7 2.5 7L13.5 7C13.7761 7 14 6.77614 14 6.5C14 6.22386 13.7761 6 13.5 6L2.5 6Z", fill: "#C8C6C4" }), jsx("path", { d: "M2 8.5C2 8.22386 2.22386 8 2.5 8L13.5 8C13.7761 8 14 8.22386 14 8.5C14 8.77614 13.7761 9 13.5 9L2.5 9C2.22386 9 2 8.77614 2 8.5Z", fill: "#C8C6C4" }), jsx("path", { d: "M2 10.5C2 10.2239 2.22386 10 2.5 10L13.5 10C13.7761 10 14 10.2239 14 10.5C14 10.7761 13.7761 11 13.5 11L2.5 11C2.22386 11 2 10.7761 2 10.5Z", fill: "#C8C6C4" }), jsx("circle", { cx: "11.5", cy: "11.5", r: "4.5", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.509 8.5607C11.7851 8.5607 12.009 8.78456 12.009 9.0607V11.012H13.9635C14.2397 11.012 14.4635 11.2359 14.4635 11.512C14.4635 11.7881 14.2397 12.012 13.9635 12.012H11.009V9.0607C11.009 8.78456 11.2329 8.5607 11.509 8.5607Z", fill: "white" })] })));
+}
+
+function TrustStatement16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2827)" }, { children: [jsx("path", { d: "M11.1433 1.00086H4.31039C4.31039 1.00086 4.17775 0.985647 4.08527 1.08287C3.9928 1.18009 4.00161 1.2633 4.00161 1.33985V14.4797C4.00161 14.7525 3.98261 14.8146 4.07508 14.9118C4.16756 15.0091 4.25687 14.9982 4.49473 14.9982H13.5069C13.6377 14.9982 13.8182 15.0188 13.9107 14.9216C14.0032 14.8244 14 14.6172 14 14.4797V3.9592C14 3.82172 13.948 3.68988 13.8555 3.59268L11.4919 1.15276C11.3995 1.05553 11.2741 1.00089 11.1433 1.00086Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5297 0.000864974C10.5198 0.000291005 10.51 0 10.5 0C10.49 0 10.4802 0.000291005 10.4703 0.000864974H4.33693C4.31996 0.000233999 4.30144 -0.000103959 4.28155 2.84825e-05C4.22077 0.000433258 4.14075 0.00526117 4.04899 0.0223923C3.86988 0.0558297 3.59552 0.146802 3.3607 0.393666C3.19307 0.569893 3.08199 0.777547 3.03211 1.00425C2.99288 1.18258 3.00161 1.37019 3.00161 1.33985V14.4797C3.00161 14.5198 3.00125 14.5455 3.00086 14.574C3.00059 14.5933 3.00031 14.614 3.00011 14.6413C2.99977 14.6878 2.99923 14.7763 3.00968 14.8711C3.02158 14.9791 3.04949 15.1187 3.12037 15.2687C3.19021 15.4166 3.27853 15.5254 3.35051 15.601C3.43811 15.6931 3.55112 15.7862 3.69608 15.8593C3.83941 15.9316 3.97501 15.9645 4.08381 15.9807C4.18422 15.9955 4.275 15.9976 4.33033 15.9983C4.36369 15.9987 4.41033 15.9985 4.44875 15.9983L4.49472 15.9982H13.5069C13.5232 15.9982 13.5273 15.9983 13.5342 15.9985C13.5426 15.9988 13.5554 15.9993 13.6008 15.9998C13.6499 16.0004 13.7291 16.0003 13.8183 15.9918C13.9687 15.9774 14.3373 15.924 14.6353 15.6108C14.9088 15.3232 14.9641 14.9774 14.9814 14.8472C15.0008 14.7004 15.0003 14.5549 15 14.4943L15 14.4797V3.959C14.9999 3.57202 14.8541 3.19143 14.58 2.90334L12.2125 0.459414C11.9372 0.172105 11.5541 0.000957182 11.1435 0.000864974H10.5297ZM10 1.00086H4.31038C4.31038 1.00086 4.17774 0.985647 4.08527 1.08287C4.00014 1.17237 4.00085 1.24999 4.0015 1.32147L4.00161 1.33985V14.4797C4.00161 14.5241 4.0011 14.5629 4.00066 14.5971C3.99837 14.7736 3.99764 14.8304 4.07508 14.9118C4.15859 14.9996 4.23952 14.9993 4.4296 14.9984L4.49472 14.9982H13.5069C13.5258 14.9982 13.5457 14.9986 13.5662 14.999C13.688 15.0017 13.8316 15.0048 13.9107 14.9216C14.0002 14.8275 14.0001 14.6304 14 14.4932L14 5.99814C13.9857 5.99937 13.9712 6 13.9566 6H11.1562C10.8047 6 10.4453 5.87848 10.2578 5.67969C9.99998 5.40633 9.99999 5.07485 10 4.68765L10 1.00086ZM14 5.00186V3.9592C14 3.82172 13.948 3.68988 13.8555 3.59268L11.4919 1.15276C11.3995 1.05553 11.2741 1.00089 11.1433 1.00086H11V4.54274C11 4.73438 11.0303 4.81853 11.1094 4.90234C11.1875 4.98516 11.2617 5 11.4029 5H13.9566C13.9712 5 13.9857 5.00063 14 5.00186Z", fill: "#979593" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.33325 10C7.78097 10 7.33325 10.4477 7.33325 11C7.33325 11.5523 7.78097 12 8.33325 12H10.9999C11.5522 12 11.9999 11.5523 11.9999 11C11.9999 10.4477 11.5522 10 10.9999 10H8.33325Z", fill: "#185ABD" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.33325 7C7.78097 7 7.33325 7.44772 7.33325 8C7.33325 8.55228 7.78097 9 8.33325 9H10.9999C11.5522 9 11.9999 8.55228 11.9999 8C11.9999 7.44772 11.5522 7 10.9999 7H8.33325Z", fill: "#185ABD" }), jsx("ellipse", { cx: "4.45503", cy: "8.5045", rx: "4.45503", ry: "4.5045", fill: "white" }), jsx("path", { d: "M8.92201 12.3066L7.54095 10.9095L7.47104 11.3808C7.43814 11.5977 7.31888 11.798 7.14274 11.9262C6.96796 12.0551 6.74932 12.1098 6.53137 12.0738L5.75962 11.9463C5.69588 11.9421 5.6575 11.9601 5.6294 11.9892L5.4978 12.123L7.30175 13.9463C7.37166 14.017 7.47241 14.0419 7.56562 14.0135C7.65883 13.9837 7.72737 13.9054 7.74656 13.8077L7.909 12.9227L8.78699 12.7564C8.88294 12.7384 8.96039 12.6684 8.98849 12.5734C9.01728 12.4785 8.99123 12.3752 8.92201 12.3066Z", fill: "#185ABD" }), jsx("path", { d: "M3.26344 11.9428L2.46839 12.0738C2.24564 12.1084 2.02974 12.0544 1.85428 11.9241C1.67951 11.7966 1.56025 11.597 1.52735 11.3787L1.45744 10.9095L0.0770696 12.3066C0.00853064 12.3759 -0.0168286 12.4785 0.0112724 12.5727C0.0407441 12.6677 0.118879 12.7363 0.213462 12.7557L1.09076 12.9213L1.25525 13.8077C1.27307 13.9054 1.3423 13.9837 1.43551 14.0135C1.52804 14.0419 1.62948 14.017 1.69802 13.947L3.50127 12.123L3.36968 11.9885C3.34089 11.9587 3.30251 11.9428 3.26344 11.9428Z", fill: "#185ABD" }), jsx("path", { d: "M6.78249 12.2726C6.92643 12.2948 7.07343 12.2607 7.19134 12.1771C7.30771 12.0956 7.38887 11.9697 7.41031 11.8298L7.5397 10.9983C7.56573 10.8309 7.67368 10.6888 7.82987 10.6125L8.60851 10.2364C8.7402 10.1719 8.83896 10.0616 8.88337 9.92759C8.9293 9.79209 8.91476 9.64696 8.84891 9.52108L8.44773 8.77101C8.36887 8.6244 8.36887 8.44596 8.44773 8.29787L8.84891 7.54854C8.91476 7.42266 8.92854 7.27753 8.88337 7.14203C8.83819 7.00727 8.73943 6.89768 8.60851 6.83326L7.82987 6.45712C7.67368 6.38085 7.56573 6.23869 7.5397 6.07135L7.41031 5.23983C7.38887 5.09988 7.30771 4.97474 7.19134 4.8933C7.07343 4.80889 6.92643 4.77482 6.78249 4.79778L5.92117 4.93698C5.75043 4.96438 5.5774 4.90959 5.4549 4.79037L4.84317 4.18913C4.73981 4.08917 4.60123 4.0329 4.45423 4.0329C4.30953 4.0329 4.16789 4.08991 4.06529 4.18913L3.45356 4.79037C3.33182 4.91033 3.15803 4.96438 2.98729 4.93698L2.1275 4.8C1.98356 4.77705 1.83656 4.81111 1.71789 4.89552C1.60075 4.97697 1.52036 5.1021 1.49892 5.24205L1.37029 6.07357C1.3435 6.24091 1.23631 6.38307 1.08012 6.45934L0.300716 6.83549C0.171326 6.8999 0.0710292 7.00949 0.0266229 7.14425C-0.0185489 7.27975 -0.00553354 7.42488 0.0603102 7.55076L0.461498 8.30009C0.541122 8.44744 0.541122 8.62588 0.461498 8.77323L0.0603102 9.5233C-0.00553354 9.64918 -0.0185489 9.79431 0.0266229 9.92981C0.0717948 10.0638 0.17056 10.1742 0.300716 10.2386L1.08012 10.6147C1.23631 10.691 1.3435 10.8332 1.37029 11.0005L1.49892 11.832C1.52036 11.9712 1.60075 12.0971 1.71789 12.1793C1.83579 12.263 1.98279 12.297 2.1275 12.2748L2.98729 12.1378C3.15803 12.1089 3.33182 12.1645 3.45356 12.2837L4.06529 12.8834C4.16865 12.9856 4.30876 13.0419 4.45423 13.0419C4.60046 13.0419 4.74057 12.9856 4.84317 12.8834L5.4549 12.2837C5.5774 12.1645 5.7512 12.1089 5.92117 12.1378L6.78249 12.2726ZM4.45346 11.6654C2.62362 11.6654 1.13601 10.2267 1.13601 8.4578C1.13601 6.68888 2.62439 5.24871 4.45346 5.24871C6.28331 5.24871 7.77092 6.68962 7.77092 8.4578C7.77092 10.226 6.28407 11.6654 4.45346 11.6654Z", fill: "#185ABD" }), jsx("path", { d: "M4.45501 6.11188C3.13282 6.11188 2.05615 7.19949 2.05615 8.53738C2.05615 9.87527 3.13347 10.9629 4.45501 10.9629C5.7785 10.9629 6.85388 9.87527 6.85388 8.53738C6.85388 7.19949 5.7785 6.11188 4.45501 6.11188Z", fill: "#185ABD" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2827" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function UnkwownType16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2815)" }, { children: [jsx("path", { d: "M11.1433 1.00086H4.31039C4.31039 1.00086 4.17775 0.985647 4.08527 1.08287C3.9928 1.18009 4.00161 1.2633 4.00161 1.33985V14.4797C4.00161 14.7525 3.98261 14.8146 4.07508 14.9118C4.16756 15.0091 4.25687 14.9982 4.49473 14.9982H13.5069C13.6377 14.9982 13.8182 15.0188 13.9107 14.9216C14.0032 14.8244 14 14.6172 14 14.4797V3.9592C14 3.82172 13.948 3.68988 13.8555 3.59268L11.4919 1.15276C11.3995 1.05553 11.2741 1.00089 11.1433 1.00086Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1435 0.000864974C11.5541 0.000957182 11.9372 0.172105 12.2125 0.459414L14.58 2.90334C14.8541 3.19143 14.9999 3.57202 15 3.959V14.4797C15 14.4838 15 14.4887 15 14.4943C15.0003 14.5549 15.0008 14.7004 14.9814 14.8472C14.9641 14.9774 14.9088 15.3232 14.6353 15.6108C14.3373 15.924 13.9687 15.9774 13.8183 15.9918C13.7291 16.0003 13.6499 16.0004 13.6008 15.9998C13.5554 15.9993 13.5426 15.9988 13.5342 15.9985C13.5273 15.9983 13.5232 15.9982 13.5069 15.9982H4.49472C4.48265 15.9982 4.46672 15.9982 4.44902 15.9983C4.41055 15.9985 4.36376 15.9987 4.33033 15.9983C4.275 15.9976 4.18422 15.9955 4.08381 15.9807C3.97501 15.9645 3.83941 15.9316 3.69608 15.8593C3.55112 15.7862 3.43811 15.6931 3.35051 15.601C3.27853 15.5254 3.19021 15.4166 3.12037 15.2687C3.04949 15.1187 3.02158 14.9791 3.00968 14.8711C2.99923 14.7763 2.99977 14.6878 3.00011 14.6413C3.00031 14.614 3.00059 14.5933 3.00086 14.574C3.00125 14.5455 3.00161 14.5198 3.00161 14.4797V1.33985C3.00161 1.37019 2.99288 1.18258 3.03211 1.00425C3.08199 0.777547 3.19307 0.569893 3.3607 0.393666C3.59552 0.146802 3.86988 0.0558297 4.04899 0.0223923C4.14075 0.00526117 4.22077 0.000433258 4.28155 2.84825e-05C4.30144 -0.000103959 4.31996 0.000233999 4.33693 0.000864974H11.1435ZM4.31038 1.00086C4.31038 1.00086 4.17774 0.985647 4.08527 1.08287C4.00014 1.17237 4.00085 1.24999 4.0015 1.32147C4.00155 1.32764 4.00161 1.33377 4.00161 1.33985V14.4797C4.00161 14.5241 4.0011 14.5629 4.00066 14.5971C3.99837 14.7736 3.99764 14.8304 4.07508 14.9118C4.15859 14.9996 4.23952 14.9993 4.4296 14.9984C4.45 14.9983 4.47167 14.9982 4.49472 14.9982H13.5069C13.5258 14.9982 13.5457 14.9986 13.5663 14.999C13.688 15.0017 13.8316 15.0048 13.9107 14.9216C14.0002 14.8275 14.0001 14.6304 14 14.4932C14 14.4886 14 14.4841 14 14.4797V3.9592C14 3.82172 13.948 3.68988 13.8555 3.59268L11.4919 1.15276C11.3995 1.05553 11.2741 1.00089 11.1433 1.00086H4.31038Z", fill: "#979593" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C10.7761 0 11 0.223858 11 0.5L11 4.54274C11 4.73438 11.0303 4.81853 11.1094 4.90234C11.1875 4.98516 11.2617 5 11.4029 5V5.5L11.1563 6C10.8047 6 10.4453 5.87848 10.2578 5.67969C9.99821 5.40445 10 5.07031 10 4.67969L10 0.5C10 0.223858 10.2239 0 10.5 0ZM11.4029 5.5L11.1563 6H13.9566C14.2327 6 14.4566 5.77614 14.4566 5.5C14.4566 5.22386 14.2327 5 13.9566 5H11.4029V5.5Z", fill: "#979593" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2815" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function Video16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { d: "M11.1434 0.500865H11.1433H4.32643C4.31435 0.500281 4.30041 0.499914 4.28489 0.500017C4.24756 0.500266 4.19781 0.503248 4.14075 0.513901C4.02884 0.534793 3.86352 0.59053 3.72299 0.738268C3.61606 0.850687 3.55006 0.977068 3.52044 1.11168C3.49768 1.21516 3.50104 1.32157 3.50156 1.33782C3.50159 1.33892 3.50161 1.3396 3.50161 1.33985V14.4797C3.50161 14.5218 3.50119 14.5536 3.50077 14.5851C3.50051 14.6044 3.50026 14.6235 3.5001 14.645C3.49976 14.6911 3.49975 14.7535 3.50668 14.8164C3.51433 14.8858 3.53143 14.9683 3.57248 15.0552C3.61301 15.141 3.66525 15.2065 3.7128 15.2564C3.76816 15.3146 3.83612 15.37 3.92115 15.4128C4.00537 15.4553 4.0868 15.4756 4.1571 15.4861C4.25067 15.4999 4.36523 15.499 4.44962 15.4984C4.4659 15.4983 4.48106 15.4982 4.49473 15.4982H13.5069C13.5096 15.4982 13.5154 15.4983 13.5237 15.4985C13.5681 15.4996 13.6832 15.5024 13.7708 15.4941C13.8825 15.4834 14.1009 15.4471 14.273 15.2662C14.4329 15.0981 14.4717 14.8872 14.4857 14.7815C14.5004 14.6706 14.5001 14.5582 14.5 14.4953C14.5 14.4897 14.5 14.4845 14.5 14.4797V3.9592V3.9591C14.4999 3.69687 14.401 3.44067 14.2177 3.24802L14.2177 3.24801L14.2146 3.24479L11.8524 0.806224C11.6685 0.613884 11.4141 0.500926 11.1434 0.500865Z", fill: "white", stroke: "#979593", strokeMiterlimit: "10" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C10.7761 0 11 0.223858 11 0.5L11 4.54274C11 4.73438 11.0303 4.81853 11.1094 4.90234C11.1875 4.98516 11.2617 5 11.4029 5V5.5L11.1563 6C10.8047 6 10.4453 5.87848 10.2578 5.67969C9.99821 5.40445 10 5.07031 10 4.67969L10 0.5C10 0.223858 10.2239 0 10.5 0ZM11.4029 5.5L11.1563 6H13.9566C14.2327 6 14.4566 5.77614 14.4566 5.5C14.4566 5.22386 14.2327 5 13.9566 5H11.4029V5.5Z", fill: "#979593" }), jsx("path", { d: "M0.5 6.3C0.5 5.85817 0.858172 5.5 1.3 5.5H7.7C8.14183 5.5 8.5 5.85817 8.5 6.3V12.7C8.5 13.1418 8.14183 13.5 7.7 13.5H1.3C0.858172 13.5 0.5 13.1418 0.5 12.7V6.3Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 6C0 5.4662 0.39482 5 1 5H8C8.57779 5 9 5.49763 9 6V13C9 13.6073 8.49398 14 8 14H1C0.468154 14 0 13.5549 0 13V6ZM1.5 6C1 6 1 6 1 6.5V12.5C1 13 1 13 1.5 13H7.5C8 13 8 13 8 12.5V6.5C8 6 8 6 7.5 6H1.5Z", fill: "#979593" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.73456 7.95314L6.37496 9.07815C6.85931 9.33594 6.82806 9.65626 6.37496 9.92758L3.73456 11.0884C3.41108 11.2831 3.0022 11.0456 3.0022 10.6633V8.37818C3.0022 7.99591 3.41108 7.75839 3.73456 7.95314Z", fill: "#41A5EE" }), jsx("path", { d: "M0.5 6.5L8.5 6.5", stroke: "#979593" }), jsx("path", { d: "M0.5 12.5L8.5 12.5", stroke: "#979593" })] })));
+}
+
+function VideoCall16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.50964 2.50287C1.40507 2.50287 0.509644 3.3983 0.509644 4.50287V11.5121C0.509644 12.6166 1.40508 13.5121 2.50965 13.5121H8.52067C9.62524 13.5121 10.5207 12.6166 10.5207 11.5121V10.09C10.5567 10.4277 10.7628 10.7272 11.0716 10.8799L14.1416 12.3986C14.8107 12.7296 15.5934 12.2372 15.5849 11.4908L15.5159 5.47178C15.5073 4.72164 14.7065 4.24773 14.0448 4.60121L11.0438 6.20434C10.7499 6.36138 10.5556 6.65311 10.5207 6.97999V4.50287C10.5207 3.3983 9.62524 2.50287 8.52067 2.50287H2.50964Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.50964 2.00287C1.12893 2.00287 0 3.12216 0 4.50287V11.5121C0 12.8928 1.12894 14 2.50965 14H5.51516H8.52067C9.90139 14 11.0207 12.8928 11.0207 11.5121V11.4125L13.9199 12.8467C14.9236 13.3432 16.0128 12.6048 16 11.485V8.49252V5.5C15.9871 4.3748 14.8017 3.62997 13.8092 4.16019L11.0207 5.64983V4.50287C11.0207 3.12216 9.90138 2.00287 8.52067 2.00287H2.50964ZM11.0207 10.0587V7.01128C11.0441 6.85677 11.139 6.72035 11.2794 6.64535L14.2804 5.04222C14.6112 4.86548 15.0116 5.10244 15.0159 5.4775L15 11.485C15.0043 11.8583 14.6978 12.1159 14.3632 11.9504L11.2933 10.4317C11.1456 10.3587 11.0449 10.2185 11.0207 10.0587ZM10.0207 6.95599V4.50287C10.0207 3.67444 9.3491 3.00287 8.52067 3.00287H2.50964C1.68122 3.00287 1 3.67444 1 4.50287V11.5121C1 12.3405 1.68122 13 2.50965 13H5.51516H8.52067C9.3491 13 10.0207 12.3405 10.0207 11.5121V10.114C10.0169 10.0709 10.015 10.0274 10.015 9.98358V7.08637C10.015 7.04259 10.0169 6.9991 10.0207 6.95599Z", fill: "#979593" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.97878 6.12258L7.52742 7.82646C8.17838 8.2169 8.13638 8.70203 7.52742 9.11296L3.97878 10.871C3.54403 11.166 2.99451 10.8062 2.99451 10.2273V6.76632C2.99451 6.18735 3.54403 5.82762 3.97878 6.12258Z", fill: "#69AFE5" })] })));
+}
+
+function VoiceMemo16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_1050_1821)" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.7102C6.61947 10.7097 5.50045 9.48897 5.5 7.98298V3.43737C5.50045 1.93138 6.61947 0.710662 8 0.710175C9.38053 0.710662 10.4996 1.93138 10.5 3.43737V7.98298C10.5005 9.50121 9.33205 10.7106 8 10.7102Z", fill: "white", stroke: "#979593", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.24953 8C2.24953 7.72386 2.02567 7.5 1.74953 7.5C1.47338 7.5 1.24953 7.72386 1.24953 8C1.24953 11.5158 4.01172 14.3839 7.50032 14.6358V16C7.50032 16.2761 7.72418 16.5 8.00032 16.5C8.27646 16.5 8.50032 16.2761 8.50032 16V14.6358C11.9886 14.3836 14.7505 11.5156 14.7505 8C14.7505 7.72386 14.5266 7.5 14.2505 7.5C13.9743 7.5 13.7505 7.72386 13.7505 8C13.7505 11.1152 11.1833 13.6538 8 13.6538C4.81672 13.6538 2.24953 11.1152 2.24953 8Z", fill: "#979593" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_1050_1821" }, { children: jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+}
+
+function Zyphta16Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16" }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_165_2861)" }, { children: [jsx("path", { d: "M11.6432 1.00086L4.81032 1.00086C4.81032 1.00086 4.67769 0.985647 4.58521 1.08287C4.49274 1.18009 4.50155 1.2633 4.50155 1.33985L4.50155 14.4797C4.50155 14.7525 4.48255 14.8146 4.57502 14.9118C4.6675 15.0091 4.75681 14.9982 4.99467 14.9982L14.0068 14.9982C14.1376 14.9982 14.3182 15.0188 14.4107 14.9216C14.5031 14.8244 14.4999 14.6172 14.4999 14.4797L14.4999 3.9592C14.4999 3.82172 14.4479 3.68988 14.3554 3.59268L11.9919 1.15276C11.8994 1.05553 11.774 1.00089 11.6432 1.00086Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0296 0.000864316C11.0198 0.000290348 11.0099 -6.56541e-07 10.9999 -6.55671e-07C10.99 -6.548e-07 10.9801 0.000290351 10.9703 0.000864321L4.8369 0.000864857C4.81993 0.000233884 4.80141 -0.000104073 4.78152 2.83704e-05C4.72074 0.000433151 4.64072 0.00526107 4.54896 0.0223922C4.36985 0.0558296 4.09548 0.146802 3.86067 0.393666C3.69304 0.569893 3.58196 0.777547 3.53208 1.00425C3.49285 1.18258 3.50158 1.37019 3.50158 1.33985L3.50158 14.4797C3.50158 14.5198 3.50122 14.5455 3.50083 14.574C3.50057 14.5933 3.50028 14.614 3.50008 14.6413C3.49974 14.6878 3.4992 14.7763 3.50965 14.8711C3.52155 14.9791 3.54947 15.1187 3.62034 15.2687C3.69018 15.4166 3.77851 15.5254 3.85048 15.601C3.93808 15.6931 4.05109 15.7862 4.19605 15.8593C4.33939 15.9316 4.47498 15.9645 4.58378 15.9807C4.68419 15.9955 4.77497 15.9976 4.8303 15.9983C4.86366 15.9987 4.9103 15.9985 4.94873 15.9983L4.99469 15.9982L14.0068 15.9982C14.0232 15.9982 14.0273 15.9983 14.0341 15.9985C14.0426 15.9988 14.0553 15.9993 14.1007 15.9998C14.1499 16.0004 14.229 16.0003 14.3183 15.9918C14.4687 15.9774 14.8373 15.924 15.1353 15.6108C15.4088 15.3232 15.4641 14.9774 15.4813 14.8472C15.5008 14.7004 15.5002 14.5549 15.5 14.4943L15.5 14.4797L15.4999 3.959C15.4999 3.57201 15.3541 3.19143 15.08 2.90334L12.7125 0.459413C12.4371 0.172104 12.054 0.000956435 11.6435 0.000864262L11.0296 0.000864316ZM10.4999 1.00086L4.81035 1.00086C4.81035 1.00086 4.67771 0.985647 4.58524 1.08287C4.50011 1.17237 4.50082 1.24999 4.50146 1.32147L4.50158 1.33985L4.50158 14.4797C4.50158 14.5241 4.50108 14.5629 4.50063 14.5971C4.49834 14.7736 4.49761 14.8304 4.57505 14.9118C4.65856 14.9996 4.73949 14.9993 4.92957 14.9984L4.99469 14.9982L14.0068 14.9982C14.0257 14.9982 14.0457 14.9986 14.0662 14.999C14.1879 15.0017 14.3316 15.0048 14.4107 14.9216C14.5002 14.8275 14.5001 14.6304 14.5 14.4932L14.4999 5.99814C14.4856 5.99937 14.4711 6 14.4565 6L11.6562 6C11.3046 6 10.9453 5.87848 10.7578 5.67969C10.4999 5.40633 10.4999 5.07485 10.4999 4.68765L10.4999 1.00086ZM14.4999 5.00186L14.4999 3.9592C14.4999 3.82172 14.448 3.68988 14.3555 3.59268L11.9919 1.15276C11.8994 1.05553 11.774 1.00089 11.6433 1.00086L11.4999 1.00086L11.4999 4.54273C11.4999 4.73437 11.5303 4.81853 11.6093 4.90234C11.6874 4.98516 11.7617 5 11.9028 5L14.4565 5C14.4711 5 14.4856 5.00063 14.4999 5.00186Z", fill: "#979593" }), jsx("path", { d: "M8.41522 12.5C8.41522 12.2239 8.63908 12 8.91522 12L12.9999 12C13.276 12 13.4999 12.2239 13.4999 12.5C13.4999 12.7761 13.276 13 12.9999 13L8.91522 13C8.63908 13 8.41522 12.7761 8.41522 12.5Z", fill: "#C8C6C4" }), jsx("path", { d: "M8.41522 10.5C8.41522 10.2239 8.63908 10 8.91522 10L12.9999 10C13.276 10 13.4999 10.2239 13.4999 10.5C13.4999 10.7761 13.276 11 12.9999 11L8.91522 11C8.63908 11 8.41522 10.7761 8.41522 10.5Z", fill: "#C8C6C4" }), jsx("path", { d: "M8.91522 8C8.63908 8 8.41522 8.22386 8.41522 8.5C8.41522 8.77614 8.63908 9 8.91522 9L12.9999 9C13.276 9 13.4999 8.77614 13.4999 8.5C13.4999 8.22386 13.276 8 12.9999 8L8.91522 8Z", fill: "#C8C6C4" }), jsx("path", { d: "M1.22721 14L7.77263 14C7.96551 14 8.1505 13.9233 8.28689 13.7869C8.42328 13.6506 8.4999 13.4656 8.4999 13.2727L8.4999 6.72727C8.4999 6.53438 8.42328 6.3494 8.28689 6.21301C8.1505 6.07662 7.96551 6 7.77263 6L1.22721 6C1.03432 6 0.849341 6.07662 0.712951 6.21301C0.576562 6.3494 0.499939 6.53439 0.499939 6.72727L0.49994 13.2727C0.49994 13.4656 0.576562 13.6506 0.712952 13.7869C0.849341 13.9233 1.03432 14 1.22721 14Z", fill: "#263E60" }), jsx("path", { d: "M6.83319 10.1998L6.80342 10.2391C6.54492 10.1475 6.14375 10.0673 5.87167 9.97101C5.8629 10.0396 5.85149 10.0991 5.84817 10.159C5.80417 10.9512 5.80662 12.0738 5.75953 12.8658L5.75953 13.0016L4.79444 13.0016C4.8392 13.0016 4.61812 13.0016 4.61812 13.0016C4.5893 12.92 4.57009 12.8411 4.54495 12.7747C4.33428 12.2184 4.09382 11.3796 3.7316 10.8977C3.67443 10.8216 3.67832 10.7726 3.72904 10.6993C3.94926 10.3809 4.24401 9.99539 4.37422 9.63007C4.41731 9.50917 4.38165 9.45887 4.28039 9.39608C4.02913 9.2402 3.80955 9.08718 3.57118 8.91307C3.43417 8.81302 3.23447 8.64761 3.20751 8.48296C3.17644 8.29289 3.0586 7.85351 3.05974 7.66153C3.0609 7.46569 3.0066 7.30309 2.85928 7.17309C2.71092 7.04219 2.50156 6.81994 2.35895 6.69799C2.45198 6.70695 2.6785 6.78368 2.78874 6.79335C3.30687 6.8387 3.76066 6.86281 4.28039 6.79335C4.58994 6.75196 4.96728 6.68694 5.27932 6.69799C5.87689 6.71919 6.2883 7.10504 6.39355 7.628C6.41886 7.75369 6.52194 8.12973 6.52404 8.25818C6.52816 8.50869 6.51703 8.75947 6.52234 9.00995C6.52692 9.22596 6.54205 9.44194 6.55898 9.65744C6.57569 9.86996 6.63809 10.0651 6.83319 10.1998Z", fill: "white" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_165_2861" }, { children: jsx("rect", { width: "16", height: "16", fill: "white", transform: "matrix(1 0 0 -1 0 16)" }) })) })] })));
+}
+
+function Timer24Icon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 2.75C8.75 2.33579 9.08579 2 9.5 2H13.75C14.1642 2 14.5 2.33579 14.5 2.75C14.5 3.16421 14.1642 3.5 13.75 3.5H9.5C9.08579 3.5 8.75 3.16421 8.75 2.75ZM4.5 13.375C4.5 9.43997 7.68997 6.25 11.625 6.25C15.56 6.25 18.75 9.43997 18.75 13.375C18.75 17.31 15.56 20.5 11.625 20.5C7.68997 20.5 4.5 17.31 4.5 13.375ZM11.625 4.75C6.86154 4.75 3 8.61154 3 13.375C3 18.1385 6.86154 22 11.625 22C16.3885 22 20.25 18.1385 20.25 13.375C20.25 8.61154 16.3885 4.75 11.625 4.75ZM12.3981 9.13348C12.3981 8.71927 12.0623 8.38348 11.6481 8.38348C11.2339 8.38348 10.8981 8.71927 10.8981 9.13348V13.3835C10.8981 13.7977 11.2339 14.1335 11.6481 14.1335C12.0623 14.1335 12.3981 13.7977 12.3981 13.3835V9.13348ZM19.2803 4.96968C18.9875 4.67678 18.5126 4.67677 18.2197 4.96966C17.9268 5.26255 17.9268 5.73742 18.2197 6.03032L19.7196 7.53032C20.0125 7.82322 20.4874 7.82323 20.7803 7.53034C21.0732 7.23745 21.0732 6.76258 20.7803 6.46968L19.2803 4.96968Z", fill: "#1E365E" }) })));
+}
+
+function TimerFilled24Icon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 2.75C8.75 2.33579 9.08579 2 9.5 2H13.75C14.1642 2 14.5 2.33579 14.5 2.75C14.5 3.16421 14.1642 3.5 13.75 3.5H9.5C9.08579 3.5 8.75 3.16421 8.75 2.75ZM3 13.375C3 8.61154 6.86154 4.75 11.625 4.75C16.3885 4.75 20.25 8.61154 20.25 13.375C20.25 18.1385 16.3885 22 11.625 22C6.86154 22 3 18.1385 3 13.375ZM19.2803 4.96968C18.9875 4.67678 18.5126 4.67677 18.2197 4.96966C17.9268 5.26255 17.9268 5.73742 18.2197 6.03032L19.7196 7.53032C20.0125 7.82322 20.4874 7.82323 20.7803 7.53034C21.0732 7.23745 21.0732 6.76258 20.7803 6.46968L19.2803 4.96968ZM12.3981 9.13348C12.3981 8.71927 12.0623 8.38348 11.6481 8.38348C11.2339 8.38348 10.8981 8.71927 10.8981 9.13348V13.3835C10.8981 13.7977 11.2339 14.1335 11.6481 14.1335C12.0623 14.1335 12.3981 13.7977 12.3981 13.3835V9.13348Z", fill: "#1E365E" }) })));
+}
+
+function AutoTimer24Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: [jsx("path", { d: "M14.5 16.5357L13.6828 14.638M8.5 16.5357L9.41235 14.638M13.6828 14.638L11.5 9.24999L9.41235 14.638M13.6828 14.638H9.41235", stroke: "#1E365E", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 2.75C8.75 2.33579 9.08579 2 9.5 2H13.75C14.1642 2 14.5 2.33579 14.5 2.75C14.5 3.16421 14.1642 3.5 13.75 3.5H9.5C9.08579 3.5 8.75 3.16421 8.75 2.75ZM11.625 6.25C7.68997 6.25 4.5 9.43997 4.5 13.375C4.5 17.31 7.68997 20.5 11.625 20.5C15.56 20.5 18.75 17.31 18.75 13.375C18.75 9.43997 15.56 6.25 11.625 6.25ZM3 13.375C3 8.61154 6.86154 4.75 11.625 4.75C16.3885 4.75 20.25 8.61154 20.25 13.375C20.25 18.1385 16.3885 22 11.625 22C6.86154 22 3 18.1385 3 13.375ZM19.2803 4.96968C18.9875 4.67678 18.5126 4.67677 18.2197 4.96966C17.9268 5.26255 17.9268 5.73742 18.2197 6.03032L19.7196 7.53032C20.0125 7.82322 20.4874 7.82323 20.7803 7.53034C21.0732 7.23745 21.0732 6.76258 20.7803 6.46968L19.2803 4.96968Z", fill: "#1E365E" })] })));
+}
+
+function AutoTimerFilled24Icon(props) {
+    return (jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 2.75C8.75 2.33579 9.08579 2 9.5 2H13.75C14.1642 2 14.5 2.33579 14.5 2.75C14.5 3.16421 14.1642 3.5 13.75 3.5H9.5C9.08579 3.5 8.75 3.16421 8.75 2.75ZM3 13.375C3 8.61154 6.86154 4.75 11.625 4.75C16.3885 4.75 20.25 8.61154 20.25 13.375C20.25 18.1385 16.3885 22 11.625 22C6.86154 22 3 18.1385 3 13.375ZM19.2803 4.96968C18.9875 4.67678 18.5126 4.67677 18.2197 4.96966C17.9268 5.26255 17.9268 5.73742 18.2197 6.03032L19.7196 7.53032C20.0125 7.82322 20.4874 7.82323 20.7803 7.53034C21.0732 7.23745 21.0732 6.76258 20.7803 6.46968L19.2803 4.96968ZM12.1951 8.96837C12.0796 8.68332 11.8018 8.49766 11.4943 8.50001C11.1867 8.50236 10.9118 8.69223 10.8007 8.97902L8.72365 14.3395L7.82406 16.2108C7.64459 16.5841 7.80173 17.0322 8.17504 17.2117C8.54835 17.3911 8.99647 17.234 9.17594 16.8607L9.88395 15.388H13.1892L13.8111 16.8323C13.975 17.2128 14.4162 17.3884 14.7966 17.2246C15.1771 17.0608 15.3527 16.6195 15.1889 16.2391L14.3749 14.3488L12.1951 8.96837ZM12.5698 13.888H10.5073L11.5155 11.2857L12.5698 13.888Z", fill: "#1E365E" }) })));
+}
+
+function ManualEntry24Icon(props) {
+    return (jsxs(SvgIcon, __assign({ viewBox: "0 0 24 24" }, props, { children: [jsx("rect", { x: "2.75", y: "2.75", width: "18.5", height: "18.5", rx: "4.25", fill: "none", stroke: "#1E365E", strokeWidth: "1.5" }), jsx("path", { fill: "none", d: "M10.5959 16.0909L7.24165 17.0237L8.14352 13.6385L14.2877 7.49432C14.9579 6.82411 16.042 6.81617 16.722 7.47648C17.4162 8.15062 17.4243 9.26249 16.7401 9.94674L10.5959 16.0909Z", stroke: "#1E365E", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+}
+
+function ManualEntryFilled24Icon(props) {
+    return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 24 24" }, { children: [jsx("mask", __assign({ id: "path-1-inside-1_6547_1306", fill: "white" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 2C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2H7ZM17.2704 10.4771C18.2506 9.49689 18.2389 7.90414 17.2445 6.93843C16.2704 5.99254 14.7174 6.00392 13.7573 6.96399L7.61319 13.1081C7.51984 13.2015 7.45278 13.3178 7.4188 13.4454L6.51693 16.8306C6.44767 17.0906 6.52295 17.3677 6.71421 17.5569C6.90547 17.7461 7.18341 17.8183 7.4426 17.7463L10.7969 16.8135C10.9214 16.7788 11.0349 16.7126 11.1263 16.6212L17.2704 10.4771ZM16.1995 8.01452C16.5934 8.3971 16.5981 9.0281 16.2098 9.41641L10.205 15.4211L8.3039 15.9498L8.81636 14.0263L14.818 8.02465C15.1983 7.6443 15.8136 7.63979 16.1995 8.01452Z" }) })), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 2C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2H7ZM17.2704 10.4771C18.2506 9.49689 18.2389 7.90414 17.2445 6.93843C16.2704 5.99254 14.7174 6.00392 13.7573 6.96399L7.61319 13.1081C7.51984 13.2015 7.45278 13.3178 7.4188 13.4454L6.51693 16.8306C6.44767 17.0906 6.52295 17.3677 6.71421 17.5569C6.90547 17.7461 7.18341 17.8183 7.4426 17.7463L10.7969 16.8135C10.9214 16.7788 11.0349 16.7126 11.1263 16.6212L17.2704 10.4771ZM16.1995 8.01452C16.5934 8.3971 16.5981 9.0281 16.2098 9.41641L10.205 15.4211L8.3039 15.9498L8.81636 14.0263L14.818 8.02465C15.1983 7.6443 15.8136 7.63979 16.1995 8.01452Z", fill: "#1E365E" }), jsx("path", { d: "M17.2445 6.93843L16.1995 8.01452L17.2445 6.93843ZM17.2704 10.4771L18.3311 11.5377L18.3311 11.5377L17.2704 10.4771ZM13.7573 6.96399L12.6967 5.90333L13.7573 6.96399ZM7.61319 13.1081L8.67385 14.1688L7.61319 13.1081ZM7.4188 13.4454L5.96935 13.0592L5.96935 13.0592L7.4188 13.4454ZM6.51693 16.8306L7.96637 17.2168L7.96637 17.2168L6.51693 16.8306ZM6.71421 17.5569L5.65933 18.6233L5.65933 18.6233L6.71421 17.5569ZM7.4426 17.7463L7.04071 16.3011H7.04071L7.4426 17.7463ZM10.7969 16.8135L11.1988 18.2586L11.1988 18.2586L10.7969 16.8135ZM11.1263 16.6212L12.1869 17.6819L12.1869 17.6819L11.1263 16.6212ZM16.1995 8.01452L15.1545 9.09062L16.1995 8.01452ZM10.205 15.4211L10.6069 16.8663L10.9868 16.7606L11.2657 16.4818L10.205 15.4211ZM8.3039 15.9498L6.85446 15.5637L6.1794 18.0975L8.70579 17.395L8.3039 15.9498ZM8.81636 14.0263L7.7557 12.9656L7.47068 13.2506L7.36691 13.6401L8.81636 14.0263ZM14.818 8.02465L13.7573 6.96399L13.7573 6.96399L14.818 8.02465ZM3.5 7C3.5 5.067 5.067 3.5 7 3.5V0.5C3.41015 0.5 0.5 3.41015 0.5 7H3.5ZM3.5 17V7H0.5V17H3.5ZM7 20.5C5.067 20.5 3.5 18.933 3.5 17H0.5C0.5 20.5898 3.41015 23.5 7 23.5V20.5ZM17 20.5H7V23.5H17V20.5ZM20.5 17C20.5 18.933 18.933 20.5 17 20.5V23.5C20.5898 23.5 23.5 20.5898 23.5 17H20.5ZM20.5 7V17H23.5V7H20.5ZM17 3.5C18.933 3.5 20.5 5.067 20.5 7H23.5C23.5 3.41015 20.5898 0.5 17 0.5V3.5ZM7 3.5H17V0.5H7V3.5ZM16.1995 8.01452C16.5934 8.3971 16.5981 9.0281 16.2098 9.41641L18.3311 11.5377C19.9031 9.96569 19.8844 7.41117 18.2895 5.86233L16.1995 8.01452ZM14.818 8.02465C15.1983 7.6443 15.8136 7.63979 16.1995 8.01452L18.2895 5.86233C16.7273 4.34528 14.2365 4.36354 12.6967 5.90333L14.818 8.02465ZM8.67385 14.1688L14.818 8.02465L12.6967 5.90333L6.55253 12.0475L8.67385 14.1688ZM8.86824 13.8315C8.83426 13.9591 8.7672 14.0754 8.67385 14.1688L6.55253 12.0475C6.27248 12.3275 6.07131 12.6765 5.96935 13.0592L8.86824 13.8315ZM7.96637 17.2168L8.86824 13.8315L5.96935 13.0592L5.06749 16.4445L7.96637 17.2168ZM7.76909 16.4905C7.96035 16.6797 8.03563 16.9568 7.96637 17.2168L5.06749 16.4445C4.85972 17.2243 5.08556 18.0557 5.65933 18.6233L7.76909 16.4905ZM7.04071 16.3011C7.29989 16.229 7.57783 16.3013 7.76909 16.4905L5.65933 18.6233C6.23311 19.1909 7.06692 19.4077 7.84448 19.1914L7.04071 16.3011ZM10.395 15.3683L7.04071 16.3011L7.84448 19.1914L11.1988 18.2586L10.395 15.3683ZM10.0656 15.5605C10.157 15.4692 10.2705 15.4029 10.395 15.3683L11.1988 18.2586C11.5723 18.1547 11.9127 17.9561 12.1869 17.6819L10.0656 15.5605ZM16.2098 9.41641L10.0656 15.5606L12.1869 17.6819L18.3311 11.5377L16.2098 9.41641ZM17.2704 10.4771C18.2506 9.49689 18.2389 7.90414 17.2445 6.93843L15.1545 9.09062C14.948 8.89007 14.9455 8.5593 15.1491 8.35575L17.2704 10.4771ZM11.2657 16.4818L17.2704 10.4771L15.1491 8.35575L9.14437 14.3605L11.2657 16.4818ZM8.70579 17.395L10.6069 16.8663L9.80315 13.976L7.90202 14.5047L8.70579 17.395ZM7.36691 13.6401L6.85446 15.5637L9.75335 16.336L10.2658 14.4124L7.36691 13.6401ZM13.7573 6.96399L7.7557 12.9656L9.87702 15.0869L15.8787 9.08531L13.7573 6.96399ZM17.2445 6.93843C16.2704 5.99254 14.7174 6.00392 13.7573 6.96399L15.8787 9.08531C15.6793 9.28469 15.3568 9.28705 15.1545 9.09062L17.2445 6.93843Z", fill: "#1E365E", mask: "url(#path-1-inside-1_6547_1306)" })] })));
+}
+
+function CalendarRibbonIcon() {
+    return (jsxs("svg", __assign({ width: "32", height: "40", viewBox: "0 0 32 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 4C10.7242 4 10.5 4.22414 10.5 4.5V6V6.5C10.5 6.77586 10.7242 7 11 7C11.2759 7 11.5 6.77586 11.5 6.5V6V4.5C11.5 4.22414 11.2759 4 11 4ZM8.13637 5.5H9.50001V4.5C9.50001 3.67186 10.1719 3 11 3C11.8282 3 12.5 3.67186 12.5 4.5V5.5H20.5V4.5C20.5 3.67186 21.1719 3 22 3C22.8282 3 23.5 3.67186 23.5 4.5V5.5H24.8636C26.8741 5.5 28.5 7.13605 28.5 9.15V23.85C28.5 25.8639 26.8741 27.5 24.8636 27.5H8.13637C6.12587 27.5 4.50001 25.8639 4.50001 23.85V9.15C4.50001 7.13605 6.12587 5.5 8.13637 5.5ZM22.5 6V4.5C22.5 4.22414 22.2759 4 22 4C21.7242 4 21.5 4.22414 21.5 4.5V6V6.5C21.5 6.77586 21.7242 7 22 7C22.2759 7 22.5 6.77586 22.5 6.5V6ZM20.5 6.5C20.5 7.32814 21.1719 8 22 8C22.8282 8 23.5 7.32814 23.5 6.5H24.8636C26.3178 6.5 27.5 7.68425 27.5 9.15V9.5H5.50001V9.15C5.50001 7.68425 6.68224 6.5 8.13637 6.5H9.50001C9.50001 7.32814 10.1719 8 11 8C11.8282 8 12.5 7.32814 12.5 6.5H20.5ZM5.50001 23.85V10.5H27.5V23.85C27.5 25.3158 26.3178 26.5 24.8636 26.5H8.13637C6.68224 26.5 5.50001 25.3158 5.50001 23.85Z", fill: "#1E365E" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 18C14 18.552 13.552 19 13 19C12.448 19 12 18.552 12 18C12 17.448 12.448 17 13 17C13.552 17 14 17.448 14 18V18Z", stroke: "#32ABE2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+}
+
+function DeleteRibbonIcon(props) {
+    return (jsx("svg", __assign({ width: "32", height: "40", viewBox: "0 0 32 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.0001 3.5C14.0874 3.5 13.0559 3.75929 12.5524 4.77743L12.5518 4.77861L12.1911 5.5H9.00011C8.28179 5.5 7.65428 5.72395 7.20772 6.18658C6.7635 6.64679 6.55566 7.28376 6.55566 8V9C6.55566 9.27614 6.77952 9.5 7.05566 9.5H7.5V26.5625C7.5 28.7164 9.39657 30.5 11.5 30.5H21.5C23.6034 30.5 25.5 28.7164 25.5 26.5625V9.5H25.9446C26.2207 9.5 26.4446 9.27614 26.4446 9V8C26.4446 7.28376 26.2367 6.64679 25.7925 6.18658C25.3459 5.72395 24.7184 5.5 24.0001 5.5H20.8091L20.4484 4.77861L20.4478 4.77743C19.9443 3.75921 18.9115 3.5 18.0001 3.5H15.0001ZM24.5 9.5H8.5V26.5625C8.5 28.1369 9.92121 29.5 11.5 29.5H21.5C23.0788 29.5 24.5 28.1369 24.5 26.5625V9.5ZM25 8.5H25.4446V8C25.4446 7.47311 25.2941 7.11008 25.073 6.88108C24.8543 6.65449 24.5096 6.5 24.0001 6.5H20.5001C20.3107 6.5 20.1376 6.393 20.0529 6.22361L19.5529 5.22361L19.5518 5.22139C19.3018 4.71509 18.7706 4.5 18.0001 4.5H15.0001C14.2287 4.5 13.6985 4.71501 13.4484 5.22139L13.4473 5.22361L13.4473 5.22361L12.9473 6.22361C12.8626 6.393 12.6895 6.5 12.5001 6.5H9.00011C8.49065 6.5 8.14594 6.65449 7.92722 6.88108C7.70616 7.11008 7.55566 7.47311 7.55566 8V8.5H8H25ZM12.5 12.5C12.5 12.2239 12.2761 12 12 12C11.7239 12 11.5 12.2239 11.5 12.5V25.5C11.5 25.7761 11.7239 26 12 26C12.2761 26 12.5 25.7761 12.5 25.5V12.5ZM15.5 12.5C15.5 12.2239 15.2761 12 15 12C14.7239 12 14.5 12.2239 14.5 12.5V25.5C14.5 25.7761 14.7239 26 15 26C15.2761 26 15.5 25.7761 15.5 25.5V12.5ZM18.5 12.5C18.5 12.2239 18.2761 12 18 12C17.7239 12 17.5 12.2239 17.5 12.5V25.5C17.5 25.7761 17.7239 26 18 26C18.2761 26 18.5 25.7761 18.5 25.5V12.5ZM21.5 12.5C21.5 12.2239 21.2761 12 21 12C20.7239 12 20.5 12.2239 20.5 12.5V25.5C20.5 25.7761 20.7239 26 21 26C21.2761 26 21.5 25.7761 21.5 25.5V12.5Z", fill: "#1E365E" }) })));
+}
+
+function MatterFolderRibbonIcon() {
+    return (jsxs("svg", __assign({ width: "32", height: "40", viewBox: "0 0 32 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5529 6.5C12.8873 6.5 13.1184 6.50017 13.2972 6.50971C13.4746 6.51917 13.5662 6.53669 13.6264 6.55704C13.7371 6.59444 13.8146 6.65704 14.1706 7.01795C14.1748 7.02221 14.1791 7.02639 14.1835 7.0305L16.2302 8.96118C15.8343 9.12098 15.4216 9.32003 14.9585 9.55471C13.693 10.196 12.5462 10.5 11.5 10.5H5.97414C5.42283 10.5 4.91445 10.6316 4.5 10.9086V8.00035C4.5 7.46106 4.66037 7.10057 4.88823 6.87495C5.11717 6.64826 5.47252 6.5 5.97365 6.5V6L5.9737 6.5H5.97387H5.97414H5.97453H5.97502H5.97562H5.97634H5.97715H5.97808H5.97911H5.98025H5.9815H5.98285H5.98431H5.98587H5.98754H5.98932H5.9912H5.99318H5.99527H5.99746H5.99975H6.00214H6.00464H6.00724H6.00994H6.01274H6.01565H6.01865H6.02176H6.02496H6.02826H6.03167H6.03517H6.03877H6.04247H6.04626H6.05015H6.05414H6.05823H6.06241H6.06669H6.07107H6.07554H6.0801H6.08476H6.08952H6.09436H6.0993H6.10434H6.10947H6.11468H6.12H6.1254H6.13089H6.13648H6.14215H6.14792H6.15378H6.15972H6.16576H6.17188H6.1781H6.1844H6.19079H6.19726H6.20382H6.21048H6.21721H6.22403H6.23094H6.23794H6.24502H6.25218H6.25943H6.26676H6.27417H6.28167H6.28925H6.29692H6.30466H6.31249H6.3204H6.32839H6.33646H6.34462H6.35285H6.36116H6.36955H6.37802H6.38657H6.3952H6.4039H6.41269H6.42155H6.43048H6.4395H6.44859H6.45775H6.46699H6.47631H6.4857H6.49516H6.5047H6.51432H6.524H6.53376H6.54359H6.5535H6.56348H6.57352H6.58364H6.59383H6.60409H6.61442H6.62483H6.6353H6.64584H6.65644H6.66712H6.67786H6.68868H6.69956H6.7105H6.72152H6.7326H6.74374H6.75495H6.76623H6.77757H6.78898H6.80045H6.81198H6.82358H6.83524H6.84697H6.85875H6.8706H6.88251H6.89448H6.90651H6.91861H6.93076H6.94297H6.95524H6.96758H6.97997H6.99242H7.00492H7.01749H7.03011H7.04279H7.05553H7.06832H7.08117H7.09408H7.10704H7.12005H7.13312H7.14625H7.15943H7.17266H7.18594H7.19928H7.21267H7.22612H7.23961H7.25316H7.26675H7.2804H7.2941H7.30785H7.32165H7.3355H7.34939H7.36334H7.37733H7.39137H7.40546H7.4196H7.43378H7.44801H7.46229H7.47661H7.49098H7.50539H7.51985H7.53435H7.5489H7.56349H7.57812H7.5928H7.62228H7.63708H7.65193H7.66681H7.68174H7.71171H7.72676H7.74185H7.75697H7.77214H7.80258H7.81786H7.83318H7.86392H7.87935H7.89481H7.92584H7.94141H7.95701H7.98832H8.00403H8.01976H8.08304H8.21107H8.27578H8.29203H8.3083H8.34093H8.6054H12.5529ZM3.50049 13.3569C3.50016 13.3495 3.5 13.3421 3.5 13.3346V8.00035C3.5 7.25826 3.72592 6.61857 4.18462 6.16437C4.64224 5.71123 5.27371 5.5 5.97365 5.5V6L5.9737 5.5H5.97387H5.97414H5.97453H5.97502H5.97562H5.97634H5.97715H5.97808H5.97911H5.98025H5.9815H5.98285H5.98431H5.98587H5.98754H5.98932H5.9912H5.99318H5.99527H5.99746H5.99975H6.00214H6.00464H6.00724H6.00994H6.01274H6.01565H6.01865H6.02176H6.02496H6.02826H6.03167H6.03517H6.03877H6.04247H6.04626H6.05015H6.05414H6.05823H6.06241H6.06669H6.07107H6.07554H6.0801H6.08476H6.08952H6.09436H6.0993H6.10434H6.10947H6.11468H6.12H6.1254H6.13089H6.13648H6.14215H6.14792H6.15378H6.15972H6.16576H6.17188H6.1781H6.1844H6.19079H6.19726H6.20382H6.21048H6.21721H6.22403H6.23094H6.23794H6.24502H6.25218H6.25943H6.26676H6.27417H6.28167H6.28925H6.29692H6.30466H6.31249H6.3204H6.32839H6.33646H6.34462H6.35285H6.36116H6.36955H6.37802H6.38657H6.3952H6.4039H6.41269H6.42155H6.43048H6.4395H6.44859H6.45775H6.46699H6.47631H6.4857H6.49516H6.5047H6.51432H6.524H6.53376H6.54359H6.5535H6.56348H6.57352H6.58364H6.75495H8.6054H12.5529H12.5668C12.884 5.5 13.1418 5.5 13.3505 5.51113C13.5638 5.5225 13.76 5.54666 13.9465 5.60965C14.3081 5.73182 14.5526 5.98032 14.833 6.26537L14.8762 6.30926L17.3245 8.61871C17.6942 8.54057 18.0768 8.5 18.5 8.5H27.0264C27.7271 8.5 28.3584 8.71263 28.8157 9.16602C29.2739 9.62037 29.5 10.2596 29.5 11V24.0032C29.5 24.7454 29.3169 25.3936 28.8621 25.8533C28.4063 26.314 27.7624 26.5 27.0264 26.5H5.97414C5.23815 26.5 4.5942 26.314 4.13845 25.8533C3.68368 25.3936 3.50049 24.7454 3.50049 24.0032V13.3569ZM15.4105 10.4467C16.711 9.78769 17.4501 9.5 18.5 9.5H27.0264C27.5268 9.5 27.8823 9.64881 28.1116 9.87614C28.3399 10.1025 28.5 10.4632 28.5 11V24.0032C28.5 24.5946 28.3543 24.9447 28.1512 25.15C27.949 25.3544 27.6062 25.5 27.0264 25.5H5.97414C5.39436 25.5 5.05149 25.3544 4.84935 25.15C4.64623 24.9447 4.50049 24.5946 4.50049 24.0032V13C4.50049 12.4632 4.66064 12.1025 4.88895 11.8761C5.11823 11.6488 5.47373 11.5 5.97414 11.5H11.5C12.7422 11.5 14.0445 11.139 15.4105 10.4467Z", fill: "#1E365E" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.5 21.5H19.274V16.97C19.274 16.599 19.2983 16.1451 19.3468 15.6081H19.326C19.2498 15.914 19.1823 16.1337 19.1234 16.2671L16.9 21.5H16.0481L13.8195 16.3061C13.7571 16.1532 13.6913 15.9205 13.6221 15.6081H13.6013C13.629 15.888 13.6429 16.3452 13.6429 16.9798V21.5H12.5V14.5H14.2403L16.1987 19.1618C16.3476 19.5198 16.4446 19.7866 16.4896 19.9623H16.5156C16.6437 19.5946 16.7476 19.3212 16.8273 19.1423L18.8221 14.5H20.5V21.5Z", fill: "#1E365E" })] })));
+}
+
+function NewEntryRibbonIcons() {
+    return (jsxs("svg", __assign({ width: "32", height: "40", viewBox: "0 0 32 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx("rect", { width: "32", height: "40", transform: "translate(0.5 0.5)" }), jsx("path", { d: "M29 17.5V12.5C29 10.906 27.593 10 26 10H7C5.407 10 4 11.406 4 13V18C4 19.594 5.907 21 7.5 21H17.5", stroke: "#1E365E", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31 25C31 28.313 28.313 31 25 31C21.686 31 19 28.313 19 25C19 21.686 21.686 19 25 19C28.313 19 31 21.686 31 25V25Z", stroke: "#3FAF2A", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M22 25H28", stroke: "#3FAF2A", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M25 22V28", stroke: "#3FAF2A", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M12 10.5V20", stroke: "#1E365E", strokeLinecap: "square", strokeLinejoin: "round" }), jsx("path", { d: "M21 10.5V16.5", stroke: "#1E365E", strokeLinecap: "round", strokeLinejoin: "round" })] })));
 }
 
 function LawconnectIcon(props) {
@@ -17052,5 +17184,5 @@ function PoweredByLawconnectLogo(props) {
 // Themes
 var IconsPath = '../Icons/lawconnect/';
 
-export { AccessIcon, Accordion, AccordionDetails, AccordionPanel, AccordionSummary, AccountingIcon, ActivityLog, AssignCurvedIcon, AttachmentIcon, Autocomplete, Avatar, AvatarBusinessIcon, AvatarCompanyIcon, AvatarGovernmentIcon, AvatarGroup, AvatarPeopleIcon, AvatarPersonIcon, AvatarTrustIcon, Badge, BottomListButton, Box, Breadcrumbs, Browse2Icon, BrowseIcon, Button, ButtonCaretIcon, ButtonFilterIcon, CalendarIcon, Card, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Chip, CoinEuroIcon$1 as CoinEuroIcon, CoinIcon, CoinPoundIcon, Cross16Icon, CrossIcon, CssBaseline, CoinEuroIcon as CurrencyEuroIcon, CurrencyIcon, CurrencyPoundIcon, DatePicker, DateRangePicker, Dialog, Divider, Drawer, DrawerMenu, Dropdown, EmailSentIcon, EmptyState, FooterActions, FormContainer, FormGroup, FormHeader, Grid, HeaderToolbar, HomeIcon, Icon, IconButton, IconsPath, Input, InputLabel, InsertLinkIcon, LawconnectIcon, LeapLegsLogo, LeapLogo, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText, ListSubheader, Loader, LoaderIcon, Menu, MenuHeader, MenuIcon, MenuItem, Modal, ModalActions, ModalContent, ModalTitle, MoreVerticalIcon, NewAppointmentIcon, Pagination, PowerIcon, PoweredByLawconnectLogo, PreviewIcon, ProgressBar, Radio, RadioGroup, ReportingIcon, ResponseIcon, RevokeAccessIcon, SearchIcon, Select, SelectFilterEmptyIcon, SelectFilterFilledIcon, SelectFilterIcon, SidebarLayout, SpinnerIcon, StepNavigation, SvgCheckboxChecked, SvgCheckboxIndeterminate, SvgCheckboxUncontrolled, SvgFormSearch, SvgNewAppointment, SvgRadioChecked, SvgRadioDefault, Switch, Tab, TabListItem, Table, TableBody, TableCell, TableCellIcon, TableContainer, TableFooter, TableHead, TableRow, Tabs, Tag, TextField, ThemeProvider, TickIcon, Toolbar, ToolbarButton, Tooltip, TwoColumnLayout, Typography, UserLinkIcon, UserLockIcon, UsersIcon, createFilterOptions, theme$3 as themeDesktop, theme$1 as themeWeb };
+export { AccessIcon, Accordion, AccordionDetails, AccordionPanel, AccordionSummary, AccountingIcon, ActivityDefault16Icon, ActivityLog, AppBar, Appointment16Icon, AssignCurvedIcon, AttachmentIcon, AutoTimer24Icon, AutoTimerFilled24Icon, Autocomplete, Avatar, AvatarBusinessIcon, AvatarCompanyIcon, AvatarGovernmentIcon, AvatarGroup, AvatarPeopleIcon, AvatarPersonIcon, AvatarTrustIcon, BlankLetter16Icon, BottomListButton, Box, Breadcrumbs, Browse2Icon, BrowseIcon, Button, ButtonCaretIcon, ButtonFilterIcon, Bylawyers16Icon as BylawyersIcon, CalendarIcon, CalendarRibbonIcon, CaratIcon, Card, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Chip, Clause16Icon, CoinEuroIcon$1 as CoinEuroIcon, CoinIcon, CoinPoundIcon, CostRecoveryExceeded16Icon, Cross16Icon, CrossIcon, CssBaseline, CoinEuroIcon as CurrencyEuroIcon, CurrencyIcon, CurrencyPoundIcon, DatePicker, DateRangePicker, DeleteRibbonIcon, Dialog, Divider, Drawer, DrawerMenu, Dropdown, EmailSentIcon, EmptyState, Fax16Icon, FooterActions, FormBody, FormContainer, FormGroup, FormHeader, Grid, HeaderToolbar, HomeIcon, HyperLink16Icon, Icon, IconButton, IconsPath, Input, InputLabel, InsertLinkIcon, LawconnectIcon, LeapLegsLogo, LeapLogo, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText, ListSubheader, Loader, LoaderIcon, ManualEntry24Icon, ManualEntryFilled24Icon, MatterFolderRibbonIcon, Memo16Icon, Menu, MenuHeader, MenuIcon, MenuItem, Modal, ModalActions, ModalContent, ModalTitle, MoreVerticalIcon, NewAppointmentIcon, NewEntryRibbonIcons as NewEntryRibbonIcon, Pagination, PhoneCall16Icon, PowerIcon, PoweredByLawconnectLogo, PrecedentNotification16Icon, PreviewIcon, ProgressBar, Radio, RadioGroup, ReportingIcon, ResponseIcon, RevokeAccessIcon, ScannedDoc16Icon, SearchIcon, Select, SelectFilterEmptyIcon, SelectFilterFilledIcon, SelectFilterIcon, SharedFolder16Icon, SidebarLayout, Sms16Icon, SpinnerIcon, StepNavigation, SvgCheckboxChecked, SvgCheckboxIndeterminate, SvgCheckboxUncontrolled, SvgFormSearch, SvgNewAppointment, SvgRadioChecked, SvgRadioDefault, Switch, Tab, TabListItem, Table, TableBody, TableCell, TableCellIcon, TableContainer, TableFooter, TableHead, TableRow, Tabs, Tag, TaxInvoice162Icon, TaxInvoice16Icon, TextField, ThemeProvider, TickIcon, TimedEntry16Icon, Timer24Icon, TimerFilled24Icon, Toolbar, ToolbarButton, Tooltip, TrustStatement16Icon, TwoColumnLayout, Typography, UnkwownType16Icon as UnknownType16Icon, UserLinkIcon, UserLockIcon, UsersIcon, Video16Icon, VideoCall16Icon, VoiceMemo16Icon, Zyphta16Icon, createFilterOptions, theme$3 as themeDesktop, theme$1 as themeWeb };
 //# sourceMappingURL=index.esm.js.map