@surveycake/rc 3.0.0-alpha.99 → 3.0.0-gitlab-test.2

package/dist/rc.esm.js

@@ -1,14 +1,19 @@
 import MUICssBaseline from '@material-ui/core/CssBaseline';
 export { default as CssBaseline } from '@material-ui/core/CssBaseline';
-import { createTheme, alpha, makeStyles as makeStyles$1, useTheme as useTheme$1, StylesProvider, ThemeProvider as ThemeProvider$2, withStyles, createStyles, styled } from '@material-ui/core/styles';
-import React, { forwardRef, useRef, useEffect, memo, useContext, useMemo, useState, useCallback, Children, isValidElement, cloneElement, useImperativeHandle, createRef, createContext } from 'react';
+import { createTheme, alpha, useTheme as useTheme$1, StylesProvider, ThemeProvider as ThemeProvider$2, makeStyles as makeStyles$1, withStyles, createStyles, styled } from '@material-ui/core/styles';
+import React, { forwardRef, useState, useRef, useEffect, memo, useContext, useMemo, useCallback, Children, isValidElement, cloneElement, useImperativeHandle, createRef, createContext } from 'react';
 import { ThemeProvider as ThemeProvider$1 } from 'emotion-theming';
-import MUIAccordion from '@material-ui/core/Accordion';
-import MUIAccordionDetails from '@material-ui/core/AccordionDetails';
-import MUIAccordionSummary from '@material-ui/core/AccordionSummary';
-import MUIAlert from '@material-ui/lab/Alert';
+import MuiAccordion$1 from '@material-ui/core/Accordion';
+import MuiAccordionDetails$1 from '@material-ui/core/AccordionDetails';
+import createEmotion from 'create-emotion';
+import MuiAccordionSummary$1 from '@material-ui/core/AccordionSummary';
+import MuiMenuItem$1 from '@material-ui/core/MenuItem';
+import MUICheckbox from '@material-ui/core/Checkbox';
+import AccountTreeOutlined from '@material-ui/icons/AccountTreeOutlined';
+import Add from '@material-ui/icons/Add';
 import AddCircleOutline from '@material-ui/icons/AddCircleOutline';
 import ArrowBack from '@material-ui/icons/ArrowBack';
+import ArrowDownward from '@material-ui/icons/ArrowDownward';
 import ArrowDropDownRounded from '@material-ui/icons/ArrowDropDownRounded';
 import ArrowDropUpRounded from '@material-ui/icons/ArrowDropUpRounded';
 import ArrowForward from '@material-ui/icons/ArrowForward';
@@ -19,74 +24,116 @@ import Cancel from '@material-ui/icons/Cancel';
 import Check$2 from '@material-ui/icons/Check';
 import CheckBox from '@material-ui/icons/CheckBox';
 import CheckCircle$2 from '@material-ui/icons/CheckCircle';
+import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
 import Clear from '@material-ui/icons/Clear';
 import Close from '@material-ui/icons/Close';
+import CloudDownload from '@material-ui/icons/CloudDownload';
 import CloudUpload from '@material-ui/icons//CloudUpload';
 import Computer from '@material-ui/icons/Computer';
 import CreditCard from '@material-ui/icons/CreditCard';
 import Crop from '@material-ui/icons/Crop';
 import DeleteOutline from '@material-ui/icons/DeleteOutline';
+import DeleteOutlineOutlined from '@material-ui/icons/DeleteOutlineOutlined';
 import Description from '@material-ui/icons/Description';
 import DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';
 import DonutSmallIcon from '@material-ui/icons/DonutSmall';
-import DeleteOutlineOutlined from '@material-ui/icons/DeleteOutlineOutlined';
+import DraftsOutlined from '@material-ui/icons/DraftsOutlined';
+import DragIndicator from '@material-ui/icons/DragIndicator';
 import Edit from '@material-ui/icons/Edit';
+import EmailOutlined from '@material-ui/icons/EmailOutlined';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import ErrorOutline from '@material-ui/icons/ErrorOutline';
 import ExpandMore from '@material-ui/icons/ExpandMore';
+import FileCopyOutlinedIcon from '@material-ui/icons/FileCopyOutlined';
+import FilterList from '@material-ui/icons/FilterList';
+import FirstPage from '@material-ui/icons/FirstPage';
 import Folder from '@material-ui/icons/Folder';
+import FolderOpen from '@material-ui/icons/FolderOpen';
+import FormatAlignCenter from '@material-ui/icons/FormatAlignCenter';
+import FormatAlignLeft from '@material-ui/icons/FormatAlignLeft';
+import FormatAlignRight from '@material-ui/icons/FormatAlignRight';
 import FormatBold from '@material-ui/icons/FormatBold';
 import FormatColorFill from '@material-ui/icons/FormatColorFill';
 import FormatItalic from '@material-ui/icons/FormatItalic';
-import FormatListNumberedRtl from '@material-ui/icons//FormatListNumberedRtl';
+import FormatListNumberedRtl$1 from '@material-ui/icons//FormatListNumberedRtl';
 import FormatQuote from '@material-ui/icons/FormatQuote';
 import FormatUnderlined from '@material-ui/icons/FormatUnderlined';
 import GetApp from '@material-ui/icons/GetApp';
+import GroupOutlined from '@material-ui/icons/GroupOutlined';
 import Help from '@material-ui/icons/Help';
 import HelpOutline from '@material-ui/icons/HelpOutline';
-import Info from '@material-ui/icons/Info';
+import History from '@material-ui/icons/History';
+import HighlightOffIcon from '@material-ui/icons/HighlightOff';
+import HowToVote from '@material-ui/icons/HowToVote';
 import IndeterminateCheckBoxOutlined from '@material-ui/icons/IndeterminateCheckBoxOutlined';
+import Info from '@material-ui/icons/Info';
+import Input from '@material-ui/icons/Input';
 import KeyboardArrowDown from '@material-ui/icons/KeyboardArrowDown';
 import KeyboardArrowUp from '@material-ui/icons/KeyboardArrowUp';
 import LabelImportant from '@material-ui/icons/LabelImportant';
 import Language from '@material-ui/icons/Language';
+import LastPage from '@material-ui/icons/LastPage';
 import Link$3 from '@material-ui/icons/Link';
 import List from '@material-ui/icons/List';
+import ListAlt from '@material-ui/icons/ListAlt';
 import Lock$1 from '@material-ui/icons/Lock';
 import LockOutlined from '@material-ui/icons/LockOutlined';
 import LaunchOutlined from '@material-ui/icons/LaunchOutlined';
 import LowPriority from '@material-ui/icons/LowPriority';
+import LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';
 import LocalPrintshopOutlined from '@material-ui/icons/LocalPrintshopOutlined';
-import Menu from '@material-ui/icons/Menu';
+import Menu$1 from '@material-ui/icons/Menu';
 import MoreHoriz from '@material-ui/icons/MoreHoriz';
 import NavigateBefore from '@material-ui/icons/NavigateBefore';
 import NavigateNext from '@material-ui/icons/NavigateNext';
 import NotInterested from '@material-ui/icons/NotInterested';
 import OpenInNew from '@material-ui/icons/OpenInNew';
 import Person from '@material-ui/icons/Person';
+import PersonOutline from '@material-ui/icons/PersonOutline';
 import PhoneIphone from '@material-ui/icons/PhoneIphone';
 import PictureAsPdf from '@material-ui/icons/PictureAsPdf';
+import PostAdd from '@material-ui/icons/PostAdd';
 import RadioButtonChecked from '@material-ui/icons/RadioButtonChecked';
 import Redeem from '@material-ui/icons/Redeem';
 import Refresh from '@material-ui/icons/Refresh';
+import RemoveCircleOutline from '@material-ui/icons/RemoveCircleOutline';
 import ReportProblemRounded from '@material-ui/icons/ReportProblemRounded';
+import SaveOutlined from '@material-ui/icons/SaveOutlined';
 import Schedule from '@material-ui/icons/Schedule';
 import Search$1 from '@material-ui/icons/Search';
+import SendOutlined from '@material-ui/icons/SendOutlined';
 import Settings from '@material-ui/icons/Settings';
 import SettingsOutlined from '@material-ui/icons/SettingsOutlined';
+import Share from '@material-ui/icons/Share';
+import ShowChart from '@material-ui/icons/ShowChart';
+import SmsOutlined from '@material-ui/icons/SmsOutlined';
 import Sort$1 from '@material-ui/icons/Sort';
 import Star$2 from '@material-ui/icons//Star';
+import SwapVertIcon from '@material-ui/icons/SwapVert';
 import TabletMac from '@material-ui/icons/TabletMac';
-import TextFields from '@material-ui/icons//TextFields';
-import Title from '@material-ui/icons//Title';
+import TextFields$1 from '@material-ui/icons//TextFields';
+import Title$1 from '@material-ui/icons//Title';
+import TrendingDownIcon from '@material-ui/icons/TrendingDown';
+import Tune from '@material-ui/icons/Tune';
 import VerifiedUser from '@material-ui/icons/VerifiedUser';
 import ViewDayOutlined from '@material-ui/icons/ViewDayOutlined';
 import ViewListRounded from '@material-ui/icons//ViewListRounded';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';
+import VisibilityOffOutlined from '@material-ui/icons/VisibilityOffOutlined';
 import WatchLater from '@material-ui/icons/WatchLater';
 import WebAsset from '@material-ui/icons/WebAsset';
 import Warning from '@material-ui/icons/Warning';
-import SvgIcon from '@material-ui/core/SvgIcon';
+import CheckBoxOutlined from '@material-ui/icons/CheckBoxOutlined';
+import CloudUploadOutlined from '@material-ui/icons/CloudUploadOutlined';
+import FormatListNumberedRtl from '@material-ui/icons/FormatListNumberedRtl';
+import StarOutline from '@material-ui/icons/StarOutline';
+import TextFields from '@material-ui/icons/TextFields';
+import Title from '@material-ui/icons/Title';
+import Typography$2 from '@material-ui/core/Typography';
+import MuiSelect$1 from '@material-ui/core/Select';
+import MUIAlert from '@material-ui/lab/Alert';
 import MUIAlertTitle from '@material-ui/lab/AlertTitle';
 import MUIAutocomplete from '@material-ui/lab/Autocomplete';
 import MUIOutlinedInput from '@material-ui/core/OutlinedInput';
@@ -98,7 +145,6 @@ import MUICard from '@material-ui/core/Card';
 import MUICardActionArea from '@material-ui/core/CardActionArea';
 import MUICardActions from '@material-ui/core/CardActions';
 import MUICardMedia from '@material-ui/core/CardMedia';
-import MUICheckbox from '@material-ui/core/Checkbox';
 import MUIChip from '@material-ui/core/Chip';
 import MUICircularProgress from '@material-ui/core/CircularProgress';
 import MUIClickAwayListener from '@material-ui/core/ClickAwayListener';
@@ -108,6 +154,7 @@ import MUIDialogContent from '@material-ui/core/DialogContent';
 import MUIDialogContentText from '@material-ui/core/DialogContentText';
 import MUIDialogTitle from '@material-ui/core/DialogTitle';
 import MUIDivider from '@material-ui/core/Divider';
+import MUIDrawer from '@material-ui/core/Drawer';
 import Fade$1 from '@material-ui/core/Fade';
 import MUIFormControl from '@material-ui/core/FormControl';
 import MUIFormControlLabel from '@material-ui/core/FormControlLabel';
@@ -119,11 +166,10 @@ import MUIIconButton from '@material-ui/core/IconButton';
 import MUIInputAdornment from '@material-ui/core/InputAdornment';
 import MUILinearProgress from '@material-ui/core/LinearProgress';
 import MUILink from '@material-ui/core/Link';
-import MuiMenuItem$1 from '@material-ui/core/MenuItem';
+import MUIMenu from '@material-ui/core/Menu';
 import MUIMenuList from '@material-ui/core/MenuList';
-import { cx, css, keyframes, injectGlobal } from 'emotion';
-import MuiSelect$1 from '@material-ui/core/Select';
-import Typography$2 from '@material-ui/core/Typography';
+import MuiListSubheader$1 from '@material-ui/core/ListSubheader';
+import '@material-ui/core';
 import MUIPopover from '@material-ui/core/Popover';
 import MUIPopper from '@material-ui/core/Popper';
 import MUIRadio from '@material-ui/core/Radio';
@@ -135,6 +181,7 @@ import MUISnackbar from '@material-ui/core/Snackbar';
 import MUIStep from '@material-ui/core/Step';
 import MUIStepLabel from '@material-ui/core/StepLabel';
 import MUIStepper from '@material-ui/core/Stepper';
+import MUISwipeableDrawer from '@material-ui/core/SwipeableDrawer';
 import MUISwitch from '@material-ui/core/Switch';
 import MUITab from '@material-ui/core/Tab';
 import MUITable from '@material-ui/core/Table';
@@ -150,7 +197,6 @@ import MUITextField from '@material-ui/core/TextField';
 import MUIToggleButton from '@material-ui/lab/ToggleButton';
 import MUIToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
 import MUITooltip from '@material-ui/core/Tooltip';
-import MuiListSubheader$1 from '@material-ui/core/ListSubheader';
 import { lighten } from 'polished';
 import MuiAvatar from '@material-ui/core/Avatar';
 import { alpha as alpha$1 } from '@material-ui/core/styles/colorManipulator';
@@ -162,9 +208,9 @@ import styled$1 from '@emotion/styled';
 import { ThemeContext } from '@emotion/core';
 export { ThemeContext } from '@emotion/core';
 import { useTable } from 'react-table';
-import { safeAdd, safeMul } from '@surveycake/utils';
+import { safeAdd, safeMul } from '@cakefrosting/utils';
 import { unmountComponentAtNode, render, createPortal } from 'react-dom';
-import { useContainer } from '@surveycake/rhooks';
+import { useContainer } from '@cakefrosting/rhooks';
 import MuiModal from '@material-ui/core/Modal';
 import MuiSnackbarContent$1 from '@material-ui/core/SnackbarContent';
 import DateFnsUtils from '@date-io/date-fns';
@@ -193,7 +239,7 @@ createTheme({
     values: {
       xl: 1440,
       lg: 1024,
-      md: 960,
+      md: 900,
       sm: 600,
       xs: 375
     }
@@ -222,6 +268,7 @@ createTheme({
     warning: {
       light: '#F6CD81',
       lighter: '#FBE1B1',
+      lightest: '#FEF2DD',
       main: '#F4A91F',
       dark: '#E9A01C'
     },
@@ -361,7 +408,8 @@ createTheme({
       letterSpacing: 0,
       textTransform: 'none'
     }
-  }
+  },
+  shadows: ['none', '0 1px 4px rgba(0, 0, 0, 0.12)', '0 4px 12px rgba(0, 0, 0, 0.08)', '0 6px 24px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.02)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 6px 24px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.02)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)']
 });
 
 var MuiAccordion = {
@@ -607,11 +655,13 @@ var MuiButton = {
     padding: '8px 15px'
   },
   outlinedPrimary: {
+    border: "1px solid " + core.palette.primary.main,
     '&:hover': {
       backgroundColor: core.palette.primary.lightest
     }
   },
   outlinedSecondary: {
+    border: "1px solid " + core.palette.secondary.main,
     '&:hover': {
       backgroundColor: core.palette.secondary.lightest
     }
@@ -727,7 +777,10 @@ var MuiDialogContent = {
   root: {
     padding:
     /*#__PURE__*/
-    core.spacing(1, 3, 3)
+    core.spacing(1, 3, 3),
+    '&:first-child': {
+      paddingTop: 4
+    }
   },
   dividers: {
     borderTop: 'none',
@@ -744,6 +797,18 @@ var MuiDialogTitle = {
   }
 };
 
+var MuiDialog = {
+  paper: {
+    borderRadius: 16
+  },
+  paperWidthXs: {
+    borderRadius: 8
+  },
+  paperWidthSm: {
+    borderRadius: 12
+  }
+};
+
 var MuiDivider = {
   root: {
     backgroundColor: core.palette.grey.A400
@@ -768,7 +833,7 @@ var MuiFormHelperText = {
   root: {
     marginTop:
     /*#__PURE__*/
-    core.spacing(1),
+    core.spacing(0.5),
     color: core.palette.grey[600],
     "&.Mui-error": {
       color: core.palette.error.dark
@@ -782,10 +847,29 @@ var MuiFormLabel = {
   _extends({}, core.typography.caption, {
     margin: 0,
     color: core.palette.grey[700]
-  })
+  }),
+  asterisk: {
+    color: core.palette.primary.main,
+    '.Mui-disabled &': {
+      color: 'inherit'
+    }
+  }
 };
 
 var MuiIconButton = {
+  root: {
+    padding:
+    /*#__PURE__*/
+    core.spacing(1.25)
+  },
+  sizeSmall: {
+    padding:
+    /*#__PURE__*/
+    core.spacing(1),
+    '& svg.MuiSvgIcon-root': {
+      fontSize: 16
+    }
+  },
   colorPrimary: {
     '&:focus': {
       color: core.palette.primary.main,
@@ -852,11 +936,12 @@ var MuiMenuItem = {
   root:
   /*#__PURE__*/
   _extends({}, core.typography.body2, {
-    padding:
+    paddingTop:
     /*#__PURE__*/
-    core.spacing(0.5) + "px " +
+    core.spacing(1),
+    paddingBottom:
     /*#__PURE__*/
-    core.spacing(1) + "px",
+    core.spacing(1),
     '&.Mui-selected': {
       color: core.palette.primary.main,
       backgroundColor: core.palette.primary.lightest,
@@ -865,10 +950,17 @@ var MuiMenuItem = {
       }
     },
     '&:hover': {
-      backgroundColor: core.palette.primary.lighter,
-      color: core.palette.primary.dark
+      backgroundColor: core.palette.primary.lightest
     }
-  })
+  }),
+  gutters: {
+    paddingLeft:
+    /*#__PURE__*/
+    core.spacing(1),
+    paddingRight:
+    /*#__PURE__*/
+    core.spacing(1)
+  }
 };
 
 var MuiOutlinedInput = {
@@ -909,18 +1001,11 @@ var MuiOutlinedInput = {
     }
   }, core.typography.body2),
   input: {
-    paddingTop:
-    /*#__PURE__*/
-    core.spacing(1.5),
-    paddingRight:
-    /*#__PURE__*/
-    core.spacing(1),
-    paddingBottom:
+    padding:
     /*#__PURE__*/
-    core.spacing(1.5),
-    paddingLeft:
+    core.spacing(1.5) + "px " +
     /*#__PURE__*/
-    core.spacing(1)
+    core.spacing(1) + "px"
   },
   notchedOutline: {
     borderColor: core.palette.grey.A700
@@ -937,6 +1022,17 @@ var MuiOutlinedInput = {
   }
 };
 
+var MuiPopover = {
+  paper: {
+    padding:
+    /*#__PURE__*/
+    core.spacing(1),
+    marginTop:
+    /*#__PURE__*/
+    core.spacing(1)
+  }
+};
+
 var MuiRadio = {
   root: {
     color: core.palette.grey.A700,
@@ -960,16 +1056,6 @@ var MuiRadio = {
   }
 };
 
-var useMenuStyles =
-/*#__PURE__*/
-makeStyles$1(function (theme) {
-  return {
-    root: {
-      boxShadow: 'none',
-      border: "1px solid " + theme.palette.primary.main
-    }
-  };
-});
 var MuiSelect = {
   root:
   /*#__PURE__*/
@@ -1391,6 +1477,12 @@ var MuiTypography = {
   }, _h6)
 };
 
+var MuiMenu = {
+  paper: {
+    padding: 0
+  }
+};
+
 var useMUITheme = function useMUITheme() {
   return useTheme$1();
 };
@@ -1410,6 +1502,7 @@ createTheme({
     MuiCardActionArea: MuiCardActionArea,
     MuiCheckbox: MuiCheckbox,
     MuiChip: MuiChip,
+    MuiDialog: MuiDialog,
     MuiDialogActions: MuiDialogActions,
     MuiDialogContent: MuiDialogContent,
     MuiDialogTitle: MuiDialogTitle,
@@ -1422,8 +1515,10 @@ createTheme({
     MuiLink: MuiLink,
     MuiList: MuiList,
     MuiListSubheader: MuiListSubheader,
+    MuiMenu: MuiMenu,
     MuiMenuItem: MuiMenuItem,
     MuiOutlinedInput: MuiOutlinedInput,
+    MuiPopover: MuiPopover,
     MuiRadio: MuiRadio,
     MuiSelect: MuiSelect,
     MuiSlider: MuiSlider,
@@ -1446,6 +1541,126 @@ createTheme({
   }
 }, core);
 
+var theme$1 = {
+  color: {
+    primary: {
+      active: '#009A68',
+      "default": '#3DBA90',
+      hover: '#79CEAF',
+      disabled: '#9EDCC7',
+      background: '#DEF3EC',
+      lightBackground: '#d1f0e5'
+    },
+    secondary: {
+      active: '#C40D5A',
+      "default": '#EB1362',
+      hover: '#EE3C7A',
+      disabled: '#F589B0',
+      background: '#FCE4EC'
+    },
+    thirdary: {
+      active: '#ED7B19',
+      "default": '#F8971D',
+      hover: '#F9A433',
+      disabled: '#FBCB8E',
+      background: '#FEF2E1'
+    },
+    text: {
+      white: '#FFF',
+      B6: '#454545',
+      B5: '#6B6B6B',
+      B4: '#989898',
+      B3: '#AAAAAA',
+      B2: '#BDBDBD',
+      B: '#D2D2D2',
+      HB: '#EEEEEE',
+      F: '#F6F6F6'
+    },
+    semantic: {
+      success: '#A0D45E',
+      info: '#4DBAE9',
+      warning: '#FDB531',
+      error: '#EE415D',
+
+      /**
+       * @description specific usage
+       */
+      enterprise: '#3E5871',
+      team: '#FF6A6A',
+      pro: '#36B6ED'
+    }
+  },
+  typography: {
+    fontSize: {
+      h1: 36,
+      h2: 32,
+      h3: 28,
+      h4: 24,
+      h5: 20,
+      h6: 16,
+      p: 14,
+      span: 14,
+      div: 14
+    },
+    fontWeight: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  },
+  zIndex: {
+    mobileStepper: 1000,
+    speedDial: 1050,
+    appBar: 1100,
+    drawer: 1200,
+    modal: 1300,
+    snackbar: 1400,
+    tooltip: 1500
+  }
+};
+
+/**
+ * 相容層 Hook：讓舊的 v1 RC theme 存取方式可以映射到 MUI theme
+ * 用於漸進式從 v1 useTheme 遷移到 v2 useMUITheme
+ *
+ * @example
+ * // 舊的寫法 (v1)
+ * const rcTheme = useTheme();
+ * rcTheme.color.primary.default
+ * rcTheme.color.text.B5
+ *
+ * // 使用相容層
+ * const { color, typography } = useThemeCompat();
+ * color.primary.default  // 對應 v1 theme color.primary.default
+ * color.text.B5          // 對應 v1 theme color.text.B5
+ *
+ * // 也可以直接存取 MUI theme
+ * const { mui } = useThemeCompat();
+ * mui.palette.primary.main
+ */
+
+function useThemeCompat() {
+  return {
+    color: theme$1.color,
+    typography: theme$1.typography,
+    zIndex: theme$1.zIndex,
+    // 暴露原始 MUI theme 方便逐步遷移
+    mui: theme
+  };
+}
+/**
+ * 靜態 theme 物件（非 hook 版本）
+ * 適用於不在 React component 內的情況
+ * 直接使用 v1 theme 值以確保相容性
+ */
+
+var themeCompat = {
+  color: theme$1.color,
+  typography: theme$1.typography,
+  zIndex: theme$1.zIndex,
+  mui: theme
+};
+
 var ThemeProvider = function ThemeProvider(props) {
   var children = props.children;
   return React.createElement(ThemeProvider$1, {
@@ -1465,7 +1680,7 @@ var PureThemeProvider = function PureThemeProvider(props) {
 var Accordion =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  return React.createElement(MUIAccordion, Object.assign({}, props, {
+  return React.createElement(MuiAccordion$1, Object.assign({}, props, {
     ref: ref
   }));
 });
@@ -1473,42 +1688,221 @@ forwardRef(function (props, ref) {
 var AccordionDetails =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  return React.createElement(MUIAccordionDetails, Object.assign({}, props, {
+  return React.createElement(MuiAccordionDetails$1, Object.assign({}, props, {
     ref: ref
   }));
 });
 
-var AccordionSummary =
+/**
+ * Please use customEmotion for all emotion related imports due to the nonce issue.
+ * Reference:
+ * https://emotion.sh/docs/@emotion/cache#nonce
+ * https://emotion.sh/docs/@emotion/css#multiple-instances-in-a-single-app-example
+ */
+/**
+ * Like the way JSS fetch nonce from meta tag.
+ * (ref.: https://github.com/cssinjs/jss/blob/master/docs/csp.md)
+ * @returns nonce if it exists, otherwise undefined
+ */
+
+var getNonce = function getNonce() {
+  var cspMeta = document && document.querySelector("meta[property='csp-nonce']");
+  var nonce = cspMeta && cspMeta.getAttribute('content');
+  return nonce ? nonce : undefined;
+};
+
+var _createEmotion =
+/*#__PURE__*/
+createEmotion({
+  nonce:
+  /*#__PURE__*/
+  getNonce()
+}),
+    flush = _createEmotion.flush,
+    hydrate = _createEmotion.hydrate,
+    cx = _createEmotion.cx,
+    merge = _createEmotion.merge,
+    getRegisteredStyles = _createEmotion.getRegisteredStyles,
+    injectGlobal = _createEmotion.injectGlobal,
+    keyframes = _createEmotion.keyframes,
+    css = _createEmotion.css,
+    sheet = _createEmotion.sheet,
+    cache = _createEmotion.cache;
+
+var MenuItem =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  var rest = _objectWithoutPropertiesLoose(props, ["button"]);
+
+  return React.createElement(MuiMenuItem$1, Object.assign({}, rest, {
+    ref: ref
+  }), props.children);
+});
+MenuItem.displayName = 'MenuItem';
+
+var Checkbox =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  return React.createElement(MUIAccordionSummary, Object.assign({}, props, {
+  return React.createElement(MUICheckbox, Object.assign({}, props, {
     ref: ref
   }));
 });
+Checkbox.displayName = 'Checkbox';
 
-var ArrowSort =
+var useCustomStyle =
+/*#__PURE__*/
+makeStyles$1(function (theme) {
+  return {
+    container: {
+      padding: '8px 8px 8px 48px',
+      backgroundColor: theme.palette.common.white,
+      '&:hover': {
+        backgroundColor: theme.palette.primary.lightest,
+        '& .MuiSvgIcon-root': {
+          color: theme.palette.primary.main
+        }
+      },
+      '&.Mui-selected': {
+        backgroundColor: theme.palette.primary.lightest,
+        '& > div': {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.common.white
+        }
+      }
+    },
+    checkbox: {
+      padding: 0,
+      color: theme.palette.grey['A400'],
+      width: '32px',
+      height: '32px',
+      alignSelf: 'center',
+      '&:hover': {
+        backgroundColor: 'none'
+      },
+      '& .MuiSvgIcon-root': {
+        width: '16px',
+        height: '16px'
+      },
+      '&.MuiCheckbox-indeterminate': {
+        '& .MuiSvgIcon-root': {
+          color: theme.palette.primary.main
+        }
+      }
+    },
+    greyBlock: {
+      minHeight: '30px',
+      padding: '4px 8px',
+      color: theme.palette.grey[600],
+      backgroundColor: theme.palette.grey[100],
+      fontSize: '14px',
+      fontWeight: 500,
+      lineHeight: '21px',
+      borderRadius: '4px',
+      alignSelf: 'center',
+      whiteSpace: 'pre-wrap'
+    }
+  };
+});
+
+var AccordionSelectItem = function AccordionSelectItem(_ref) {
+  var _cx;
+
+  var value = _ref.value,
+      _ref$checked = _ref.checked,
+      checked = _ref$checked === void 0 ? false : _ref$checked,
+      indeterminate = _ref.indeterminate,
+      text = _ref.text,
+      handleChangeValue = _ref.handleChangeValue;
+  var theme = useMUITheme();
+  var customOptionStyle = useCustomStyle(theme);
+  return React.createElement(MenuItem, {
+    className: cx(customOptionStyle.container, (_cx = {}, _cx['Mui-selected'] = checked, _cx)),
+    value: value,
+    key: value,
+    onClick: function onClick() {
+      return handleChangeValue(value);
+    }
+  }, React.createElement(Checkbox, {
+    color: "primary",
+    checked: checked,
+    className: customOptionStyle.checkbox,
+    indeterminate: indeterminate
+  }), React.createElement("div", {
+    className: customOptionStyle.greyBlock
+  }, text));
+};
+
+var EmailFilled =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
     viewBox: "0 0 20 20"
   }), React.createElement("path", {
-    d: "M13.9609 7.93951L10.4951 4.3777C10.2213 4.09635 9.77864 4.09635 9.50778 4.3777L6.03909 7.93951C5.59932 8.39147 5.91095 9.16669 6.53421 9.16669H13.4658C14.089 9.16669 14.4006 8.39147 13.9609 7.93951Z"
-  }), React.createElement("path", {
-    d: "M6.53421 10.8333H13.4658C14.089 10.8333 14.4006 11.6085 13.9609 12.0605L10.4951 15.6223C10.2213 15.9037 9.77864 15.9037 9.50778 15.6223L6.03909 12.0605C5.59932 11.6085 5.91095 10.8333 6.53421 10.8333Z"
+    d: "M1.66699 3.33331V4.79165L10.0003 9.99998L18.3337 4.79165V3.33331H1.66699ZM1.66699 6.45994V16.6666H18.3337V6.45994L10.0003 11.6666L1.66699 6.45994Z"
   }));
 });
-ArrowSort.displayName = 'ArrowSort';
+EmailFilled.displayName = 'EmailFilled';
 
-var ArrowSortAsc =
+var Advertisement =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
     viewBox: "0 0 24 24"
+  }), React.createElement("g", {
+    clipPath: "url(#clip0_2545_1114)"
+  }, React.createElement("path", {
+    d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4ZM4 6V18H20V6H4Z"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
+    d: "M12.6 7V17H16.6C17.7 17 18.6 16.1 18.6 15V9C18.6 7.9 17.7 7 16.6 7H12.6ZM14.6 9H16.6V15H14.6V9ZM7.4 7C6.3 7 5.4 7.9 5.4 9V17H7.4V13H9.4V17H11.4V9C11.4 7.9 10.5 7 9.4 7H7.4ZM7.4 9H9.4V11H7.4V9Z"
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: "clip0_2545_1114"
+  }, React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white"
+  }))));
+});
+Advertisement.displayName = 'Advertisement';
+
+var AIFile =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 32 32"
+  }), React.createElement("path", {
+    d: "M18.6666 2.66663H7.99992C6.53325 2.66663 5.34659 3.86663 5.34659 5.33329L5.33325 26.6666C5.33325 28.1333 6.51992 29.3333 7.98659 29.3333H23.9999C25.4666 29.3333 26.6666 28.1333 26.6666 26.6666V10.6666L18.6666 2.66663ZM7.99992 26.6666V5.33329H17.3333V12H23.9999V26.6666H7.99992Z"
+  }), React.createElement("path", {
+    d: "M14.3333 20.3333L15.9999 24L17.6666 20.3333L21.3333 18.6666L17.6666 17L15.9999 13.3333L14.3333 17L10.6666 18.6666L14.3333 20.3333Z"
+  }));
+});
+AIFile.displayName = 'AIFile';
+
+var ArrowSort =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 20 20"
+  }), React.createElement("path", {
+    d: "M13.9609 7.93951L10.4951 4.3777C10.2213 4.09635 9.77864 4.09635 9.50778 4.3777L6.03909 7.93951C5.59932 8.39147 5.91095 9.16669 6.53421 9.16669H13.4658C14.089 9.16669 14.4006 8.39147 13.9609 7.93951Z"
+  }), React.createElement("path", {
+    d: "M6.53421 10.8333H13.4658C14.089 10.8333 14.4006 11.6085 13.9609 12.0605L10.4951 15.6223C10.2213 15.9037 9.77864 15.9037 9.50778 15.6223L6.03909 12.0605C5.59932 11.6085 5.91095 10.8333 6.53421 10.8333Z"
+  }));
+});
+ArrowSort.displayName = 'ArrowSort';
+
+var ArrowSortAsc =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M12.5941 5.25322L16.7531 9.52739C17.2808 10.0697 16.9068 11 16.1589 11H7.84107C7.09316 11 6.71921 10.0697 7.24694 9.52739L11.4094 5.25322C11.7344 4.91559 12.2656 4.91559 12.5941 5.25322ZM15.8177 14L12.0017 17.9217L8.18253 14H15.8177ZM12.5941 18.7468C12.2656 19.0844 11.7344 19.0844 11.4094 18.7468L7.24694 14.4726C6.71921 13.9303 7.09316 13 7.84107 13H16.1589C16.9068 13 17.2808 13.9303 16.7531 14.4726L12.5941 18.7468Z"
   }));
 });
@@ -1540,6 +1934,18 @@ forwardRef(function (props, ref) {
 });
 BarChart.displayName = 'BarChart';
 
+var CardboardBox =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M20 21H4V10H6V19H18V10H20V21ZM3 3H21V9H3V3ZM9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11ZM5 5V7H19V5H5Z"
+  }));
+});
+CardboardBox.displayName = 'CardboardBox';
+
 var CheckFile =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1552,6 +1958,30 @@ forwardRef(function (props, ref) {
 });
 CheckFile.displayName = 'CheckFile';
 
+var Collapse =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 20 20"
+  }), React.createElement("path", {
+    d: "M13.825 4.50831L12.6417 3.33331L10 5.97498L7.35838 3.33331L6.17505 4.50831L10 8.33331M6.17505 15.4916L7.35838 16.6666L10 14.025L12.6417 16.6666L13.8167 15.4916L10 11.6666L6.17505 15.4916Z"
+  }));
+});
+Collapse.displayName = 'Collapse';
+
+var Combine =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 20 20"
+  }), React.createElement("path", {
+    d: "M2.49992 0.833313C1.57492 0.833313 0.833252 1.57498 0.833252 2.49998V11.6666C0.833252 12.5916 1.57492 13.3333 2.49992 13.3333C3.60825 13.3333 5.83325 13.3333 5.83325 13.3333C5.83325 13.3333 5.83325 15.5583 5.83325 16.6666C5.83325 17.5916 6.57492 18.3333 7.49992 18.3333H16.6666C17.5916 18.3333 18.3333 17.5916 18.3333 16.6666V7.49998C18.3333 6.57498 17.5916 5.83331 16.6666 5.83331C15.5583 5.83331 13.3333 5.83331 13.3333 5.83331C13.3333 5.83331 13.3333 3.60831 13.3333 2.49998C13.3333 1.57498 12.5916 0.833313 11.6666 0.833313H2.49992ZM2.49992 2.49998H11.6666C11.6666 3.60831 11.6666 5.83331 11.6666 5.83331H7.49992C6.57492 5.83331 5.83325 6.57498 5.83325 7.49998V11.6666C5.83325 11.6666 3.60825 11.6666 2.49992 11.6666V2.49998ZM7.49992 7.49998H11.6666V11.6666H7.49992V7.49998ZM13.3333 7.49998C13.3333 7.49998 15.5583 7.49998 16.6666 7.49998V16.6666H7.49992C7.49992 15.5583 7.49992 13.3333 7.49992 13.3333H11.6666C12.5916 13.3333 13.3333 12.5916 13.3333 11.6666V7.49998Z"
+  }));
+});
+Combine.displayName = 'Combine';
+
 var ConflictRoute =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1564,6 +1994,128 @@ forwardRef(function (props, ref) {
 });
 ConflictRoute.displayName = 'ConflictRoute';
 
+var Copy =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M19 21H8V7H19M19 5H8C7.46957 5 6.96086 5.21071 6.58579 5.58579C6.21071 5.96086 6 6.46957 6 7V21C6 21.5304 6.21071 22.0391 6.58579 22.4142C6.96086 22.7893 7.46957 23 8 23H19C19.5304 23 20.0391 22.7893 20.4142 22.4142C20.7893 22.0391 21 21.5304 21 21V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5ZM16 1H4C3.46957 1 2.96086 1.21071 2.58579 1.58579C2.21071 1.96086 2 2.46957 2 3V17H4V3H16V1Z"
+  }));
+});
+Copy.displayName = 'Copy';
+
+var Coupon =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    id: "Vector",
+    d: "M9.86732 5.33073L10.6673 6.13073L6.13398 10.6641L5.33398 9.86406L9.86732 5.33073ZM2.66732 2.66406H13.334C14.074 2.66406 14.6673 3.2574 14.6673 3.9974V6.66406C13.934 6.66406 13.334 7.26406 13.334 7.9974C13.334 8.7374 13.934 9.33073 14.6673 9.33073V11.9974C14.6673 12.7374 14.074 13.3307 13.334 13.3307H2.66732C1.93398 13.3307 1.33398 12.7374 1.33398 11.9974V9.33073C2.07398 9.33073 2.66732 8.7374 2.66732 7.9974C2.66732 7.26406 2.07398 6.66406 1.33398 6.66406V3.9974C1.33398 3.2574 1.93398 2.66406 2.66732 2.66406ZM2.66732 3.9974V5.69073C3.49398 6.17073 4.00065 7.04406 4.00065 7.9974C4.00065 8.95073 3.49398 9.83073 2.66732 10.3041V11.9974H13.334V10.3041C12.5073 9.83073 12.0007 8.95073 12.0007 7.9974C12.0007 7.04406 12.5073 6.17073 13.334 5.69073V3.9974H2.66732ZM6.33398 5.33073C6.88732 5.33073 7.33398 5.7774 7.33398 6.33073C7.33398 6.88406 6.88732 7.33073 6.33398 7.33073C5.78065 7.33073 5.33398 6.88406 5.33398 6.33073C5.33398 5.7774 5.78065 5.33073 6.33398 5.33073ZM9.66732 8.66406C10.2207 8.66406 10.6673 9.11073 10.6673 9.66406C10.6673 10.2174 10.2207 10.6641 9.66732 10.6641C9.11398 10.6641 8.66732 10.2174 8.66732 9.66406C8.66732 9.11073 9.11398 8.66406 9.66732 8.66406Z"
+  }));
+});
+Coupon.displayName = 'Coupon';
+
+var CurlyBrackets =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M4 7V9C4 9.55 3.55 10 3 10H2V14H3C3.55 14 4 14.45 4 15V17C4 18.65 5.35 20 7 20H10V18H7C6.45 18 6 17.55 6 17V15C6 13.7 5.16 12.58 4 12.17V11.83C5.16 11.42 6 10.3 6 9V7C6 6.45 6.45 6 7 6H10V4H7C5.35 4 4 5.35 4 7ZM21 10C20.45 10 20 9.55 20 9V7C20 5.35 18.65 4 17 4H14V6H17C17.55 6 18 6.45 18 7V9C18 10.3 18.84 11.42 20 11.83V12.17C18.84 12.58 18 13.69 18 15V17C18 17.55 17.55 18 17 18H14V20H17C18.65 20 20 18.65 20 17V15C20 14.45 20.45 14 21 14H22V10H21Z"
+  }));
+});
+CurlyBrackets.displayName = 'CurlyBrackets';
+
+var Design =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M8 3C5.79 3 4 4.79 4 7V14C4 15.1 4.9 16 6 16H9V20C9 21.1 9.9 22 11 22H13C14.1 22 15 21.1 15 20V16H18C19.1 16 20 15.1 20 14V3H8ZM8 5H12V7H14V5H15V9H17V5H18V10H6V7C6 5.9 6.9 5 8 5ZM6 14V12H18V14H6Z"
+  }));
+});
+Design.displayName = 'Design';
+
+var DisplayLogic =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M8.515 15.5155H11.515C11.515 15.0155 11.355 11.0155 7.315 10.5655C6.765 12.1255 5.045 12.9455 3.485 12.3955C1.925 11.8455 1.105 10.1255 1.655 8.5655C2.215 7.0155 3.925 6.1855 5.485 6.7355C6.345 7.0155 7.015 7.7155 7.315 8.5655C10.905 8.8555 13.635 11.9155 13.515 15.5155H16.515L12.515 19.5155L8.515 15.5155ZM4.515 10.5155C4.78022 10.5155 5.03457 10.4101 5.22211 10.2226C5.40964 10.0351 5.515 9.78072 5.515 9.5155C5.515 9.25029 5.40964 8.99593 5.22211 8.8084C5.03457 8.62086 4.78022 8.5155 4.515 8.5155C4.24978 8.5155 3.99543 8.62086 3.80789 8.8084C3.62036 8.99593 3.515 9.25029 3.515 9.5155C3.515 9.78072 3.62036 10.0351 3.80789 10.2226C3.99543 10.4101 4.24978 10.5155 4.515 10.5155ZM12.395 8.5155C13.055 9.0955 13.625 9.7655 14.085 10.5155H18.515V13.5155L22.515 9.5155L18.515 5.5155V8.5155H12.395Z"
+  }));
+});
+DisplayLogic.displayName = 'DisplayLogic';
+
+var DonutChart =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    d: "M8.00065 1.33398C4.31865 1.33398 1.33398 4.31865 1.33398 8.00065C1.33398 11.6827 4.31865 14.6673 8.00065 14.6673C11.6827 14.6673 14.6673 11.6827 14.6673 8.00065C14.6673 4.31865 11.6827 1.33398 8.00065 1.33398ZM7.33398 2.71289V5.42904C6.18584 5.72643 5.33398 6.75957 5.33398 8.00065C5.33398 9.47332 6.52798 10.6673 8.00065 10.6673C8.49425 10.6673 8.95048 10.5235 9.347 10.2897L11.265 12.2077C10.3616 12.9102 9.2309 13.334 8.00065 13.334C5.05998 13.334 2.66732 10.9413 2.66732 8.00065C2.66732 5.2863 4.70758 3.04275 7.33398 2.71289ZM8.66732 2.71289C11.0747 3.01525 12.9861 4.92657 13.2884 7.33398H10.5723C10.3304 6.40008 9.60122 5.67094 8.66732 5.42904V2.71289ZM8.00065 6.66732C8.73598 6.66732 9.33398 7.26532 9.33398 8.00065C9.33398 8.73598 8.73598 9.33398 8.00065 9.33398C7.26532 9.33398 6.66732 8.73598 6.66732 8.00065C6.66732 7.26532 7.26532 6.66732 8.00065 6.66732ZM10.5723 8.66732H13.2884C13.1664 9.63872 12.7809 10.5278 12.2077 11.265L10.2897 9.347C10.4138 9.13652 10.5095 8.90971 10.5723 8.66732Z"
+  }));
+});
+DonutChart.displayName = 'DonutChart';
+
+var DriveFileMove =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    d: "M13.332 3.99984H7.9987L6.66536 2.6665H2.66536C1.93203 2.6665 1.3387 3.2665 1.3387 3.99984L1.33203 11.9998C1.33203 12.7332 1.93203 13.3332 2.66536 13.3332H13.332C14.0654 13.3332 14.6654 12.7332 14.6654 11.9998V5.33317C14.6654 4.59984 14.0654 3.99984 13.332 3.99984ZM13.332 11.9998H2.66536V5.33317H13.332V11.9998ZM7.99203 5.99984L7.05203 6.93984L8.10536 7.99984H5.33203V9.33317H8.10536L7.04536 10.3932L7.99203 11.3332L10.6654 8.67317L7.99203 5.99984Z"
+  }));
+});
+DriveFileMove.displayName = 'DriveFileMove';
+
+var EmbedCode =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 20 20"
+  }), React.createElement("path", {
+    d: "M10.7414 2.5L12.3747 2.83333L9.25807 17.5L7.62474 17.1667L10.7414 2.5ZM16.3247 10L13.3331 7.00833V4.65L18.6831 10L13.3331 15.3417V12.9833L16.3247 10ZM1.31641 10L6.66641 4.65V7.00833L3.67474 10L6.66641 12.9833V15.3417L1.31641 10Z"
+  }));
+});
+EmbedCode.displayName = 'EmbedCode';
+
+var ExpandAll =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M12 18.17L8.83 15L7.42 16.41L12 21L16.59 16.41L15.17 15M12 5.83L15.17 9L16.58 7.59L12 3L7.41 7.59L8.83 9L12 5.83Z"
+  }));
+});
+ExpandAll.displayName = 'ExpandAll';
+
+var ExportSheet =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    id: "Vector",
+    d: "M9.33329 1.3335H3.99996C3.25996 1.3335 2.66663 1.9335 2.66663 2.66683V13.3335C2.66663 14.0735 3.25996 14.6668 3.99996 14.6668H12C12.74 14.6668 13.3333 14.0735 13.3333 13.3335V5.3335L9.33329 1.3335ZM12 13.3335H3.99996V2.66683H8.66663V6.00016H12V13.3335ZM8.59996 9.66683L10.5333 12.6668H9.33329L7.99996 10.4002L6.66663 12.6668H5.46663L7.39996 9.66683L5.46663 6.66683H6.66663L7.99996 8.9335L9.33329 6.66683H10.5333L8.59996 9.66683Z"
+  }));
+});
+ExportSheet.displayName = 'ExportSheet';
+
 var Facebook =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1582,6 +2134,18 @@ forwardRef(function (props, ref) {
 });
 Facebook.displayName = 'Facebook';
 
+var FileExport =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    d: "M9.33464 1.33398L13.3346 5.33398V13.334C13.3346 13.6876 13.1942 14.0267 12.9441 14.2768C12.6941 14.5268 12.3549 14.6673 12.0013 14.6673H4.0013C3.64768 14.6673 3.30854 14.5268 3.05849 14.2768C2.80844 14.0267 2.66797 13.6876 2.66797 13.334V2.66732C2.66797 2.3137 2.80844 1.97456 3.05849 1.72451C3.30854 1.47446 3.64768 1.33398 4.0013 1.33398H9.33464ZM12.0013 13.334V6.00065H8.66797V2.66732H4.0013V13.334H12.0013ZM8.0013 12.6673L5.33464 10.0007H7.0013V8.00065H9.0013V10.0007H10.668L8.0013 12.6673Z"
+  }));
+});
+FileExport.displayName = 'FileExport';
+
 var FilterAlt =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1636,19 +2200,62 @@ forwardRef(function (props, ref) {
 });
 Google.displayName = 'Google';
 
+var GridView =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    d: "M2 7.33333H7.33333V2H2M3.33333 3.33333H6V6H3.33333M8.66667 14H14V8.66667H8.66667M10 10H12.6667V12.6667H10M2 14H7.33333V8.66667H2M3.33333 10H6V12.6667H3.33333M8.66667 2V7.33333H14V2M12.6667 6H10V3.33333H12.6667V6Z"
+  }));
+});
+GridView.displayName = 'GridView';
+
 var Image =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M19 19H5V5H19M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3ZM13.96 12.29L11.21 15.83L9.25 13.47L6.5 17H17.5L13.96 12.29Z"
+  }));
+});
+Image.displayName = 'Image';
+
+var LinkedIn =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 20 20"
+  }), React.createElement("rect", {
+    x: "1.66602",
+    y: "1.66699",
+    width: "16.6667",
+    height: "16.6667",
+    fill: "white"
   }), React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M31.6667 31.6667V8.33333H8.33333V31.6667H31.6667ZM8.33333 5H31.6667C33.5 5 35 6.5 35 8.33333V31.6667C35 33.5 33.5 35 31.6667 35H8.33333C6.5 35 5 33.5 5 31.6667V8.33333C5 6.5 6.5 5 8.33333 5ZM18.5667 26.2167L23.5667 19.7667L30 28.3333H10L15 21.9L18.5667 26.2167ZM17.0833 18.3333C18.2339 18.3333 19.1667 17.4006 19.1667 16.25C19.1667 15.0994 18.2339 14.1667 17.0833 14.1667C15.9327 14.1667 15 15.0994 15 16.25C15 17.4006 15.9327 18.3333 17.0833 18.3333Z"
+    d: "M1.42411 0H18.5714C19.3571 0 20 0.647321 20 1.44196V18.558C20 19.3527 19.3571 20 18.5714 20H1.42411C0.638393 20 0 19.3527 0 18.558V1.44196C0 0.647321 0.638393 0 1.42411 0ZM6.04464 17.1429H6.04911V7.59821H3.08036V17.1429H6.04464ZM4.5625 6.29464C3.61161 6.29464 2.84375 5.52232 2.84375 4.57589C2.84375 3.62946 3.61161 2.85714 4.5625 2.85714C5.50893 2.85714 6.28125 3.62946 6.28125 4.57589C6.28125 5.52679 5.51339 6.29464 4.5625 6.29464ZM14.192 17.1429H17.1562V11.9107C17.1562 9.33929 16.5982 7.36161 13.5982 7.36161C12.1562 7.36161 11.1875 8.15179 10.7902 8.90179H10.75V7.59821H7.90625V17.1429H10.8705V12.4196C10.8705 11.1741 11.1071 9.96875 12.6518 9.96875C14.1696 9.96875 14.192 11.3929 14.192 12.5V17.1429Z",
+    fill: "#0065CA"
   }));
 });
-Image.displayName = 'Image';
+LinkedIn.displayName = 'Linkedin';
+
+var Logic =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 19.7956 9.68393 20.5587 9.12132 21.1213C8.55871 21.6839 7.79565 22 7 22C6.20435 22 5.44129 21.6839 4.87868 21.1213C4.31607 20.5587 4 19.7956 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 4.20435 4.31607 3.44129 4.87868 2.87868C5.44129 2.31607 6.20435 2 7 2C7.79565 2 8.55871 2.31607 9.12132 2.87868C9.68393 3.44129 10 4.20435 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 6.20435 14.3161 5.44129 14.8787 4.87868C15.4413 4.31607 16.2044 4 17 4C17.7956 4 18.5587 4.31607 19.1213 4.87868C19.6839 5.44129 20 6.20435 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14ZM7 18C6.73478 18 6.48043 18.1054 6.29289 18.2929C6.10536 18.4804 6 18.7348 6 19C6 19.2652 6.10536 19.5196 6.29289 19.7071C6.48043 19.8946 6.73478 20 7 20C7.26522 20 7.51957 19.8946 7.70711 19.7071C7.89464 19.5196 8 19.2652 8 19C8 18.7348 7.89464 18.4804 7.70711 18.2929C7.51957 18.1054 7.26522 18 7 18ZM7 4C6.73478 4 6.48043 4.10536 6.29289 4.29289C6.10536 4.48043 6 4.73478 6 5C6 5.26522 6.10536 5.51957 6.29289 5.70711C6.48043 5.89464 6.73478 6 7 6C7.26522 6 7.51957 5.89464 7.70711 5.70711C7.89464 5.51957 8 5.26522 8 5C8 4.73478 7.89464 4.48043 7.70711 4.29289C7.51957 4.10536 7.26522 4 7 4ZM17 6C16.7348 6 16.4804 6.10536 16.2929 6.29289C16.1054 6.48043 16 6.73478 16 7C16 7.26522 16.1054 7.51957 16.2929 7.70711C16.4804 7.89464 16.7348 8 17 8C17.2652 8 17.5196 7.89464 17.7071 7.70711C17.8946 7.51957 18 7.26522 18 7C18 6.73478 17.8946 6.48043 17.7071 6.29289C17.5196 6.10536 17.2652 6 17 6Z"
+  }));
+});
+Logic.displayName = 'Logic';
 
 var MailForward =
 /*#__PURE__*/
@@ -1680,6 +2287,20 @@ forwardRef(function (props, ref) {
 });
 MailForward.displayName = 'MailForward';
 
+var Maximum =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M14 20H6V6H14M14.67 4H13V2H7V4H5.33C4.6 4 4 4.6 4 5.33V20.67C4 21.4 4.6 22 5.33 22H14.67C15.41 22 16 21.41 16 20.67V5.33C16 4.6 15.4 4 14.67 4ZM13 16H7V19H13V16ZM13 7H7V10H13V7ZM13 11.5H7V14.5H13V11.5Z"
+  }), React.createElement("path", {
+    d: "M21 13H19V7H21V13ZM21 17H19V15H21V17Z"
+  }));
+});
+Maximum.displayName = 'Maximum';
+
 var NewReleaseCheck =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1692,6 +2313,18 @@ forwardRef(function (props, ref) {
 });
 NewReleaseCheck.displayName = 'NewReleaseCheck';
 
+var None =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M20.84 20.84L3.16001 3.16L1.89001 4.43L3.78001 6.32C2.66001 7.93 2.00001 9.89 2.00001 12C2.00001 17.52 6.48001 22 12 22C14.11 22 16.07 21.34 17.68 20.23L19.57 22.12L20.84 20.84ZM12 20C7.59001 20 4.00001 16.41 4.00001 12C4.00001 10.45 4.45001 9 5.22001 7.77L6.68001 9.23C6.25001 10.06 6.00001 11 6.00001 12C6.00001 15.31 8.69001 18 12 18C13 18 13.94 17.75 14.77 17.32L16.23 18.78C15 19.55 13.55 20 12 20ZM6.32001 3.77C7.93002 2.66 9.89001 2 12 2C17.52 2 22 6.48 22 12C22 14.11 21.34 16.07 20.23 17.68L18.78 16.23C19.55 15 20 13.55 20 12C20 7.59 16.41 4 12 4C10.45 4 9.00001 4.45 7.77001 5.22L6.32001 3.77ZM18 12C18 13 17.75 13.94 17.32 14.77L9.23001 6.68C10.06 6.25 11 6 12 6C15.31 6 18 8.69 18 12Z"
+  }));
+});
+None.displayName = 'None';
+
 var PieChart =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1716,6 +2349,20 @@ forwardRef(function (props, ref) {
 });
 Privacy.displayName = 'Privacy';
 
+var QrCode =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 20 20"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.80887 8.80985H1.66602V1.66699H8.80887V8.80985ZM7.6184 2.85747H2.85649V7.61937H7.6184V2.85747ZM11.1898 1.66699V8.80985H18.3327V1.66699H11.1898ZM12.3803 7.61937H17.1422V2.85747H12.3803V7.61937ZM1.66602 18.3337H8.80887V11.1908H1.66602V18.3337ZM7.6184 12.3813H2.85649V17.1432H7.6184V12.3813ZM4.04697 4.04794H6.42792V6.4289H4.04697V4.04794ZM13.5708 6.4289H15.9517V4.04794H13.5708V6.4289ZM4.04697 13.5718H6.42792V15.9527H4.04697V13.5718ZM18.3327 11.1908H17.1422V12.3813H14.7613V11.1908H11.1898V18.3337H12.3803V14.7622H13.5708V15.9527H18.3327V11.1908ZM17.1422 17.1432H18.3327V18.3337H17.1422V17.1432ZM15.9517 17.1432H14.7613V18.3337H15.9517V17.1432Z"
+  }));
+});
+QrCode.displayName = 'QrCode';
+
 var Quiz =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -1742,417 +2389,617 @@ forwardRef(function (props, ref) {
 });
 RadarChart.displayName = 'RadarChart';
 
-var TableList =
+var Randomize =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 16 16"
+    viewBox: "0 0 20 20"
   }), React.createElement("path", {
-    d: "M12.6667 12.6667V10.6667H3.33333V12.6667H12.6667ZM12.6667 9.33333V6.66667H3.33333V9.33333H12.6667ZM12.6667 5.33333V3.33333H3.33333V5.33333H12.6667ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333Z"
+    d: "M14.1667 2.5L18.5417 6.25L14.1667 10L18.5417 13.75L14.1667 17.5V15H11.8834L9.53341 12.65L11.3001 10.8833L12.9167 12.5H14.1667V10V7.5H12.9167L5.41675 15H1.66675V12.5H4.38341L11.8834 5H14.1667V2.5ZM1.66675 5H5.41675L7.76675 7.35L6.00008 9.11667L4.38341 7.5H1.66675V5Z"
   }));
 });
-TableList.displayName = 'TableList';
+Randomize.displayName = 'Randomize';
 
-var UserReply =
+var ShieldError =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
     viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M8.8 13.6H15.2V13.16C15.2 12.5733 14.9067 12.1 14.32 11.74C13.7333 11.38 12.96 11.2 12 11.2C11.04 11.2 10.2667 11.38 9.68 11.74C9.09333 12.1 8.8 12.5733 8.8 13.16V13.6ZM12 10.4C12.44 10.4 12.8168 10.2432 13.1304 9.9296C13.4435 9.61653 13.6 9.24 13.6 8.8C13.6 8.36 13.4435 7.98347 13.1304 7.6704C12.8168 7.3568 12.44 7.2 12 7.2C11.56 7.2 11.1835 7.3568 10.8704 7.6704C10.5568 7.98347 10.4 8.36 10.4 8.8C10.4 9.24 10.5568 9.61653 10.8704 9.9296C11.1835 10.2432 11.56 10.4 12 10.4ZM4 20V5.6C4 5.16 4.1568 4.7832 4.4704 4.4696C4.78347 4.15653 5.16 4 5.6 4H18.4C18.84 4 19.2168 4.15653 19.5304 4.4696C19.8435 4.7832 20 5.16 20 5.6V15.2C20 15.64 19.8435 16.0168 19.5304 16.3304C19.2168 16.6435 18.84 16.8 18.4 16.8H7.2L4 20Z"
+    d: "M12 2L4 5V11.09C4 16.14 7.41 20.85 12 22C16.59 20.85 20 16.14 20 11.09V5L12 2ZM15.5 14.09L14.09 15.5L12 13.42L9.91 15.5L8.5 14.09L10.59 12L8.5 9.91L9.91 8.5L12 10.59L14.09 8.5L15.5 9.91L13.42 12L15.5 14.09Z"
   }));
 });
-UserReply.displayName = 'UserReply';
+ShieldError.displayName = 'ShieldError';
 
-var ArrowCircleDown =
+var ShieldStar =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
     viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 12V8H11V12H8L12 16L16 12H13Z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20 5V11.0898C20 16.1398 16.59 20.85 12 22C7.41 20.85 4 16.1398 4 11.0898V5L12 2L20 5ZM10.75 10.75L8 12L10.75 13.25L12 16L13.25 13.25L16 12L13.25 10.75L12 8L10.75 10.75Z"
   }));
 });
-ArrowCircleDown.displayName = 'ArrowCircleDown';
+ShieldStar.displayName = 'ShieldStar';
 
-var AutoAwesomeOutlined =
+var ShieldStar$1 =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 16 16"
-  }), React.createElement("path", {
-    d: "M12.6667 5.99984L13.5 4.1665L15.3333 3.33317L13.5 2.49984L12.6667 0.666504L11.8333 2.49984L10 3.33317L11.8333 4.1665L12.6667 5.99984Z"
-  }), React.createElement("path", {
-    d: "M12.6667 10L11.8333 11.8333L10 12.6667L11.8333 13.5L12.6667 15.3333L13.5 13.5L15.3333 12.6667L13.5 11.8333L12.6667 10Z"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M7.66669 6.33317L6.00002 2.6665L4.33335 6.33317L0.666687 7.99984L4.33335 9.6665L6.00002 13.3332L7.66669 9.6665L11.3334 7.99984L7.66669 6.33317ZM6.66002 8.65984L6.00002 10.1132L5.34002 8.65984L3.88669 7.99984L5.34002 7.33984L6.00002 5.8865L6.66002 7.33984L8.11335 7.99984L6.66002 8.65984Z"
+    d: "M12 2L4 5V11.09C4 16.14 7.41 20.85 12 22C16.59 20.85 20 16.14 20 11.09V5L12 2ZM10.94 15.54L7.4 12L8.81 10.59L10.93 12.71L15.17 8.47L16.58 9.88L10.94 15.54Z"
   }));
 });
-AutoAwesomeOutlined.displayName = 'AutoAwesomeOutlined';
+ShieldStar$1.displayName = 'ShieldStar';
 
-var CalendarMonth =
+var ShieldWarning =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M15.8333 3.33268H15V1.66602H13.3333V3.33268H6.66667V1.66602H5V3.33268H4.16667C3.24167 3.33268 2.50833 4.08268 2.50833 4.99935L2.5 16.666C2.5 17.5827 3.24167 18.3327 4.16667 18.3327H15.8333C16.75 18.3327 17.5 17.5827 17.5 16.666V4.99935C17.5 4.08268 16.75 3.33268 15.8333 3.33268ZM15.8333 16.666H4.16667V8.33268H15.8333V16.666ZM7.5 11.666H5.83333V9.99935H7.5V11.666ZM10.8333 11.666H9.16667V9.99935H10.8333V11.666ZM14.1667 11.666H12.5V9.99935H14.1667V11.666ZM7.5 14.9993H5.83333V13.3327H7.5V14.9993ZM10.8333 14.9993H9.16667V13.3327H10.8333V14.9993ZM14.1667 14.9993H12.5V13.3327H14.1667V14.9993Z"
+    d: "M12 2L4 5V11.09C4 16.14 7.41 20.85 12 22C16.59 20.85 20 16.14 20 11.09V5L12 2ZM13 16H11V14H13V16ZM13 12H11V7H13V12Z"
   }));
 });
-CalendarMonth.displayName = 'CalendarMonth';
+ShieldWarning.displayName = 'ShieldWarning';
 
-var LocalFireDepartmentOutlined =
+var ShortText =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 16 16"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M7.71329 8.77344C6.80663 8.96011 6.26663 9.54678 6.26663 10.3801C6.26663 11.2734 7.00663 11.9934 7.92663 11.9934C9.29329 11.9934 10.4 10.8868 10.4 9.52011C10.4 8.80678 10.3 8.10678 10.0933 7.44011C9.56663 8.15344 8.62663 8.58678 7.71329 8.77344ZM8.99996 0.446777C8.99996 0.446777 9.49329 2.21344 9.49329 3.64678C9.49329 5.02011 8.59329 6.13344 7.21996 6.13344C5.83996 6.13344 4.79996 5.02011 4.79996 3.64678L4.81996 3.40678C3.47329 5.00678 2.66663 7.08011 2.66663 9.33344C2.66663 12.2801 5.05329 14.6668 7.99996 14.6668C10.9466 14.6668 13.3333 12.2801 13.3333 9.33344C13.3333 5.74011 11.6066 2.53344 8.99996 0.446777ZM7.99996 13.3334C5.79329 13.3334 3.99996 11.5401 3.99996 9.33344C3.99996 8.31344 4.19996 7.30678 4.57329 6.38011C5.24663 7.05344 6.17996 7.46678 7.21996 7.46678C8.99329 7.46678 10.3866 6.24678 10.74 4.51344C11.56 5.98011 12 7.62678 12 9.33344C12 11.5401 10.2066 13.3334 7.99996 13.3334Z"
+    d: "M4 9H20V11H4V9ZM4 13H14V15H4V13Z"
   }));
 });
-LocalFireDepartmentOutlined.displayName = 'LocalFireDepartmentOutlined';
+ShortText.displayName = 'ShortText';
 
-var PinOutlined =
+var Skip =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 20 20"
-  }), React.createElement("path", {
-    d: "M16.6665 3.33398H3.33317C2.4165 3.33398 1.6665 4.08398 1.6665 5.00065V15.0007C1.6665 15.9173 2.4165 16.6673 3.33317 16.6673H16.6665C17.5832 16.6673 18.3332 15.9173 18.3332 15.0007V5.00065C18.3332 4.08398 17.5832 3.33398 16.6665 3.33398ZM16.6665 15.0007H3.33317V5.00065H16.6665V15.0007Z"
-  }), React.createElement("path", {
-    d: "M5.40814 8.75V12.5H6.36647V7.5H5.64147L4.1748 8.55833L4.65814 9.3L5.40814 8.75Z"
-  }), React.createElement("path", {
-    d: "M9.55798 8.37626C9.97464 8.37626 10.233 8.64292 10.233 8.97626C10.233 9.28459 10.1163 9.50959 9.78297 9.85959C9.48297 10.1763 8.89964 10.7596 8.00797 11.6513V12.5013H11.2496V11.6763H9.27464L9.24964 11.6346C9.81631 11.0679 10.208 10.6846 10.4163 10.4763C10.9246 9.97626 11.183 9.45959 11.183 8.92626C11.183 8.72626 11.1413 8.05959 10.4246 7.69292C10.033 7.50126 9.37464 7.39292 8.79964 7.66792C8.11631 7.99292 7.97464 8.60959 7.96631 8.62626L8.80797 8.97626C8.89131 8.70126 9.12464 8.37626 9.55798 8.37626Z"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M14.158 11.6167C13.4664 11.6167 13.333 10.9833 13.308 10.9L12.4497 11.2417C12.8247 12.5667 14.1247 12.5 14.158 12.5C15.158 12.5 15.558 11.9 15.6247 11.7917C15.8914 11.3833 15.9247 10.7583 15.6164 10.325C15.4747 10.125 15.283 9.98333 15.0497 9.89167V9.83333C15.2164 9.75 15.358 9.61667 15.483 9.43333C15.6997 9.09167 15.7414 8.54167 15.4664 8.125C15.3997 8.03333 15.0247 7.5 14.1164 7.5C13.0664 7.5 12.6664 8.25 12.5747 8.53333L13.3997 8.875C13.4914 8.60833 13.6914 8.34167 14.108 8.34167C14.4747 8.34167 14.733 8.55833 14.733 8.88333C14.733 9.36667 14.2747 9.48333 13.9997 9.48333H13.6164V10.3167H14.033C14.4997 10.3167 14.8997 10.5167 14.8997 10.975C14.8997 11.3833 14.4997 11.6167 14.158 11.6167Z"
+    d: "M14 5H22V7H14V5ZM14 10.5H22V12.5H14V10.5ZM14 16H22V18H14V16ZM2 11.5C2 15.08 4.92 18 8.5 18H9V20L12 17L9 14V16H8.5C6 16 4 14 4 11.5C4 9 6 7 8.5 7H12V5H8.5C4.92 5 2 7.92 2 11.5Z"
   }));
 });
-PinOutlined.displayName = 'PinOutlined';
+Skip.displayName = 'Skip';
 
-var InsertPageBreakOutlined =
+var Swords =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
     viewBox: "0 0 24 24"
-  }), React.createElement("mask", {
-    id: "mask0_2217_25336",
-    style: {
-      maskType: "alpha"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "24",
-    height: "24"
-  }, React.createElement("rect", {
-    width: "24",
-    height: "24",
-    fill: "#D9D9D9"
-  })), React.createElement("g", {
-    mask: "url(#mask0_2217_25336)"
-  }, React.createElement("path", {
-    d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V17H6V20H18V17H20V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM4 11V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H14L20 8V11H18V9H13V4H6V11H4ZM9 15V13H15V15H9ZM17 15V13H23V15H17ZM1 15V13H7V15H1Z",
-    fill: "#6B6B6B"
-  })));
+  }), React.createElement("path", {
+    d: "M19.05 21.5999L16.125 18.6999L13.925 20.8999L13.225 20.1999C12.8417 19.8166 12.65 19.3416 12.65 18.7749C12.65 18.2082 12.8417 17.7332 13.225 17.3499L17.45 13.1249C17.8333 12.7416 18.3083 12.5499 18.875 12.5499C19.4417 12.5499 19.9167 12.7416 20.3 13.1249L21 13.8249L18.8 16.0249L21.7 18.9499C21.9 19.1499 22 19.3832 22 19.6499C22 19.9166 21.9 20.1499 21.7 20.3499L20.45 21.5999C20.25 21.7999 20.0167 21.8999 19.75 21.8999C19.4833 21.8999 19.25 21.7999 19.05 21.5999ZM22 5.8999L10.65 17.2499L10.775 17.3499C11.1583 17.7332 11.35 18.2082 11.35 18.7749C11.35 19.3416 11.1583 19.8166 10.775 20.1999L10.075 20.8999L7.875 18.6999L4.95 21.5999C4.75 21.7999 4.51667 21.8999 4.25 21.8999C3.98333 21.8999 3.75 21.7999 3.55 21.5999L2.3 20.3499C2.1 20.1499 2 19.9166 2 19.6499C2 19.3832 2.1 19.1499 2.3 18.9499L5.2 16.0249L3 13.8249L3.7 13.1249C4.08333 12.7416 4.55833 12.5499 5.125 12.5499C5.69167 12.5499 6.16667 12.7416 6.55 13.1249L6.65 13.2499L18 1.8999H22V5.8999ZM6.95 10.8499L2 5.8999V1.8999H6L10.95 6.8499L9.525 8.2499L5.175 3.8999H4V5.0749L8.35 9.4249L6.95 10.8499ZM9.25 15.8249L20 5.0749V3.8999H18.825L8.075 14.6499L9.25 15.8249Z"
+  }));
 });
-InsertPageBreakOutlined.displayName = 'InsertPageBreakOutlined';
+Swords.displayName = 'Swords';
 
-var TypeChoiceMulti =
+var Synchronize =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M35 5H5V35H35V5ZM7.14286 32.8571V7.14286H32.8571V32.8571H7.14286ZM17.5115 28.21L27.6776 15.6519L25.1793 13.6294L17.1312 23.5713L13.5676 20.4037L11.4322 22.8061L17.5115 28.21Z"
+    d: "M11 0C10.7396 0 10.4844 0.104167 10.2917 0.291667L7.29167 3.29167C6.90104 3.68229 6.90104 4.31771 7.29167 4.70833L10.2917 7.70833C10.5781 7.99479 11.0052 8.07812 11.3802 7.92187C11.7552 7.77083 12 7.40625 12 7V5C15.875 5 19 8.125 19 12C19 13.026 18.776 13.9948 18.375 14.875C18.2188 15.2031 18.2448 15.5937 18.4583 15.8906C18.6667 16.1927 19.0208 16.349 19.3854 16.3125C19.75 16.2708 20.0573 16.0365 20.1979 15.6979C20.7083 14.5729 21 13.3177 21 12C21 7.04167 16.9583 3 12 3V1C12 0.593749 11.7552 0.229167 11.3802 0.0781251C11.2604 0.0260416 11.1302 0 11 0ZM4.72917 7.69792C4.32292 7.69792 3.95833 7.93229 3.80208 8.30208C3.29167 9.42708 3 10.6823 3 12C3 16.9583 7.04167 21 12 21V23C12 23.4063 12.2448 23.7708 12.6198 23.9219C12.7396 23.974 12.8698 24 13 24C13.2604 24 13.5156 23.8958 13.7083 23.7083L16.7083 20.7083C17.099 20.3177 17.099 19.6823 16.7083 19.2917L13.7083 16.2917C13.4219 16.0052 12.9948 15.9219 12.6198 16.0781C12.2448 16.2292 12 16.5938 12 17V19C8.125 19 5 15.875 5 12C5 10.974 5.22396 10.0052 5.625 9.125C5.76563 8.8125 5.74479 8.45313 5.5625 8.16667C5.38021 7.88021 5.06771 7.70313 4.72396 7.69792H4.72917Z"
   }));
 });
-TypeChoiceMulti.displayName = 'TypeChoiceMulti';
+Synchronize.displayName = 'Synchronize';
 
-var TypeChoiceOne =
+var TableList =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 16 16"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20 6C12.268 6 6 12.268 6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6ZM4 20C4 11.1634 11.1634 4 20 4C28.8366 4 36 11.1634 36 20C36 28.8366 28.8366 36 20 36C11.1634 36 4 28.8366 4 20ZM20 12C15.5817 12 12 15.5817 12 20C12 24.4183 15.5817 28 20 28C24.4183 28 28 24.4183 28 20C28 15.5817 24.4183 12 20 12Z"
+    d: "M12.6667 12.6667V10.6667H3.33333V12.6667H12.6667ZM12.6667 9.33333V6.66667H3.33333V9.33333H12.6667ZM12.6667 5.33333V3.33333H3.33333V5.33333H12.6667ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333Z"
   }));
 });
-TypeChoiceOne.displayName = 'TypeChoiceOne';
+TableList.displayName = 'TableList';
 
-var TypeDatePicker =
+var UploadFile =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.5 10V12H14.5V10H25.5V12H28.5V10H33V16H7V10H11.5ZM11.5 8H5V34H35V8H28.5V6H25.5V8H14.5V6H11.5V8ZM7 18V21.5H12V18H7ZM7 23.5V27H12V23.5H7ZM7 29V32H12V29H7ZM14 32H19V29H14V32ZM21 32H26V29H21V32ZM28 32H33V29H28V32ZM33 27V23.5H28V27H33ZM33 21.5V18H28V21.5H33ZM26 23.5V27H21V23.5H26ZM19 23.5V27H14V23.5H19ZM14 21.5H19V18H14V21.5ZM21 21.5H26V18H21V21.5Z"
+    d: "M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM8 15.01L9.41 16.42L11 14.84V19H13V14.84L14.59 16.43L16 15.01L12.01 11L8 15.01Z"
   }));
 });
-TypeDatePicker.displayName = 'TypeDatePicker';
+UploadFile.displayName = 'UploadFile';
 
-var TypeDigitInput =
+var UserReply =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.625 23.2285C6.65104 22.2129 6.86914 21.2852 7.2793 20.4453C7.67643 19.5013 8.61393 18.502 10.0918 17.4473C11.3743 16.5293 12.2044 15.8717 12.582 15.4746C13.1615 14.8561 13.4512 14.179 13.4512 13.4434C13.4512 12.8444 13.2852 12.3464 12.9531 11.9492C12.6211 11.5521 12.1458 11.3535 11.5273 11.3535C10.681 11.3535 10.1048 11.6693 9.79883 12.3008C9.62305 12.6654 9.51888 13.2448 9.48633 14.0391H6.78125C6.82682 12.8346 7.04492 11.8613 7.43555 11.1191C8.17773 9.70638 9.49609 9 11.3906 9C12.888 9 14.0794 9.41667 14.9648 10.25C15.8503 11.0768 16.293 12.1738 16.293 13.541C16.293 14.5892 15.9805 15.5202 15.3555 16.334C14.9453 16.8743 14.2715 17.4766 13.334 18.1406L12.2207 18.9316C11.5241 19.4264 11.0456 19.7845 10.7852 20.0059C10.5312 20.2272 10.3164 20.4844 10.1406 20.7773H16.3223V23.2285H6.625ZM18.3828 20.3184H21.3418V23.2285H18.3828V20.3184ZM26.2344 20.2891C26.0521 19.918 25.9609 19.4492 25.9609 18.8828H23.2266C23.2721 20.0091 23.5 20.9206 23.9102 21.6172C24.6914 22.9258 26.0846 23.5801 28.0898 23.5801C29.7174 23.5801 30.9447 23.1276 31.7715 22.2227C32.6048 21.3112 33.0215 20.2565 33.0215 19.0586C33.0215 17.9193 32.6667 17.0208 31.957 16.3633C31.4818 15.9271 31.1172 15.709 30.8633 15.709C31.2018 15.5788 31.5273 15.3346 31.8398 14.9766C32.3346 14.4036 32.582 13.7005 32.582 12.8672C32.582 11.6888 32.1654 10.7513 31.332 10.0547C30.5052 9.35156 29.4147 9 28.0605 9C27.3314 9 26.7161 9.08789 26.2148 9.26367C25.7135 9.43945 25.2806 9.69336 24.916 10.0254C24.4277 10.4941 24.0697 11.0052 23.8418 11.5586C23.627 12.1901 23.5065 12.8574 23.4805 13.5605H26.0781C26.0651 12.8639 26.2116 12.3073 26.5176 11.8906C26.8301 11.474 27.3151 11.2656 27.9727 11.2656C28.5456 11.2656 28.9883 11.4349 29.3008 11.7734C29.6198 12.112 29.7793 12.5514 29.7793 13.0918C29.7793 13.9251 29.4701 14.4785 28.8516 14.752C28.4935 14.9147 27.862 15.0026 26.957 15.0156V17.0078C27.8815 17.0078 28.5586 17.0957 28.9883 17.2715C29.7435 17.584 30.1211 18.2057 30.1211 19.1367C30.1211 19.8398 29.916 20.3802 29.5059 20.7578C29.1022 21.1289 28.627 21.3145 28.0801 21.3145C27.1882 21.3145 26.5729 20.9727 26.2344 20.2891ZM6 31.2285H34V28.2285H6V31.2285Z"
+    d: "M8.8 13.6H15.2V13.16C15.2 12.5733 14.9067 12.1 14.32 11.74C13.7333 11.38 12.96 11.2 12 11.2C11.04 11.2 10.2667 11.38 9.68 11.74C9.09333 12.1 8.8 12.5733 8.8 13.16V13.6ZM12 10.4C12.44 10.4 12.8168 10.2432 13.1304 9.9296C13.4435 9.61653 13.6 9.24 13.6 8.8C13.6 8.36 13.4435 7.98347 13.1304 7.6704C12.8168 7.3568 12.44 7.2 12 7.2C11.56 7.2 11.1835 7.3568 10.8704 7.6704C10.5568 7.98347 10.4 8.36 10.4 8.8C10.4 9.24 10.5568 9.61653 10.8704 9.9296C11.1835 10.2432 11.56 10.4 12 10.4ZM4 20V5.6C4 5.16 4.1568 4.7832 4.4704 4.4696C4.78347 4.15653 5.16 4 5.6 4H18.4C18.84 4 19.2168 4.15653 19.5304 4.4696C19.8435 4.7832 20 5.16 20 5.6V15.2C20 15.64 19.8435 16.0168 19.5304 16.3304C19.2168 16.6435 18.84 16.8 18.4 16.8H7.2L4 20Z"
   }));
 });
-TypeDigitInput.displayName = 'TypeDigitInput';
+UserReply.displayName = 'UserReply';
 
-var TypeDigitSlide =
+var Video =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20.1429 13.5714C16.5925 13.5714 13.7143 16.4496 13.7143 20C13.7143 23.5504 16.5925 26.4286 20.1429 26.4286C23.6933 26.4286 26.5714 23.5504 26.5714 20C26.5714 16.4496 23.6933 13.5714 20.1429 13.5714ZM11.3059 18.2857C12.1064 14.1351 15.7585 11 20.1429 11C24.5272 11 28.1793 14.1351 28.9798 18.2857H37.2857V21.7143H28.9798C28.1793 25.8649 24.5272 29 20.1429 29C15.7585 29 12.1064 25.8649 11.3059 21.7143H3V18.2857H11.3059Z"
+    d: "M9.5 7.5V16.5L16.5 12L9.5 7.5Z"
+  }), React.createElement("path", {
+    d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18.01H4V5.99H20V18.01Z"
   }));
 });
-TypeDigitSlide.displayName = 'TypeDigitSlide';
+Video.displayName = 'Video';
 
-var TypeDivider =
+var X =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
-  }), React.createElement("rect", {
-    x: "6",
-    y: "18",
-    width: "28",
-    height: "5"
+    viewBox: "0 0 18 18"
+  }), React.createElement("path", {
+    d: "M16.5312 16.1639L10.6372 7.6012L9.97084 6.63278L5.75466 0.507605L5.40535 0H0.224609L1.488 1.83615L7.09387 9.98108L7.76021 10.9485L12.2644 17.4928L12.6139 18H17.7946L16.5311 16.1639H16.5312ZM13.2297 16.8281L8.5502 10.0292L7.88385 9.06138L2.45375 1.17188H4.7895L9.18085 7.55218L9.8472 8.52001L15.5655 16.828H13.2297V16.8281Z",
+    fill: "white"
+  }), React.createElement("path", {
+    d: "M7.88461 9.06152L8.55095 10.0293L7.76096 10.9488L1.69976 18.0003H0.205078L7.09462 9.98137L7.88461 9.06152Z",
+    fill: "white"
+  }), React.createElement("path", {
+    d: "M17.1717 0L10.638 7.6012L9.84798 8.52001L9.18164 7.55218L9.97163 6.63278L14.3975 1.48135L15.677 0H17.1717Z",
+    fill: "white"
   }));
 });
-TypeDivider.displayName = 'TypeDivider';
+X.displayName = 'X';
 
-var TypeFileUpload =
+var ArrowCircleDown =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M24.9911 10.2125C23.1604 8.22006 18.8751 5.84283 13.5078 7.63156C8.51681 9.29489 7.26775 13.3414 7.50715 15.9229C5.35682 16.9704 2 19.6308 2 24.5254C2 27.3671 3.19935 29.4035 4.7039 30.7603C6.17658 32.0882 7.93159 32.7617 9.14298 32.9818L9.24319 33H32.6344L32.7555 32.9731C33.7747 32.7466 35.2371 32.1248 36.4635 30.9692C37.7177 29.7875 38.7255 28.0415 38.7255 25.6549C38.7255 23.2771 37.7261 21.4562 36.5081 20.1732C35.6028 19.2196 34.5633 18.5462 33.6758 18.1292C33.6815 18.0316 33.6872 17.9238 33.6924 17.8017C33.7115 17.3532 33.7137 16.8211 33.6286 16.2393C33.453 15.0397 32.9208 13.7321 31.6145 12.4257C30.3123 11.1236 28.8302 10.4583 27.4922 10.2078C26.5965 10.04 25.7232 10.0516 24.9911 10.2125ZM23.6601 12.1572C22.77 10.822 19.1263 8.14137 14.2224 9.77566C9.84084 11.2359 9.44556 14.9004 9.86249 16.2906L10.1774 17.3406L9.13746 17.6872C7.66146 18.1792 4.26004 20.2539 4.26004 24.5254C4.26004 26.6558 5.13236 28.1034 6.2174 29.0818C7.29424 30.0529 8.59007 30.5644 9.45263 30.74H18.3856V25.0908H21.7756V30.74H32.3779C33.057 30.5669 34.0694 30.1198 34.9137 29.3243C35.7783 28.5096 36.4655 27.3364 36.4655 25.6549C36.4655 23.9646 35.7698 22.678 34.8691 21.7292C33.9501 20.7612 32.8432 20.1769 32.1531 19.9468L31.3804 19.6893V18.8748C31.3804 18.6422 31.3979 18.3484 31.4138 18.0822L31.4138 18.0821L31.4138 18.0818L31.4138 18.0817L31.4138 18.0817C31.422 17.945 31.4297 17.8156 31.4344 17.7056C31.4506 17.3242 31.4484 16.9499 31.3923 16.5665C31.2854 15.8358 30.9701 14.9775 30.0164 14.0238C29.0585 13.0659 27.9981 12.6018 27.0762 12.4292C26.1167 12.2495 25.3925 12.3979 25.1052 12.5414L24.2132 12.9868L23.6601 12.1572ZM24.6823 25.0905H15.4779C15.2997 25.0905 15.2104 24.8751 15.3364 24.7491L19.9387 20.1469C20.0168 20.0688 20.1434 20.0688 20.2215 20.1469L24.8238 24.7491C24.9497 24.8751 24.8605 25.0905 24.6823 25.0905Z"
+    d: "M12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 12V8H11V12H8L12 16L16 12H13Z"
   }));
 });
-TypeFileUpload.displayName = 'TypeFileUpload';
+ArrowCircleDown.displayName = 'ArrowCircleDown';
 
-var TypeItemSort =
+var AutoAwesome =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.953 9.97649L8.97649 5L4 9.97649L5.49515 11.4716L7.91956 9.04723V30.3735L5.49515 27.9491L4 29.4442L8.97649 34.4207L13.953 29.4442L12.4578 27.9491L10.034 30.3729V9.04782L12.4578 11.4716L13.953 9.97649ZM8.97649 7.99029L9.06761 8.08142H8.88537L8.97649 7.99029ZM15.9127 12.309H36V9.13729H15.9127V12.309ZM15.9127 21.8244H36V18.6527H15.9127V21.8244ZM36 31.3416H15.9127V28.1699H36V31.3416Z"
+    d: "M19 1L17.74 3.75L15 5L17.74 6.26L19 9L20.25 6.26L23 5L20.25 3.75M9 4L6.5 9.5L1 12L6.5 14.5L9 20L11.5 14.5L17 12L11.5 9.5M19 15L17.74 17.74L15 19L17.74 20.25L19 23L20.25 20.25L23 19L20.25 17.74"
   }));
 });
-TypeItemSort.displayName = 'TypeItemSort';
+AutoAwesome.displayName = 'AutoAwesome';
 
-var TypeNest =
+var AutoAwesomeOutlined =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 16 16"
   }), React.createElement("path", {
-    d: "M5 7H34V14H5V7Z"
+    d: "M12.6667 5.99984L13.5 4.1665L15.3333 3.33317L13.5 2.49984L12.6667 0.666504L11.8333 2.49984L10 3.33317L11.8333 4.1665L12.6667 5.99984Z"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M35 34V15V6H4V15V34H35ZM6 15V32H12V15H6ZM14 15H33V32H14V15ZM14 13V8H33V13H14ZM12 8V13H6V8H12Z"
+    d: "M12.6667 10L11.8333 11.8333L10 12.6667L11.8333 13.5L12.6667 15.3333L13.5 13.5L15.3333 12.6667L13.5 11.8333L12.6667 10Z"
+  }), React.createElement("path", {
+    d: "M7.66669 6.33317L6.00002 2.6665L4.33335 6.33317L0.666687 7.99984L4.33335 9.6665L6.00002 13.3332L7.66669 9.6665L11.3334 7.99984L7.66669 6.33317ZM6.66002 8.65984L6.00002 10.1132L5.34002 8.65984L3.88669 7.99984L5.34002 7.33984L6.00002 5.8865L6.66002 7.33984L8.11335 7.99984L6.66002 8.65984Z"
   }));
 });
-TypeNest.displayName = 'TypeNest';
+AutoAwesomeOutlined.displayName = 'AutoAwesomeOutlined';
 
-var TypePickFrom =
+var CalendarMonth =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 20 20"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5 5H13V13H10V15.5H19V13H16V5H24V13H21V15.5H30V13H27V5H35V13H32V17.5H10V21H19V35H5V21H8V13H5V5ZM7 7V11H11V7H7ZM7 23V33H17V23H7ZM18 11V7H22V11H18ZM29 7V11H33V7H29Z"
+    d: "M15.8333 3.33268H15V1.66602H13.3333V3.33268H6.66667V1.66602H5V3.33268H4.16667C3.24167 3.33268 2.50833 4.08268 2.50833 4.99935L2.5 16.666C2.5 17.5827 3.24167 18.3327 4.16667 18.3327H15.8333C16.75 18.3327 17.5 17.5827 17.5 16.666V4.99935C17.5 4.08268 16.75 3.33268 15.8333 3.33268ZM15.8333 16.666H4.16667V8.33268H15.8333V16.666ZM7.5 11.666H5.83333V9.99935H7.5V11.666ZM10.8333 11.666H9.16667V9.99935H10.8333V11.666ZM14.1667 11.666H12.5V9.99935H14.1667V11.666ZM7.5 14.9993H5.83333V13.3327H7.5V14.9993ZM10.8333 14.9993H9.16667V13.3327H10.8333V14.9993ZM14.1667 14.9993H12.5V13.3327H14.1667V14.9993Z"
   }));
 });
-TypePickFrom.displayName = 'TypePickFrom';
+CalendarMonth.displayName = 'CalendarMonth';
 
-var TypeQuote =
+var InsertPageBreakOutlined =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
-  }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.1252 11H16.5006C17.6727 11 18.6258 11.9531 18.6258 13.1252L18.6258 18.255V19.3176V20.3802C18.6258 25.0674 14.8123 28.8809 10.125 28.8809H9.59375C9.30008 28.8809 9.06245 28.6433 9.06245 28.3496V27.287C9.06245 26.9934 9.30008 26.7557 9.59375 26.7557H10.125C13.278 26.7557 15.8964 24.4532 16.4046 21.4428H10.1252C8.95312 21.4428 8 20.4896 8 19.3176L8 13.1252C8 11.9531 8.95312 11 10.1252 11ZM23.4996 11H29.875C31.0471 11 32.0002 11.9531 32.0002 13.1252V18.255V19.3176V20.3802C32.0002 25.0674 28.1867 28.8809 23.4994 28.8809H22.9681C22.6745 28.8809 22.4368 28.6433 22.4368 28.3496V27.287C22.4368 26.9934 22.6745 26.7557 22.9681 26.7557H23.4994C26.6524 26.7557 29.2708 24.4532 29.779 21.4428H23.4996C22.3275 21.4428 21.3744 20.4896 21.3744 19.3176L21.3744 13.1252C21.3744 11.9531 22.3275 11 23.4996 11Z"
-  }));
+    viewBox: "0 0 24 24"
+  }), React.createElement("mask", {
+    id: "mask0_2217_25336",
+    style: {
+      maskType: "alpha"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "24",
+    height: "24"
+  }, React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "#D9D9D9"
+  })), React.createElement("g", {
+    mask: "url(#mask0_2217_25336)"
+  }, React.createElement("path", {
+    d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V17H6V20H18V17H20V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM4 11V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H14L20 8V11H18V9H13V4H6V11H4ZM9 15V13H15V15H9ZM17 15V13H23V15H17ZM1 15V13H7V15H1Z",
+    fill: "#6B6B6B"
+  })));
 });
-TypeQuote.displayName = 'TypeQuote';
+InsertPageBreakOutlined.displayName = 'InsertPageBreakOutlined';
 
-var TypeRatingBar =
+var IntegrationInstructionsOutlined =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M32.7499 15.0667L24.6832 14.3667L21.5332 6.95C20.9665 5.6 19.0332 5.6 18.4665 6.95L15.3165 14.3833L7.26654 15.0667C5.79988 15.1833 5.19988 17.0167 6.31654 17.9833L12.4332 23.2833L10.5999 31.15C10.2665 32.5833 11.8165 33.7167 13.0832 32.95L19.9999 28.7833L26.9165 32.9667C28.1832 33.7333 29.7332 32.6 29.3999 31.1667L27.5665 23.2833L33.6832 17.9833C34.7999 17.0167 34.2165 15.1833 32.7499 15.0667ZM19.9999 25.6667L13.7332 29.45L15.3999 22.3167L9.86654 17.5167L17.1665 16.8833L19.9999 10.1667L22.8499 16.9L30.1499 17.5333L24.6165 22.3333L26.2832 29.4667L19.9999 25.6667Z"
+    d: "M11 14.17L8.83 12L11 9.83L9.59 8.41L6 12L9.59 15.59L11 14.17ZM14.41 15.59L18 12L14.41 8.41L13 9.83L15.17 12L13 14.17L14.41 15.59Z"
+  }), React.createElement("path", {
+    d: "M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C4.86 3 4.73 3.01 4.6 3.04C4.21 3.12 3.86 3.32 3.59 3.59C3.41 3.77 3.26 3.99 3.16 4.23C3.06 4.46 3 4.72 3 5V19C3 19.27 3.06 19.54 3.16 19.78C3.26 20.02 3.41 20.23 3.59 20.42C3.86 20.69 4.21 20.89 4.6 20.97C4.73 20.99 4.86 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM12 2.75C12.41 2.75 12.75 3.09 12.75 3.5C12.75 3.91 12.41 4.25 12 4.25C11.59 4.25 11.25 3.91 11.25 3.5C11.25 3.09 11.59 2.75 12 2.75ZM19 19H5V5H19V19Z"
   }));
 });
-TypeRatingBar.displayName = 'TypeRatingBar';
+IntegrationInstructionsOutlined.displayName = 'IntegrationInstructionsOutlined';
 
-var TypeStatement =
+var LocalFireDepartmentOutlined =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 16 16"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.3843 6.33372C17.3535 5.49435 18.7978 4.89447 20.8351 5.01555C22.8627 5.13605 24.1545 5.85235 24.9295 6.72529C25.6908 7.58274 25.9253 8.56217 25.8891 9.17119L25.8639 9.59511L25.8625 9.59518C25.8621 9.61373 25.8613 9.63232 25.8602 9.65096C25.7972 10.7118 24.6711 11.5079 23.345 11.4291C22.0421 11.3517 21.0309 10.4585 21.0558 9.42105C20.9531 8.9885 20.9434 8.75524 20.9557 8.43623C20.9612 8.29337 20.9692 8.15923 20.977 8.03025C20.9911 7.79499 21.0042 7.57691 20.9989 7.35438C20.9965 7.25067 21.0001 7.13912 21.0036 7.03051V7.0305L21.0036 7.03048C21.0115 6.78619 21.0189 6.55682 20.9557 6.46522C20.886 6.36427 20.749 6.24661 20.3784 6.22458C19.6714 6.18256 18.8589 6.6541 18.4038 7.26374C17.9484 7.87387 17.3808 8.71153 17.7312 10.3071C17.9165 11.1506 18.7711 12.0854 19.4948 12.6853L25.1938 17.4091C25.3759 17.54 25.5408 17.677 25.6891 17.8197L25.7016 17.8301L25.7005 17.8308C26.2058 18.3207 26.5156 18.8759 26.6557 19.4702C26.8367 20.2387 26.7226 21.0243 26.4586 21.7518C25.9349 23.1949 24.7816 24.523 23.8084 25.3075L23.731 25.3699C26.0304 27.7435 25.9487 29.7505 25.6043 31.2561C25.4376 31.9835 24.9419 32.984 23.9839 33.7696C22.9924 34.5827 21.5326 35.1436 19.4992 34.9679C17.4756 34.7931 16.2035 34.0424 15.4522 33.149C14.7142 32.2714 14.506 31.286 14.5586 30.6782L14.5951 30.2551L14.5963 30.2551C14.5973 30.2362 14.5986 30.2173 14.6002 30.1984C14.6917 29.1396 15.8387 28.374 17.1622 28.4883C18.4627 28.6007 19.4497 29.521 19.3967 30.5575C19.4879 30.993 19.4913 31.2265 19.4705 31.5452C19.4611 31.6879 19.4495 31.8218 19.4383 31.9505C19.4178 32.1853 19.3989 32.4029 19.3982 32.6255C19.3979 32.7293 19.3913 32.8407 19.3849 32.9492L19.3849 32.9492C19.3705 33.1932 19.3569 33.4223 19.4176 33.5155C19.4845 33.6183 19.6183 33.7396 19.9882 33.7716C20.6938 33.8325 21.5187 33.383 21.9899 32.7858C22.4616 32.1881 23.0515 31.3659 22.744 29.7615C22.5814 28.9133 21.7522 27.9559 21.0448 27.3369L15.4717 22.4593C15.2953 22.3251 15.1359 22.1852 14.9929 22.0403L14.9783 22.0275L14.9795 22.0267C14.4875 21.5233 14.1926 20.9599 14.0686 20.362C13.9082 19.5889 14.0433 18.8067 14.3268 18.0865C14.8547 16.7452 15.9347 15.5202 16.8874 14.748C14.4999 12.4267 14.5269 10.4094 14.8318 8.88981C14.979 8.15818 15.4477 7.14476 16.3843 6.33372ZM19.1433 16.6873C18.8386 16.8945 18.3628 17.3364 18.0356 18.0936C17.8416 18.5423 17.8249 19.0457 17.8992 19.5149C17.965 19.9308 18.0978 20.2899 18.206 20.51C18.6443 20.8659 19.7436 21.793 21.5358 23.3742C21.8056 23.2202 22.3881 22.7498 22.7509 21.8442C22.9328 21.3904 22.9359 20.8867 22.8491 20.4198C22.7722 20.0061 22.63 19.6509 22.5161 19.4338C22.0712 19.0919 20.9582 18.2033 19.1433 16.6873Z"
+    d: "M7.71329 8.77344C6.80663 8.96011 6.26663 9.54678 6.26663 10.3801C6.26663 11.2734 7.00663 11.9934 7.92663 11.9934C9.29329 11.9934 10.4 10.8868 10.4 9.52011C10.4 8.80678 10.3 8.10678 10.0933 7.44011C9.56663 8.15344 8.62663 8.58678 7.71329 8.77344ZM8.99996 0.446777C8.99996 0.446777 9.49329 2.21344 9.49329 3.64678C9.49329 5.02011 8.59329 6.13344 7.21996 6.13344C5.83996 6.13344 4.79996 5.02011 4.79996 3.64678L4.81996 3.40678C3.47329 5.00678 2.66663 7.08011 2.66663 9.33344C2.66663 12.2801 5.05329 14.6668 7.99996 14.6668C10.9466 14.6668 13.3333 12.2801 13.3333 9.33344C13.3333 5.74011 11.6066 2.53344 8.99996 0.446777ZM7.99996 13.3334C5.79329 13.3334 3.99996 11.5401 3.99996 9.33344C3.99996 8.31344 4.19996 7.30678 4.57329 6.38011C5.24663 7.05344 6.17996 7.46678 7.21996 7.46678C8.99329 7.46678 10.3866 6.24678 10.74 4.51344C11.56 5.98011 12 7.62678 12 9.33344C12 11.5401 10.2066 13.3334 7.99996 13.3334Z"
   }));
 });
-TypeStatement.displayName = 'TypeStatement';
+LocalFireDepartmentOutlined.displayName = 'LocalFireDepartmentOutlined';
 
-var TypeTxtLong =
+var PinOutlined =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 20 20"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M35 7H5V34H35V7ZM7 32V9H33V17.5859L18.5859 32H7ZM21.4144 32H25.5859L33 24.5859V20.4144L21.4144 32ZM28.4144 32L33 27.4144V32H28.4144ZM15 16.5H16V14.5H12V16.5H13V25H12V27H16V25H15V16.5Z"
+    d: "M16.6665 3.33398H3.33317C2.4165 3.33398 1.6665 4.08398 1.6665 5.00065V15.0007C1.6665 15.9173 2.4165 16.6673 3.33317 16.6673H16.6665C17.5832 16.6673 18.3332 15.9173 18.3332 15.0007V5.00065C18.3332 4.08398 17.5832 3.33398 16.6665 3.33398ZM16.6665 15.0007H3.33317V5.00065H16.6665V15.0007Z"
+  }), React.createElement("path", {
+    d: "M5.40814 8.75V12.5H6.36647V7.5H5.64147L4.1748 8.55833L4.65814 9.3L5.40814 8.75Z"
+  }), React.createElement("path", {
+    d: "M9.55798 8.37626C9.97464 8.37626 10.233 8.64292 10.233 8.97626C10.233 9.28459 10.1163 9.50959 9.78297 9.85959C9.48297 10.1763 8.89964 10.7596 8.00797 11.6513V12.5013H11.2496V11.6763H9.27464L9.24964 11.6346C9.81631 11.0679 10.208 10.6846 10.4163 10.4763C10.9246 9.97626 11.183 9.45959 11.183 8.92626C11.183 8.72626 11.1413 8.05959 10.4246 7.69292C10.033 7.50126 9.37464 7.39292 8.79964 7.66792C8.11631 7.99292 7.97464 8.60959 7.96631 8.62626L8.80797 8.97626C8.89131 8.70126 9.12464 8.37626 9.55798 8.37626Z"
+  }), React.createElement("path", {
+    d: "M14.158 11.6167C13.4664 11.6167 13.333 10.9833 13.308 10.9L12.4497 11.2417C12.8247 12.5667 14.1247 12.5 14.158 12.5C15.158 12.5 15.558 11.9 15.6247 11.7917C15.8914 11.3833 15.9247 10.7583 15.6164 10.325C15.4747 10.125 15.283 9.98333 15.0497 9.89167V9.83333C15.2164 9.75 15.358 9.61667 15.483 9.43333C15.6997 9.09167 15.7414 8.54167 15.4664 8.125C15.3997 8.03333 15.0247 7.5 14.1164 7.5C13.0664 7.5 12.6664 8.25 12.5747 8.53333L13.3997 8.875C13.4914 8.60833 13.6914 8.34167 14.108 8.34167C14.4747 8.34167 14.733 8.55833 14.733 8.88333C14.733 9.36667 14.2747 9.48333 13.9997 9.48333H13.6164V10.3167H14.033C14.4997 10.3167 14.8997 10.5167 14.8997 10.975C14.8997 11.3833 14.4997 11.6167 14.158 11.6167Z"
   }));
 });
-TypeTxtLong.displayName = 'TypeTxtLong';
+PinOutlined.displayName = 'PinOutlined';
 
-var TypeTxtShort =
+var TableList$1 =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M35 6H5V33H35V6ZM7 31V8H33V31H7ZM15 15.5H16V13.5H12V15.5H13V24H12V26H16V24H15V15.5Z"
+    d: "M20 10V8H16V4H14V8H10V4H8V8H4V10H8V14H4V16H8V20H10V16H14V20H16V16H20V14H16V10H20ZM14 14H10V10H14V14Z"
   }));
 });
-TypeTxtShort.displayName = 'TypeTxtShort';
+TableList$1.displayName = 'TableList';
 
-var TypeVariableNumber =
+var TypeChoiceMulti =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(CheckBoxOutlined, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeChoiceMulti.displayName = 'TypeChoiceMulti';
+
+var TypeChoiceOne =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(RadioButtonChecked, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeChoiceOne.displayName = 'TypeChoiceOne';
+
+var TypeConstantSum =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M31.9898 13.8987L31.6072 16.0416C31.5524 16.3482 31.2858 16.5714 30.9743 16.5714H26.737L25.5126 23.4286H29.5202C29.9205 23.4286 30.2234 23.7904 30.1531 24.1844L29.7704 26.3273C29.7157 26.6339 29.449 26.8571 29.1376 26.8571H24.9003L24.0765 31.4701C24.0218 31.7767 23.7551 32 23.4437 32H21.267C20.8667 32 20.5637 31.6382 20.6341 31.2442L21.4175 26.8571H16.1335L15.3097 31.4701C15.255 31.7767 14.9883 32 14.6769 32H12.5002C12.0999 32 11.797 31.6382 11.8673 31.2442L12.6507 26.8571H8.64302C8.24279 26.8571 7.93985 26.4953 8.01018 26.1013L8.39285 23.9584C8.44758 23.6518 8.71423 23.4286 9.02568 23.4286H13.263L14.4874 16.5714H10.4798C10.0795 16.5714 9.77659 16.2096 9.84693 15.8156L10.2296 13.6727C10.2843 13.3661 10.551 13.1429 10.8624 13.1429H15.0997L15.9235 8.52988C15.9782 8.22327 16.2449 8.00001 16.5563 8H18.733C19.1333 8 19.4363 8.36182 19.3659 8.75584L18.5825 13.1429H23.8665L24.6903 8.52988C24.745 8.22327 25.0117 8.00001 25.3231 8H27.4998C27.9001 8 28.203 8.36182 28.1327 8.75584L27.3493 13.1429H31.357C31.7572 13.1429 32.0602 13.5047 31.9898 13.8987ZM16.7457 23.4286H22.0297L23.2541 16.5714H17.9702L16.7457 23.4286Z"
+    d: "M18 6H8.83L14.83 12L8.83 18H18V20H6V18L12 12L6 6V4H18V6Z"
   }));
 });
-TypeVariableNumber.displayName = 'TypeVariableNumber';
+TypeConstantSum.displayName = 'TypeConstantSum';
 
-var JCB =
+var TypeDatePicker = CalendarMonth;
+TypeDatePicker.displayName = 'TypeDatePicker';
+
+var TypeDigitInput =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 16 16"
-  }), React.createElement("path", {
-    d: "M15 11.6667C15 12.403 14.403 13 13.6667 13H2.33333C1.597 13 1 12.403 1 11.6667V4.33333C1 3.597 1.597 3 2.33333 3H13.6667C14.403 3 15 3.597 15 4.33333V11.6667Z",
-    fill: "#CFD8DC"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    d: "M3.55637 4.33334C2.86004 4.33334 2.33337 4.77468 2.33337 5.53901V11.6667H4.49437C5.03804 11.6667 5.66671 11.1563 5.66671 10.4943V4.33334H3.55637Z",
-    fill: "#3F51B5"
+    d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18H4V6H20V18Z"
   }), React.createElement("path", {
-    d: "M7.55637 4.33334C6.86004 4.33334 6.33337 4.77468 6.33337 5.53901V11.6667H8.49437C9.03804 11.6667 9.66671 11.1563 9.66671 10.4943V4.33334H7.55637Z",
-    fill: "#E53935"
+    d: "M6.49 10.5V15H7.64V9H6.77L5.01 10.27L5.59 11.16L6.49 10.5Z"
   }), React.createElement("path", {
-    d: "M11.5564 4.33334C10.86 4.33334 10.3334 4.77468 10.3334 5.53901V11.6667H12.4944C13.038 11.6667 13.6667 11.1563 13.6667 10.4943V4.33334H11.5564Z",
-    fill: "#388E3C"
+    d: "M11.47 10.05C11.97 10.05 12.28 10.37 12.28 10.77C12.28 11.14 12.14 11.41 11.74 11.83C11.38 12.21 10.68 12.91 9.61 13.98V15H13.5V14.01H11.13L11.1 13.96C11.78 13.28 12.25 12.82 12.5 12.57C13.11 11.97 13.42 11.35 13.42 10.71C13.42 10.47 13.37 9.67 12.51 9.23C12.04 9 11.25 8.87 10.56 9.2C9.74 9.59 9.57 10.33 9.56 10.35L10.57 10.77C10.67 10.44 10.95 10.05 11.47 10.05Z"
   }), React.createElement("path", {
-    d: "M5.26868 8.15102C5.26868 8.76268 4.47902 9.08535 3.90168 9.08535C3.27368 9.08535 2.71268 8.71202 2.59302 8.23702H3.01768C3.06835 8.52568 3.35802 8.72868 3.68002 8.72868C4.03668 8.72868 4.29135 8.47402 4.29135 8.15135V7.04768H5.26835V8.15102H5.26868ZM12.8687 8.01268C13.1227 8.01268 13.3004 7.75968 13.3004 7.50635C13.3004 7.25235 13.0794 7.03235 12.8254 7.03235H10.738V8.98302H12.8687C13.1564 8.98302 13.376 8.73068 13.3764 8.47668C13.3764 8.22368 13.1567 8.01268 12.8687 8.01268ZM11.5504 7.23568H12.21C12.378 7.23568 12.5304 7.38668 12.5304 7.55535C12.5304 7.72502 12.378 7.87768 12.21 7.87768H11.5504V7.23568ZM12.2264 8.78102H11.5507V8.13835H12.2264C12.3957 8.13835 12.548 8.29035 12.548 8.46002C12.548 8.62835 12.3957 8.78102 12.2264 8.78102ZM9.27035 7.39202C8.88102 7.30202 8.50835 7.24968 8.32202 7.24968C7.91602 7.24968 7.59502 7.58868 7.59502 8.01735C7.59502 8.44802 7.91602 8.78768 8.32202 8.78768C8.50835 8.78768 8.88102 8.75202 9.27035 8.66102V9.00135H7.64535C7.13802 9.00135 6.71535 8.55402 6.71535 8.01735C6.71535 7.48168 7.13802 7.03468 7.64535 7.03468H9.27035V7.39202Z",
-    fill: "#FAFAFA"
+    d: "M16.99 13.94C16.16 13.94 16 13.18 15.97 13.08L14.94 13.49C15.39 15.08 16.95 15 16.99 15C18.19 15 18.67 14.28 18.75 14.15C19.07 13.66 19.11 12.91 18.74 12.39C18.57 12.15 18.34 11.98 18.06 11.87V11.8C18.26 11.7 18.43 11.54 18.58 11.32C18.84 10.91 18.89 10.25 18.56 9.75C18.48 9.64 18.03 9 16.94 9C15.68 9 15.2 9.9 15.09 10.24L16.08 10.65C16.19 10.33 16.43 10.01 16.93 10.01C17.37 10.01 17.68 10.27 17.68 10.66C17.68 11.24 17.13 11.38 16.8 11.38H16.34V12.38H16.84C17.4 12.38 17.88 12.62 17.88 13.17C17.88 13.66 17.4 13.94 16.99 13.94Z"
   }));
 });
-JCB.displayName = 'JCB';
+TypeDigitInput.displayName = 'TypeDigitInput';
 
-var Mastercard =
+var TypeDigitSlide =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 16 16"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M1.80351 3.69103C1.16632 3.69103 0.69103 4.1677 0.69103 4.70631V12.1907C0.69103 12.7293 1.16632 13.206 1.80351 13.206H14.1965C14.8337 13.206 15.309 12.7293 15.309 12.1907V4.70631C15.309 4.1677 14.8337 3.69103 14.1965 3.69103H1.80351ZM0 4.70631C0 3.74192 0.83035 3 1.80351 3H14.1965C15.1697 3 16 3.74192 16 4.70631V12.1907C16 13.1551 15.1697 13.897 14.1965 13.897H1.80351C0.83035 13.897 0 13.1551 0 12.1907V4.70631Z",
-    fill: "#EEEEEE"
-  }), React.createElement("path", {
-    d: "M9.82631 5.47177C9.41795 5.47177 9.01358 5.5522 8.6363 5.70848C8.25903 5.86475 7.91622 6.09381 7.62747 6.38256C7.33871 6.67132 7.10966 7.01412 6.95338 7.3914C6.79711 7.76868 6.71667 8.17304 6.71667 8.58141C6.71667 8.98977 6.79711 9.39413 6.95338 9.77141C7.10966 10.1487 7.33871 10.4915 7.62747 10.7802C7.91622 11.069 8.25903 11.2981 8.6363 11.4543C9.01358 11.6106 9.41795 11.691 9.82631 11.691C10.2347 11.691 10.639 11.6106 11.0163 11.4543C11.3936 11.2981 11.7364 11.069 12.0252 10.7802C12.3139 10.4915 12.543 10.1487 12.6992 9.77141C12.8555 9.39413 12.9359 8.98977 12.9359 8.58141C12.9359 8.17304 12.8555 7.76868 12.6992 7.3914C12.543 7.01412 12.3139 6.67132 12.0252 6.38256C11.7364 6.09381 11.3936 5.86475 11.0163 5.70848C10.639 5.5522 10.2347 5.47177 9.82631 5.47177Z",
-    fill: "#FF9800"
-  }), React.createElement("path", {
-    d: "M6.27235 5.47177C5.86399 5.47177 5.45963 5.5522 5.08235 5.70848C4.70507 5.86475 4.36227 6.09381 4.07351 6.38256C3.78475 6.67132 3.5557 7.01412 3.39943 7.3914C3.24315 7.76868 3.16272 8.17304 3.16272 8.58141C3.16272 8.98977 3.24315 9.39413 3.39943 9.77141C3.5557 10.1487 3.78475 10.4915 4.07351 10.7802C4.36227 11.069 4.70507 11.2981 5.08235 11.4543C5.45963 11.6106 5.86399 11.691 6.27235 11.691C6.68072 11.691 7.08508 11.6106 7.46236 11.4543C7.83964 11.2981 8.18244 11.069 8.4712 10.7802C8.75995 10.4915 8.98901 10.1487 9.14528 9.77141C9.30156 9.39413 9.38199 8.98977 9.38199 8.58141C9.38199 8.17304 9.30156 7.76868 9.14528 7.3914C8.98901 7.01412 8.75995 6.67132 8.4712 6.38256C8.18244 6.09381 7.83964 5.86475 7.46236 5.70848C7.08508 5.5522 6.68072 5.47177 6.27235 5.47177Z",
-    fill: "#D50000"
-  }), React.createElement("path", {
-    d: "M6.71667 8.58139C6.71667 9.63756 7.24442 10.5693 8.04938 11.1313C8.85433 10.5693 9.38208 9.63756 9.38208 8.58139C9.38208 7.52523 8.85433 6.59345 8.04938 6.03149C7.24442 6.59345 6.71667 7.52523 6.71667 8.58139Z",
-    fill: "#FF3D00"
+    d: "M12.0857 8.14283C9.95548 8.14283 8.22857 9.86973 8.22857 12C8.22857 14.1302 9.95548 15.8571 12.0857 15.8571C14.216 15.8571 15.9429 14.1302 15.9429 12C15.9429 9.86973 14.216 8.14283 12.0857 8.14283ZM6.78356 10.9714C7.26383 8.48101 9.4551 6.59998 12.0857 6.59998C14.7163 6.59998 16.9076 8.48101 17.3879 10.9714H22.3714V13.0285H17.3879C16.9076 15.5189 14.7163 17.4 12.0857 17.4C9.4551 17.4 7.26383 15.5189 6.78356 13.0285H1.8V10.9714H6.78356Z"
   }));
 });
-Mastercard.displayName = 'Mastercard';
+TypeDigitSlide.displayName = 'TypeDigitSlide';
 
-var Visa =
+var TypeDivider =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(SvgIcon, Object.assign({}, props, {
     ref: ref,
-    viewBox: "0 0 16 16"
-  }), React.createElement("path", {
-    d: "M15.6544 12.1907C15.6544 12.9422 15.0016 13.5515 14.1964 13.5515H1.80346C0.998277 13.5515 0.345459 12.9422 0.345459 12.1907V4.70632C0.345459 3.95482 0.998277 3.34552 1.80346 3.34552H14.1964C15.0016 3.34552 15.6544 3.95482 15.6544 4.70632V12.1907Z",
-    fill: "white"
+    viewBox: "0 0 24 24"
   }), React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
+    d: "M3.60001 10.8H20.4V13.8H3.60001V10.8Z"
+  }));
+});
+TypeDivider.displayName = 'TypeDivider';
+
+var TypeFileUpload =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(CloudUploadOutlined, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeFileUpload.displayName = 'TypeFileUpload';
+
+var TypeItemSort =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(FormatListNumberedRtl, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeItemSort.displayName = 'TypeItemSort';
+
+var TypeNest =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M7 11C9.20914 11 11 9.20914 11 7C11 4.79086 9.20914 3 7 3C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11Z"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M21 7C21 9.20914 19.2091 11 17 11C14.7909 11 13 9.20914 13 7C13 4.79086 14.7909 3 17 3C19.2091 3 21 4.79086 21 7ZM19 7C19 8.10457 18.1046 9 17 9C15.8954 9 15 8.10457 15 7C15 5.89543 15.8954 5 17 5C18.1046 5 19 5.89543 19 7Z"
+  }), React.createElement("path", {
+    d: "M21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17C13 14.7909 14.7909 13 17 13C19.2091 13 21 14.7909 21 17Z"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 17C11 19.2091 9.20914 21 7 21C4.79086 21 3 19.2091 3 17C3 14.7909 4.79086 13 7 13C9.20914 13 11 14.7909 11 17ZM9 17C9 18.1046 8.10457 19 7 19C5.89543 19 5 18.1046 5 17C5 15.8954 5.89543 15 7 15C8.10457 15 9 15.8954 9 17Z"
+  }));
+});
+TypeNest.displayName = 'TypeNest';
+
+var TypeNestMulti =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M15.4893 3C14.6608 3 13.9893 3.67157 13.9893 4.5V9.5C13.9893 10.3284 14.6608 11 15.4893 11H20.4893C21.3177 11 21.9893 10.3284 21.9893 9.5V4.5C21.9893 3.67157 21.3177 3 20.4893 3H15.4893Z"
+  }), React.createElement("path", {
+    d: "M15.4893 13C14.6608 13 13.9893 13.6716 13.9893 14.5V19.5C13.9893 20.3284 14.6608 21 15.4893 21H20.4893C21.3177 21 21.9893 20.3284 21.9893 19.5V14.5C21.9893 13.6716 21.3177 13 20.4893 13H15.4893Z"
+  }), React.createElement("path", {
+    d: "M3.98926 14.5C3.98926 13.6716 4.66083 13 5.48926 13H10.4893C11.3177 13 11.9893 13.6716 11.9893 14.5V19.5C11.9893 20.3284 11.3177 21 10.4893 21H5.48926C4.66083 21 3.98926 20.3284 3.98926 19.5V14.5Z"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.98926 4.5C3.98926 3.67157 4.66083 3 5.48926 3H10.4893C11.3177 3 11.9893 3.67157 11.9893 4.5V9.5C11.9893 10.3284 11.3177 11 10.4893 11H5.48926C4.66083 11 3.98926 10.3284 3.98926 9.5V4.5ZM5.98926 9V5H9.98926V9H5.98926Z"
+  }));
+});
+TypeNestMulti.displayName = 'TypeNestMulti';
+
+var TypeNestedDropdown =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M3 18H8V16H3V18ZM9.5 18H14.5V16H9.5V18ZM16 18H21V16H16V18ZM3 14H11V12H3V14ZM13 14H21V12H13V14ZM3 6V10H21V6H3Z"
+  }));
+});
+TypeNestedDropdown.displayName = 'TypeNestedDropdown';
+
+var TypeNPS =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M12.9999 2.05005V5.08005C16.3899 5.57005 18.9999 8.47005 18.9999 12C18.9999 12.9 18.8199 13.75 18.4999 14.54L21.1199 16.07C21.6799 14.83 21.9999 13.45 21.9999 12C21.9999 6.82005 18.0499 2.55005 12.9999 2.05005ZM11.9999 19C10.1434 19 8.36294 18.2626 7.05018 16.9498C5.73743 15.637 4.99993 13.8566 4.99993 12C4.99993 8.47005 7.60993 5.57005 10.9999 5.08005V2.05005C5.93993 2.55005 1.99993 6.81005 1.99993 12C1.99993 14.6522 3.0535 17.1958 4.92886 19.0711C5.85745 19.9997 6.95984 20.7363 8.1731 21.2388C9.38635 21.7414 10.6867 22 11.9999 22C15.2999 22 18.2299 20.39 20.0499 17.91L17.4499 16.38C16.1699 18 14.2099 19 11.9999 19Z"
+  }), React.createElement("path", {
+    d: "M8.77425 13.8875C9.32653 14.8441 10.5497 15.1718 11.5063 14.6196C12.4629 14.0673 16.5685 9.3875 16.5685 9.3875C16.5685 9.3875 10.4629 10.6032 9.5063 11.1554C8.54971 11.7077 8.22196 12.9309 8.77425 13.8875Z"
+  }));
+});
+TypeNPS.displayName = 'TypeNPS';
+
+var TypePickFrom =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }), React.createElement("path", {
+    d: "M11 22L3 22L3 15L6 15L6 9L3 9L3 2L11 2L11 9L8 9L8 11L18 11L18 15L21 15L21 22L13 22L13 15L16 15L16 13L8 13L8 15L11 15L11 22ZM9 7L9 4L5 4L5 7L9 7ZM15 17L15 20L19 20L19 17L15 17ZM5 17L5 20L9 20L9 17L5 17Z"
+  }));
+});
+TypePickFrom.displayName = 'TypePickFrom';
+
+var TypeQuote =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(FormatQuote, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeQuote.displayName = 'TypeQuote';
+
+var TypeRatingBar =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(StarOutline, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeRatingBar.displayName = 'TypeRatingBar';
+
+var TypeStatement =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(LabelImportant, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeStatement.displayName = 'TypeStatement';
+
+var TypeTxtLong =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(TextFields, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeTxtLong.displayName = 'TypeTxtLong';
+
+var TypeTxtShort =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(Title, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+TypeTxtShort.displayName = 'TypeTxtShort';
+
+var TypeVariableNumber =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 40 40"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.9898 13.8987L31.6072 16.0416C31.5524 16.3482 31.2858 16.5714 30.9743 16.5714H26.737L25.5126 23.4286H29.5202C29.9205 23.4286 30.2234 23.7904 30.1531 24.1844L29.7704 26.3273C29.7157 26.6339 29.449 26.8571 29.1376 26.8571H24.9003L24.0765 31.4701C24.0218 31.7767 23.7551 32 23.4437 32H21.267C20.8667 32 20.5637 31.6382 20.6341 31.2442L21.4175 26.8571H16.1335L15.3097 31.4701C15.255 31.7767 14.9883 32 14.6769 32H12.5002C12.0999 32 11.797 31.6382 11.8673 31.2442L12.6507 26.8571H8.64302C8.24279 26.8571 7.93985 26.4953 8.01018 26.1013L8.39285 23.9584C8.44758 23.6518 8.71423 23.4286 9.02568 23.4286H13.263L14.4874 16.5714H10.4798C10.0795 16.5714 9.77659 16.2096 9.84693 15.8156L10.2296 13.6727C10.2843 13.3661 10.551 13.1429 10.8624 13.1429H15.0997L15.9235 8.52988C15.9782 8.22327 16.2449 8.00001 16.5563 8H18.733C19.1333 8 19.4363 8.36182 19.3659 8.75584L18.5825 13.1429H23.8665L24.6903 8.52988C24.745 8.22327 25.0117 8.00001 25.3231 8H27.4998C27.9001 8 28.203 8.36182 28.1327 8.75584L27.3493 13.1429H31.357C31.7572 13.1429 32.0602 13.5047 31.9898 13.8987ZM16.7457 23.4286H22.0297L23.2541 16.5714H17.9702L16.7457 23.4286Z"
+  }));
+});
+TypeVariableNumber.displayName = 'TypeVariableNumber';
+
+var JCB =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    d: "M15 11.6667C15 12.403 14.403 13 13.6667 13H2.33333C1.597 13 1 12.403 1 11.6667V4.33333C1 3.597 1.597 3 2.33333 3H13.6667C14.403 3 15 3.597 15 4.33333V11.6667Z",
+    fill: "#CFD8DC"
+  }), React.createElement("path", {
+    d: "M3.55637 4.33334C2.86004 4.33334 2.33337 4.77468 2.33337 5.53901V11.6667H4.49437C5.03804 11.6667 5.66671 11.1563 5.66671 10.4943V4.33334H3.55637Z",
+    fill: "#3F51B5"
+  }), React.createElement("path", {
+    d: "M7.55637 4.33334C6.86004 4.33334 6.33337 4.77468 6.33337 5.53901V11.6667H8.49437C9.03804 11.6667 9.66671 11.1563 9.66671 10.4943V4.33334H7.55637Z",
+    fill: "#E53935"
+  }), React.createElement("path", {
+    d: "M11.5564 4.33334C10.86 4.33334 10.3334 4.77468 10.3334 5.53901V11.6667H12.4944C13.038 11.6667 13.6667 11.1563 13.6667 10.4943V4.33334H11.5564Z",
+    fill: "#388E3C"
+  }), React.createElement("path", {
+    d: "M5.26868 8.15102C5.26868 8.76268 4.47902 9.08535 3.90168 9.08535C3.27368 9.08535 2.71268 8.71202 2.59302 8.23702H3.01768C3.06835 8.52568 3.35802 8.72868 3.68002 8.72868C4.03668 8.72868 4.29135 8.47402 4.29135 8.15135V7.04768H5.26835V8.15102H5.26868ZM12.8687 8.01268C13.1227 8.01268 13.3004 7.75968 13.3004 7.50635C13.3004 7.25235 13.0794 7.03235 12.8254 7.03235H10.738V8.98302H12.8687C13.1564 8.98302 13.376 8.73068 13.3764 8.47668C13.3764 8.22368 13.1567 8.01268 12.8687 8.01268ZM11.5504 7.23568H12.21C12.378 7.23568 12.5304 7.38668 12.5304 7.55535C12.5304 7.72502 12.378 7.87768 12.21 7.87768H11.5504V7.23568ZM12.2264 8.78102H11.5507V8.13835H12.2264C12.3957 8.13835 12.548 8.29035 12.548 8.46002C12.548 8.62835 12.3957 8.78102 12.2264 8.78102ZM9.27035 7.39202C8.88102 7.30202 8.50835 7.24968 8.32202 7.24968C7.91602 7.24968 7.59502 7.58868 7.59502 8.01735C7.59502 8.44802 7.91602 8.78768 8.32202 8.78768C8.50835 8.78768 8.88102 8.75202 9.27035 8.66102V9.00135H7.64535C7.13802 9.00135 6.71535 8.55402 6.71535 8.01735C6.71535 7.48168 7.13802 7.03468 7.64535 7.03468H9.27035V7.39202Z",
+    fill: "#FAFAFA"
+  }));
+});
+JCB.displayName = 'JCB';
+
+var Mastercard =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.80351 3.69103C1.16632 3.69103 0.69103 4.1677 0.69103 4.70631V12.1907C0.69103 12.7293 1.16632 13.206 1.80351 13.206H14.1965C14.8337 13.206 15.309 12.7293 15.309 12.1907V4.70631C15.309 4.1677 14.8337 3.69103 14.1965 3.69103H1.80351ZM0 4.70631C0 3.74192 0.83035 3 1.80351 3H14.1965C15.1697 3 16 3.74192 16 4.70631V12.1907C16 13.1551 15.1697 13.897 14.1965 13.897H1.80351C0.83035 13.897 0 13.1551 0 12.1907V4.70631Z",
+    fill: "#EEEEEE"
+  }), React.createElement("path", {
+    d: "M9.82631 5.47177C9.41795 5.47177 9.01358 5.5522 8.6363 5.70848C8.25903 5.86475 7.91622 6.09381 7.62747 6.38256C7.33871 6.67132 7.10966 7.01412 6.95338 7.3914C6.79711 7.76868 6.71667 8.17304 6.71667 8.58141C6.71667 8.98977 6.79711 9.39413 6.95338 9.77141C7.10966 10.1487 7.33871 10.4915 7.62747 10.7802C7.91622 11.069 8.25903 11.2981 8.6363 11.4543C9.01358 11.6106 9.41795 11.691 9.82631 11.691C10.2347 11.691 10.639 11.6106 11.0163 11.4543C11.3936 11.2981 11.7364 11.069 12.0252 10.7802C12.3139 10.4915 12.543 10.1487 12.6992 9.77141C12.8555 9.39413 12.9359 8.98977 12.9359 8.58141C12.9359 8.17304 12.8555 7.76868 12.6992 7.3914C12.543 7.01412 12.3139 6.67132 12.0252 6.38256C11.7364 6.09381 11.3936 5.86475 11.0163 5.70848C10.639 5.5522 10.2347 5.47177 9.82631 5.47177Z",
+    fill: "#FF9800"
+  }), React.createElement("path", {
+    d: "M6.27235 5.47177C5.86399 5.47177 5.45963 5.5522 5.08235 5.70848C4.70507 5.86475 4.36227 6.09381 4.07351 6.38256C3.78475 6.67132 3.5557 7.01412 3.39943 7.3914C3.24315 7.76868 3.16272 8.17304 3.16272 8.58141C3.16272 8.98977 3.24315 9.39413 3.39943 9.77141C3.5557 10.1487 3.78475 10.4915 4.07351 10.7802C4.36227 11.069 4.70507 11.2981 5.08235 11.4543C5.45963 11.6106 5.86399 11.691 6.27235 11.691C6.68072 11.691 7.08508 11.6106 7.46236 11.4543C7.83964 11.2981 8.18244 11.069 8.4712 10.7802C8.75995 10.4915 8.98901 10.1487 9.14528 9.77141C9.30156 9.39413 9.38199 8.98977 9.38199 8.58141C9.38199 8.17304 9.30156 7.76868 9.14528 7.3914C8.98901 7.01412 8.75995 6.67132 8.4712 6.38256C8.18244 6.09381 7.83964 5.86475 7.46236 5.70848C7.08508 5.5522 6.68072 5.47177 6.27235 5.47177Z",
+    fill: "#D50000"
+  }), React.createElement("path", {
+    d: "M6.71667 8.58139C6.71667 9.63756 7.24442 10.5693 8.04938 11.1313C8.85433 10.5693 9.38208 9.63756 9.38208 8.58139C9.38208 7.52523 8.85433 6.59345 8.04938 6.03149C7.24442 6.59345 6.71667 7.52523 6.71667 8.58139Z",
+    fill: "#FF3D00"
+  }));
+});
+Mastercard.displayName = 'Mastercard';
+
+var Visa =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(SvgIcon, Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 0 16 16"
+  }), React.createElement("path", {
+    d: "M15.6544 12.1907C15.6544 12.9422 15.0016 13.5515 14.1964 13.5515H1.80346C0.998277 13.5515 0.345459 12.9422 0.345459 12.1907V4.70632C0.345459 3.95482 0.998277 3.34552 1.80346 3.34552H14.1964C15.0016 3.34552 15.6544 3.95482 15.6544 4.70632V12.1907Z",
+    fill: "white"
+  }), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M1.80351 3.69103C1.16632 3.69103 0.69103 4.1677 0.69103 4.70631V12.1907C0.69103 12.7293 1.16632 13.206 1.80351 13.206H14.1965C14.8337 13.206 15.309 12.7293 15.309 12.1907V4.70631C15.309 4.1677 14.8337 3.69103 14.1965 3.69103H1.80351ZM0 4.70631C0 3.74192 0.83035 3 1.80351 3H14.1965C15.1697 3 16 3.74192 16 4.70631V12.1907C16 13.1551 15.1697 13.897 14.1965 13.897H1.80351C0.83035 13.897 0 13.1551 0 12.1907V4.70631Z",
     fill: "#EEEEEE"
   }), React.createElement("path", {
@@ -2604,9 +3451,14 @@ DiningExperienceAndFeedback.displayName = 'DiningExperienceAndFeedback';
 
 var Icons = {
   AcademicSurvey: AcademicSurvey,
+  AccountTreeOutlined: AccountTreeOutlined,
+  Add: Add,
   AddCircleOutline: AddCircleOutline,
+  Advertisement: Advertisement,
+  AIFile: AIFile,
   ArrowBack: ArrowBack,
   ArrowCircleDown: ArrowCircleDown,
+  ArrowDownward: ArrowDownward,
   ArrowDropDownRounded: ArrowDropDownRounded,
   ArrowDropUpRounded: ArrowDropUpRounded,
   ArrowForward: ArrowForward,
@@ -2614,115 +3466,184 @@ var Icons = {
   ArrowSort: ArrowSort,
   ArrowSortAsc: ArrowSortAsc,
   ArrowSortDesc: ArrowSortDesc,
+  AutoAwesome: AutoAwesome,
   AutoAwesomeOutlined: AutoAwesomeOutlined,
   BarChart: BarChart,
   CalendarMonth: CalendarMonth,
   CameraAlt: CameraAlt,
   Cancel: Cancel,
+  CardboardBox: CardboardBox,
+  ChatOutlined: ChatOutlined,
   Check: Check$2,
-  CheckFile: CheckFile,
   CheckBox: CheckBox,
   CheckCircle: CheckCircle$2,
+  CheckCircleOutline: CheckCircleOutline,
+  CheckFile: CheckFile,
   Clear: Clear,
   Close: Close,
+  CloudDownload: CloudDownload,
   CloudUpload: CloudUpload,
+  Collapse: Collapse,
+  Combine: Combine,
   Computer: Computer,
   ConflictRoute: ConflictRoute,
+  Copy: Copy,
+  Coupon: Coupon,
   CourseParticipationAndFeedback: CourseParticipationAndFeedback,
   CreditCard: CreditCard,
   Crop: Crop,
   CrowdfundingAndPreTesting: CrowdfundingAndPreTesting,
+  CurlyBrackets: CurlyBrackets,
   CustomerService: CustomerService,
-  ChatOutlined: ChatOutlined,
   DeleteOutline: DeleteOutline,
+  DeleteOutlineOutlined: DeleteOutlineOutlined,
   Description: Description,
   DescriptionOutlined: DescriptionOutlined,
+  Design: Design,
   DiningExperienceAndFeedback: DiningExperienceAndFeedback,
-  DeleteOutlineOutlined: DeleteOutlineOutlined,
+  DisplayLogic: DisplayLogic,
+  DonutChart: DonutChart,
+  DriveFileMove: DriveFileMove,
   DonutSmallIcon: DonutSmallIcon,
+  DraftsOutlined: DraftsOutlined,
+  DragIndicator: DragIndicator,
   Edit: Edit,
+  EmailFilled: EmailFilled,
+  EmailOutlined: EmailOutlined,
+  EmbedCode: EmbedCode,
+  ErrorOutline: ErrorOutline,
   EventParticipationAndFeedback: EventParticipationAndFeedback,
+  ExpandAll: ExpandAll,
   ExpandMore: ExpandMore,
+  ExportSheet: ExportSheet,
   Facebook: Facebook,
+  FileExport: FileExport,
+  FileCopyOutlinedIcon: FileCopyOutlinedIcon,
+  FilterList: FilterList,
   FilterAlt: FilterAlt,
+  FirstPage: FirstPage,
   Folder: Folder,
+  FolderOpen: FolderOpen,
   FolderSharedMultiple: FolderSharedMultiple,
+  FormatAlignCenter: FormatAlignCenter,
+  FormatAlignLeft: FormatAlignLeft,
+  FormatAlignRight: FormatAlignRight,
   FormatBold: FormatBold,
   FormatColorFill: FormatColorFill,
   FormatItalic: FormatItalic,
-  FormatListNumberedRtl: FormatListNumberedRtl,
+  FormatListNumberedRtl: FormatListNumberedRtl$1,
   FormatQuote: FormatQuote,
   FormatUnderlined: FormatUnderlined,
   GetApp: GetApp,
   Google: Google,
+  GridView: GridView,
+  GroupOutlined: GroupOutlined,
   GroupPurchaseAndOrderForm: GroupPurchaseAndOrderForm,
   Help: Help,
   HelpOutline: HelpOutline,
+  HighlightOffIcon: HighlightOffIcon,
+  History: History,
+  HowToVote: HowToVote,
   Image: Image,
+  IndeterminateCheckBoxOutlined: IndeterminateCheckBoxOutlined,
   Info: Info,
+  Input: Input,
   InsertPageBreakOutlined: InsertPageBreakOutlined,
-  IndeterminateCheckBoxOutlined: IndeterminateCheckBoxOutlined,
+  IntegrationInstructionsOutlined: IntegrationInstructionsOutlined,
   JCB: JCB,
   KeyboardArrowDown: KeyboardArrowDown,
   KeyboardArrowUp: KeyboardArrowUp,
   LabelImportant: LabelImportant,
   Language: Language,
+  LastPage: LastPage,
+  LaunchOutlined: LaunchOutlined,
   Link: Link$3,
+  LinkedIn: LinkedIn,
   List: List,
+  ListAlt: ListAlt,
   LocalFireDepartmentOutlined: LocalFireDepartmentOutlined,
+  LocalOfferOutlined: LocalOfferOutlined,
+  LocalPrintshopOutlined: LocalPrintshopOutlined,
   Lock: Lock$1,
   LockOutlined: LockOutlined,
+  Logic: Logic,
   LowPriority: LowPriority,
-  LaunchOutlined: LaunchOutlined,
-  LocalPrintshopOutlined: LocalPrintshopOutlined,
   MailForward: MailForward,
   MarketResearch: GroupPurchaseAndOrderForm$1,
   Mastercard: Mastercard,
-  Menu: Menu,
+  Maximum: Maximum,
+  Menu: Menu$1,
   MoreHoriz: MoreHoriz,
   NavigateBefore: NavigateBefore,
   NavigateNext: NavigateNext,
   NewReleaseCheck: NewReleaseCheck,
+  None: None,
   NotInterested: NotInterested,
   OnlineTestsAndInteractiveActivities: OnlineTestsAndInteractiveActivities,
   OpenInNew: OpenInNew,
   Others: Others,
   PerformanceAssessment: PerformanceAssessment,
   Person: Person,
+  PersonOutline: PersonOutline,
   PersonalDataCollection: PersonalDataCollection,
   PhoneIphone: PhoneIphone,
   PictureAsPdf: PictureAsPdf,
   PieChart: PieChart,
   PinOutlined: PinOutlined,
+  PostAdd: PostAdd,
   Privacy: Privacy,
+  QrCode: QrCode,
   Quiz: Quiz,
   RadarChart: RadarChart,
   RadioButtonChecked: RadioButtonChecked,
   Raffle: Raffle,
+  Randomize: Randomize,
   Redeem: Redeem,
   Refresh: Refresh,
+  RemoveCircleOutline: RemoveCircleOutline,
   ReportProblemRounded: ReportProblemRounded,
   SatisfactionSurvey: SatisfactionSurvey,
+  SaveOutlined: SaveOutlined,
   Schedule: Schedule,
   Search: Search$1,
+  SendOutlined: SendOutlined,
   Settings: Settings,
   SettingsOutlined: SettingsOutlined,
+  Share: Share,
+  ShowChart: ShowChart,
+  ShieldError: ShieldError,
+  ShieldStar: ShieldStar,
+  ShieldSuccess: ShieldStar$1,
+  ShieldWarning: ShieldWarning,
+  ShortText: ShortText,
+  Skip: Skip,
+  SmsOutlined: SmsOutlined,
   Sort: Sort$1,
   Star: Star$2,
   StatisticsAndRecords: StatisticsAndRecords,
-  TabletMac: TabletMac,
+  SwapVertIcon: SwapVertIcon,
+  Swords: Swords,
+  Synchronize: Synchronize,
   TableList: TableList,
-  TextFields: TextFields,
-  Title: Title,
+  TabletMac: TabletMac,
+  Tag: TableList$1,
+  TextFields: TextFields$1,
+  Title: Title$1,
+  TrendingDownIcon: TrendingDownIcon,
+  Tune: Tune,
   TypeChoiceMulti: TypeChoiceMulti,
   TypeChoiceOne: TypeChoiceOne,
+  TypeConstantSum: TypeConstantSum,
   TypeDatePicker: TypeDatePicker,
   TypeDigitInput: TypeDigitInput,
   TypeDigitSlide: TypeDigitSlide,
   TypeDivider: TypeDivider,
   TypeFileUpload: TypeFileUpload,
   TypeItemSort: TypeItemSort,
+  TypeNPS: TypeNPS,
   TypeNest: TypeNest,
+  TypeNestMulti: TypeNestMulti,
+  TypeNestedDropdown: TypeNestedDropdown,
   TypePickFrom: TypePickFrom,
   TypeQuote: TypeQuote,
   TypeRatingBar: TypeRatingBar,
@@ -2730,19 +3651,23 @@ var Icons = {
   TypeTxtLong: TypeTxtLong,
   TypeTxtShort: TypeTxtShort,
   TypeVariableNumber: TypeVariableNumber,
+  UploadFile: UploadFile,
   UserReply: UserReply,
   VerifiedUser: VerifiedUser,
+  Video: Video,
   ViewDayOutlined: ViewDayOutlined,
   ViewListRounded: ViewListRounded,
   Visa: Visa,
   Visibility: Visibility,
   VisibilityOff: VisibilityOff,
-  Voting: Voting,
+  VisibilityOffOutlined: VisibilityOffOutlined,
   VisibilityOutlined: VisibilityOutlined,
+  Voting: Voting,
+  Warning: Warning,
   WatchLater: WatchLater,
   WebAsset: WebAsset,
   WeddingApplication: WeddingApplication,
-  Warning: Warning
+  X: X
 };
 var Icon =
 /*#__PURE__*/
@@ -2757,53 +3682,470 @@ forwardRef(function (props, ref) {
 });
 Icon.displayName = 'Icon';
 
-var Alert = function Alert(props) {
-  return React.createElement(MUIAlert, Object.assign({}, props, {
-    iconMapping: {
-      error: React.createElement(Icon, {
-        name: "Cancel"
-      }),
-      success: React.createElement(Icon, {
-        name: "CheckCircle"
-      }),
-      warning: React.createElement(Icon, {
-        name: "ReportProblemRounded"
-      })
-    }
-  }), props.children);
-};
-
-Alert.displayName = 'Alert';
-
-var AlertTitle = function AlertTitle(props) {
-  return React.createElement(MUIAlertTitle, Object.assign({}, props), props.children);
-};
-
-AlertTitle.displayName = 'AlertTitle';
+function _templateObject() {
+  var data = _taggedTemplateLiteralLoose(["\n              width: 100%;\n              padding: 8px 8px 8px 24px;\n            "]);
 
-var OutlinedInput =
-/*#__PURE__*/
-forwardRef(function OutlinedInput(props, ref) {
-  return React.createElement(MUIOutlinedInput, Object.assign({}, props, {
-    ref: ref
-  }));
-});
-OutlinedInput.displayName = 'OutlinedInput';
+  _templateObject = function _templateObject() {
+    return data;
+  };
 
-var Autocomplete =
+  return data;
+}
+var Accordion$1 =
 /*#__PURE__*/
-forwardRef(function Autocomplete(props, ref) {
-  return React.createElement(MUIAutocomplete, Object.assign({}, props, {
-    ref: ref,
-    disablePortal: true,
-    renderInput: function renderInput(_ref) {
-      var InputProps = _ref.InputProps,
+withStyles({
+  root: {
+    borderTop: 'none',
+    boxShadow: 'none',
+    minHeight: 0,
+    '&$expanded': {
+      minHeight: 0
+    }
+  },
+  expanded: {}
+})(MuiAccordion$1);
+var AccordionSummary =
+/*#__PURE__*/
+withStyles(function (theme) {
+  return {
+    root: {
+      position: 'relative',
+      flexDirection: 'row-reverse',
+      padding: 0,
+      minHeight: 0,
+      transition: 'background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+      '&$expanded': {
+        margin: 0,
+        minHeight: 0
+      },
+      '&:hover': {
+        backgroundColor: theme.palette.primary.lightest
+      },
+      '&.selected': {
+        backgroundColor: theme.palette.primary.lightest
+      }
+    },
+    content: {
+      margin: 0,
+      transition: 'background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+      '&$expanded': {
+        margin: 0,
+        minHeight: 0
+      }
+    },
+    expanded: {},
+    expandIcon: {
+      position: 'absolute',
+      left: 0,
+      marginLeft: '8px',
+      padding: 0,
+      color: theme.palette.grey[500],
+      width: '16px',
+      height: '16px'
+    }
+  };
+})(MuiAccordionSummary$1);
+var AccordionDetails$1 =
+/*#__PURE__*/
+withStyles({
+  root: {
+    padding: 0
+  }
+})(MuiAccordionDetails$1);
+
+var isAllSubOptionsIncluded = function isAllSubOptionsIncluded(value, subOptions) {
+  if (value === void 0) {
+    value = [];
+  }
+
+  return subOptions.every(function (subOption) {
+    return value.includes(subOption.value);
+  });
+};
+
+var AccordionSelectGroup =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var _cx;
+
+  var mainOption = _ref.mainOption,
+      subOptions = _ref.subOptions,
+      handleChangeValue = _ref.handleChangeValue,
+      selectedValue = _ref.selectedValue;
+  var theme = useMUITheme();
+  var customOptionStyle = useCustomStyle(theme);
+  var isSelectAll = selectedValue.includes(mainOption.value);
+  var optionValues = subOptions.map(function (option) {
+    return option.value;
+  });
+
+  var _useState = useState(false),
+      expanded = _useState[0],
+      setExpanded = _useState[1];
+
+  var onChangeSubValue = function onChangeSubValue(subValue) {
+    var newValue = selectedValue.slice(); // 把因選取題目後摺疊的選項攤平
+
+    if (isSelectAll) {
+      newValue = newValue.filter(function (v) {
+        return v !== mainOption.value;
+      }).concat(optionValues);
+    }
+
+    if (newValue.includes(subValue)) {
+      // 移除
+      newValue = newValue.filter(function (v) {
+        return v !== subValue;
+      });
+      handleChangeValue(newValue);
+    } else {
+      // 新增
+      newValue.push(subValue);
+
+      if (isAllSubOptionsIncluded(newValue, subOptions)) {
+        newValue = newValue.filter(function (v) {
+          return !optionValues.includes(v);
+        });
+        newValue.push(mainOption.value);
+      }
+
+      handleChangeValue(newValue);
+    }
+  };
+
+  var onChangeMainValue = function onChangeMainValue(e) {
+    e.stopPropagation();
+    var newValue = selectedValue.slice();
+
+    if (isSelectAll) {
+      handleChangeValue(newValue.filter(function (v) {
+        return v !== mainOption.value;
+      }));
+    } else {
+      newValue.push(mainOption.value);
+      newValue = newValue.filter(function (v) {
+        return !optionValues.includes(v);
+      });
+      handleChangeValue(newValue);
+    }
+  };
+
+  return React.createElement(Accordion$1, {
+    ref: ref,
+    expanded: expanded
+  }, React.createElement(AccordionSummary, {
+    expandIcon: subOptions.length > 0 && React.createElement(Icon, {
+      name: "ExpandMore"
+    }),
+    className: cx({
+      selected: isSelectAll
+    }),
+    IconButtonProps: {
+      // toggle accordion only through the expand icon
+      onClick: function onClick(e) {
+        if (subOptions.length === 0) return;
+        e.stopPropagation();
+        setExpanded(!expanded);
+
+        if (window) {
+          setTimeout(function () {
+            window.dispatchEvent(new Event('resize'));
+          }, 100);
+        }
+      }
+    },
+    onClick: onChangeMainValue
+  }, React.createElement(MenuItem, {
+    className: cx(customOptionStyle.container, (_cx = {}, _cx['Mui-selected'] = isSelectAll, _cx), css(_templateObject())),
+    value: mainOption.value,
+    selected: isSelectAll
+  }, React.createElement(Checkbox, {
+    color: "primary",
+    checked: isSelectAll,
+    indeterminate: !isSelectAll && selectedValue.some(function (v) {
+      return optionValues.includes(v);
+    }),
+    onClick: onChangeMainValue,
+    className: customOptionStyle.checkbox
+  }), React.createElement("div", {
+    className: customOptionStyle.greyBlock
+  }, mainOption.text))), React.createElement(AccordionDetails$1, null, subOptions.map(function (option) {
+    return React.createElement("div", {
+      key: option.value
+    }, React.createElement(AccordionSelectItem, {
+      value: option.value,
+      checked: selectedValue.includes(option.value) || isSelectAll,
+      text: option.text,
+      handleChangeValue: onChangeSubValue
+    }));
+  })));
+});
+
+function _templateObject$1() {
+  var data = _taggedTemplateLiteralLoose(["\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 30px;\n        padding: 0 8px;\n        background: ", ";\n        border-radius: 4px;\n        margin-right: 4px;\n        color: ", ";\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 21px;\n        align-self: center;\n\n        &:last-of-type {\n          margin-right: 0;\n        }\n      "]);
+
+  _templateObject$1 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var GreyBlock = function GreyBlock(_ref) {
+  var text = _ref.text;
+  var theme = useMUITheme();
+  return React.createElement("div", {
+    className: css(_templateObject$1(), theme.palette.grey['100'], theme.palette.text.secondary)
+  }, text);
+};
+
+var Typography =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(Typography$2, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+Typography.displayName = 'Typography';
+
+function _templateObject$2() {
+  var data = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n        color: ", ";\n      "]);
+
+  _templateObject$2 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var Placeholder = function Placeholder(_ref) {
+  var text = _ref.text,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var theme = useMUITheme();
+
+  if (!text) {
+    return null;
+  }
+
+  return React.createElement(Typography, {
+    component: "p",
+    variant: "body2",
+    className: css(_templateObject$2(), disabled ? theme.palette.grey['300'] : theme.palette.grey['500'])
+  }, text);
+};
+
+function _templateObject$3() {
+  var data = _taggedTemplateLiteralLoose(["\n            margin-top: 0;\n            box-shadow: none;\n            border: 1px solid ", ";\n          "]);
+
+  _templateObject$3 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var Select =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  var theme = useMUITheme();
+
+  var _props$MenuProps = props.MenuProps,
+      MenuProps = _props$MenuProps === void 0 ? {} : _props$MenuProps,
+      rest = _objectWithoutPropertiesLoose(props, ["MenuProps"]);
+
+  return React.createElement(MuiSelect$1, Object.assign({}, rest, {
+    ref: ref,
+    IconComponent: Icons.KeyboardArrowDown,
+    MenuProps: _extends({
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: -theme.spacing(1),
+        horizontal: 'left'
+      },
+      getContentAnchorEl: null,
+      PopoverClasses: {
+        paper: css(_templateObject$3(), theme.palette.primary.main)
+      }
+    }, MenuProps)
+  }), props.children);
+});
+Select.displayName = 'Select';
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteralLoose(["\n              color: ", ";\n              margin-bottom: 4px;\n            "]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$4() {
+  var data = _taggedTemplateLiteralLoose(["\n                    display: flex;\n                    overflow: hidden;\n                    white-space: nowrap;\n                  "]);
+
+  _templateObject$4 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var useSelectStyle =
+/*#__PURE__*/
+makeStyles$1(function (theme) {
+  return {
+    select: {
+      padding: '5px 8px',
+      display: 'inline-flex',
+      backgroundColor: theme.palette.common.white,
+      height: '30px'
+    }
+  };
+});
+var AccordionSelect =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  var selectStyle = useSelectStyle();
+
+  var value = props.value,
+      handleChangeValue = props.handleChangeValue,
+      options = props.options,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'outlined' : _props$variant,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+      _props$hint = props.hint,
+      hint = _props$hint === void 0 ? '' : _props$hint,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      rest = _objectWithoutPropertiesLoose(props, ["value", "handleChangeValue", "options", "variant", "placeholder", "hint", "disabled"]);
+
+  var theme = useMUITheme();
+
+  var getRenderTexts = function getRenderTexts(values) {
+    return values.map(function (value) {
+      var _$split = ("" + value).split('-'),
+          mainOptionValue = _$split[0],
+          subOptionValue = _$split[1];
+
+      var option = options.find(function (o) {
+        return o.mainOption.value === mainOptionValue;
+      });
+
+      if (!option) {
+        return '';
+      }
+
+      if (subOptionValue) {
+        var subOption = option.subOptions.find(function (o) {
+          return o.value === value;
+        });
+        return subOption ? option.mainOption.text + " " + subOption.text : option.mainOption.text;
+      }
+
+      return option.mainOption.text;
+    });
+  };
+
+  return React.createElement(Select, Object.assign({}, rest, {
+    ref: ref,
+    value: '',
+    variant: variant,
+    displayEmpty: true,
+    fullWidth: true,
+    classes: selectStyle,
+    disabled: disabled,
+    renderValue: value.length === 0 ? function () {
+      return React.createElement(Placeholder, {
+        text: placeholder,
+        disabled: disabled
+      });
+    } : function () {
+      return React.createElement("div", {
+        className: css(_templateObject$4())
+      }, getRenderTexts(value).map(function (v) {
+        return React.createElement(GreyBlock, {
+          key: v,
+          text: v
+        });
+      }));
+    }
+  }), hint && React.createElement(Typography, {
+    variant: "body2",
+    className: css(_templateObject2(), theme.palette.grey['500'])
+  }, hint), options.map(function (option) {
+    return React.createElement(AccordionSelectGroup, {
+      key: option.mainOption.value,
+      mainOption: option.mainOption,
+      subOptions: option.subOptions,
+      handleChangeValue: handleChangeValue,
+      selectedValue: value
+    });
+  }));
+});
+AccordionSelect.displayName = 'AccordionSelect';
+
+var AccordionSummary$1 =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(MuiAccordionSummary$1, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+
+var Alert = function Alert(props) {
+  return React.createElement(MUIAlert, Object.assign({}, props, {
+    iconMapping: {
+      error: React.createElement(Icon, {
+        name: "Cancel"
+      }),
+      success: React.createElement(Icon, {
+        name: "CheckCircle"
+      }),
+      warning: React.createElement(Icon, {
+        name: "ReportProblemRounded"
+      })
+    }
+  }), props.children);
+};
+
+Alert.displayName = 'Alert';
+
+var AlertTitle = function AlertTitle(props) {
+  return React.createElement(MUIAlertTitle, Object.assign({}, props), props.children);
+};
+
+AlertTitle.displayName = 'AlertTitle';
+
+var OutlinedInput =
+/*#__PURE__*/
+forwardRef(function OutlinedInput(props, ref) {
+  return React.createElement(MUIOutlinedInput, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+OutlinedInput.displayName = 'OutlinedInput';
+
+var Autocomplete =
+/*#__PURE__*/
+forwardRef(function Autocomplete(props, ref) {
+  var renderInput = props.renderInput,
+      restProps = _objectWithoutPropertiesLoose(props, ["renderInput"]);
+
+  return React.createElement(MUIAutocomplete, Object.assign({}, restProps, {
+    ref: ref,
+    disablePortal: true,
+    renderInput: renderInput || function (_ref) {
+      var InputProps = _ref.InputProps,
           params = _objectWithoutPropertiesLoose(_ref, ["InputProps", "InputLabelProps"]);
 
       return React.createElement(OutlinedInput, Object.assign({}, params, {
         autoFocus: true,
         ref: InputProps.ref,
-        inputProps: params.inputProps
+        inputProps: _extends({}, params.inputProps)
       }));
     }
   }));
@@ -2836,6 +4178,7 @@ forwardRef(function (props, ref) {
 
   return React.createElement(MUIButton, Object.assign({}, rest, {
     disableElevation: disableElevation,
+    disableRipple: true,
     ref: ref,
     size: size
   }));
@@ -2887,23 +4230,14 @@ forwardRef(function (props, ref) {
 });
 CardMedia.displayName = 'CardMedia';
 
-var Checkbox =
+var Chip =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  return React.createElement(MUICheckbox, Object.assign({}, props, {
+  return React.createElement(MUIChip, Object.assign({}, props, {
     ref: ref
   }));
 });
-Checkbox.displayName = 'Checkbox';
-
-var Chip =
-/*#__PURE__*/
-forwardRef(function (props, ref) {
-  return React.createElement(MUIChip, Object.assign({}, props, {
-    ref: ref
-  }));
-});
-Chip.displayName = 'Chip';
+Chip.displayName = 'Chip';
 
 var CircularProgress =
 /*#__PURE__*/
@@ -2994,6 +4328,17 @@ forwardRef(function (props, ref) {
 });
 Divider.displayName = 'Divider';
 
+var Drawer =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  var rest = _extends({}, props);
+
+  return React.createElement(MUIDrawer, Object.assign({}, rest, {
+    ref: ref
+  }));
+});
+Drawer.displayName = 'Drawer';
+
 var Fade =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -3045,7 +4390,9 @@ forwardRef(function (props, ref) {
   var rest = _extends({}, props);
 
   return React.createElement(MUIFormLabel, Object.assign({}, rest, {
-    ref: ref
+    ref: ref,
+    focused: false,
+    error: false
   }), props.children);
 });
 FormLabel.displayName = 'FormLabel';
@@ -3060,7 +4407,8 @@ var IconButton =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   return React.createElement(MUIIconButton, Object.assign({}, props, {
-    ref: ref
+    ref: ref,
+    disableRipple: true
   }));
 });
 IconButton.displayName = 'IconButton';
@@ -3114,16 +4462,14 @@ forwardRef(function (props, ref) {
 });
 LoadingButton.displayName = 'LoadingButton';
 
-var MenuItem =
+var Menu =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  var rest = _objectWithoutPropertiesLoose(props, ["button"]);
-
-  return React.createElement(MuiMenuItem$1, Object.assign({}, rest, {
+  return React.createElement(MUIMenu, Object.assign({}, props, {
     ref: ref
   }), props.children);
 });
-MenuItem.displayName = 'MenuItem';
+Menu.displayName = 'Menu';
 
 var MenuList =
 /*#__PURE__*/
@@ -3134,7 +4480,7 @@ forwardRef(function (props, ref) {
 });
 MenuList.displayName = 'MenuList';
 
-var useSelectStyle =
+var useSelectStyle$1 =
 /*#__PURE__*/
 makeStyles$1(function (theme) {
   return {
@@ -3200,46 +4546,43 @@ makeStyles$1(function (theme) {
   };
 });
 
-var Select =
+var ListSubheader =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  var theme = useMUITheme();
-
-  var _useMenuStyles = useMenuStyles(),
-      menuRoot = _useMenuStyles.root;
-
-  var _props$MenuProps = props.MenuProps,
-      MenuProps = _props$MenuProps === void 0 ? {
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'left'
-    },
-    transformOrigin: {
-      vertical: -theme.spacing(1),
-      horizontal: 'left'
-    },
-    getContentAnchorEl: null,
-    classes: {
-      paper: menuRoot
-    }
-  } : _props$MenuProps,
-      rest = _objectWithoutPropertiesLoose(props, ["MenuProps"]);
+  var _props$disableGutters = props.disableGutters,
+      disableGutters = _props$disableGutters === void 0 ? true : _props$disableGutters,
+      rest = _objectWithoutPropertiesLoose(props, ["disableGutters"]);
 
-  return React.createElement(MuiSelect$1, Object.assign({}, rest, {
+  return React.createElement(MuiListSubheader$1, Object.assign({}, rest, {
     ref: ref,
-    IconComponent: Icons.KeyboardArrowDown,
-    MenuProps: MenuProps
+    disableGutters: disableGutters
   }), props.children);
 });
-Select.displayName = 'Select';
+ListSubheader.displayName = 'ListSubheader';
+
+function _templateObject$5() {
+  var data = _taggedTemplateLiteralLoose(["\n                          color: ", ";\n                        "]);
+
+  _templateObject$5 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+/**
+ * @deprecated 由於 MultiVarSelect 模改原先的 Select 太多，rc 元件應保持簡單，因此 deprecated 並且在 admin src/components/organisms/MultiSelect 建立一多選下拉選單元件
+ * 在選項互斥仍有使用到此元件，因此不刪除而用 deprecated 的方式避免已上線的功能異常
+ */
 
 var MultiVarSelect =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
   var customOptionStyle = useCustomOptionStyle();
-  var selectStyle = useSelectStyle();
+  var selectStyle = useSelectStyle$1();
+  var theme = useMUITheme();
 
   var options = props.options,
+      groups = props.groups,
       value = props.value,
       disabledOptions = props.disabledOptions,
       onChange = props.onChange,
@@ -3247,100 +4590,707 @@ forwardRef(function (props, ref) {
       variant = _props$variant === void 0 ? 'outlined' : _props$variant,
       onOpen = props.onOpen,
       onClose = props.onClose,
-      rest = _objectWithoutPropertiesLoose(props, ["options", "value", "disabledOptions", "placeholder", "onChange", "variant", "onOpen", "onClose"]);
+      rest = _objectWithoutPropertiesLoose(props, ["options", "groups", "value", "disabledOptions", "placeholder", "onChange", "variant", "onOpen", "onClose"]);
+
+  return React.createElement(Select, Object.assign({}, rest, {
+    ref: ref,
+    value: value,
+    onChange: onChange,
+    variant: variant,
+    onOpen: onOpen,
+    onClose: onClose,
+    fullWidth: true,
+    multiple: true,
+    classes: selectStyle
+  }), groups && groups.map(function (group) {
+    return [React.createElement(ListSubheader, {
+      style: {
+        pointerEvents: 'none'
+      }
+    }, group.groupTitle), group.options.map(function (opt) {
+      var _cx;
+
+      if (opt.emptyLabel) {
+        return React.createElement(MenuItem, {
+          style: {
+            pointerEvents: 'none'
+          }
+        }, React.createElement(Typography, {
+          variant: "body2",
+          className: css(_templateObject$5(), theme.palette.grey[500])
+        }, opt.emptyLabel));
+      }
+
+      return React.createElement(MenuItem, {
+        className: customOptionStyle.menuItem,
+        value: opt.value,
+        key: opt.value,
+        disabled: disabledOptions && disabledOptions.includes(opt.value)
+      }, React.createElement(Checkbox, {
+        color: "primary",
+        checked: value.includes(opt.value),
+        className: customOptionStyle.checkbox
+      }), React.createElement("div", {
+        className: cx(customOptionStyle.root, (_cx = {}, _cx[customOptionStyle["var"]] = group.optionType === 'var', _cx))
+      }, opt.children));
+    })];
+  }), options && options.map(function (opt) {
+    var _cx2;
+
+    return React.createElement(MenuItem, {
+      className: customOptionStyle.menuItem,
+      value: opt.value,
+      key: opt.value,
+      disabled: disabledOptions && disabledOptions.includes(opt.value)
+    }, React.createElement(Checkbox, {
+      color: "primary",
+      checked: value.includes(opt.value),
+      className: customOptionStyle.checkbox
+    }), React.createElement("div", {
+      className: cx(customOptionStyle.root, (_cx2 = {}, _cx2[customOptionStyle["var"]] = opt.optionType === 'var', _cx2))
+    }, opt.children));
+  }));
+});
+MultiVarSelect.displayName = 'MultiVarSelect';
+
+var useCustomStyle$1 =
+/*#__PURE__*/
+makeStyles$1(function (theme) {
+  return {
+    container: {
+      padding: '8px 8px 8px 24px',
+      backgroundColor: theme.palette.common.white,
+      '&:hover': {
+        backgroundColor: theme.palette.primary.lightest,
+        '& .MuiSvgIcon-root': {
+          color: theme.palette.primary.main
+        }
+      },
+      '&.Mui-selected': {
+        backgroundColor: theme.palette.primary.lightest,
+        '& > div': {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.common.white
+        }
+      }
+    },
+    checkbox: {
+      padding: 0,
+      color: theme.palette.grey['A400'],
+      width: '32px',
+      height: '32px',
+      alignSelf: 'center',
+      '&:hover': {
+        backgroundColor: 'none'
+      },
+      '& .MuiSvgIcon-root': {
+        width: '16px',
+        height: '16px'
+      },
+      '&.MuiCheckbox-indeterminate': {
+        '& .MuiSvgIcon-root': {
+          color: theme.palette.primary.main
+        }
+      }
+    },
+    greyBlock: {
+      minHeight: '30px',
+      padding: '4px 8px',
+      color: theme.palette.grey[600],
+      backgroundColor: theme.palette.grey[100],
+      fontSize: '14px',
+      fontWeight: 500,
+      lineHeight: '21px',
+      borderRadius: '4px',
+      alignSelf: 'center',
+      whiteSpace: 'pre-wrap'
+    }
+  };
+});
+
+function _templateObject2$1() {
+  var data = _taggedTemplateLiteralLoose(["\n                padding-left: 24px;\n              "]);
+
+  _templateObject2$1 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$6() {
+  var data = _taggedTemplateLiteralLoose(["\n              width: 100%;\n              padding: 8px 8px 8px 24px;\n            "]);
+
+  _templateObject$6 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var Accordion$2 =
+/*#__PURE__*/
+withStyles({
+  root: {
+    borderTop: 'none',
+    boxShadow: 'none',
+    minHeight: 0,
+    '&$expanded': {
+      minHeight: 0
+    }
+  },
+  expanded: {}
+})(MuiAccordion$1);
+var AccordionSummary$2 =
+/*#__PURE__*/
+withStyles(function (theme) {
+  return {
+    root: {
+      position: 'relative',
+      flexDirection: 'row-reverse',
+      padding: 0,
+      minHeight: 0,
+      transition: 'background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+      '&$expanded': {
+        margin: 0,
+        minHeight: 0
+      },
+      '&:hover': {
+        backgroundColor: theme.palette.primary.lightest
+      },
+      '&.selected': {
+        backgroundColor: theme.palette.primary.lightest
+      }
+    },
+    content: {
+      margin: 0,
+      transition: 'background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+      '&$expanded': {
+        margin: 0,
+        minHeight: 0
+      }
+    },
+    expanded: {},
+    expandIcon: {
+      position: 'absolute',
+      left: 0,
+      marginLeft: '8px',
+      padding: 0,
+      color: theme.palette.grey[500],
+      width: '16px',
+      height: '16px'
+    }
+  };
+})(MuiAccordionSummary$1);
+var AccordionDetails$2 =
+/*#__PURE__*/
+withStyles({
+  root: {
+    padding: 0
+  }
+})(MuiAccordionDetails$1);
+
+var getSelectedChildCount = function getSelectedChildCount(children, selectedValue) {
+  if (children === void 0) {
+    children = [];
+  }
+
+  return children.reduce(function (count, child) {
+    if (selectedValue.includes(child.value)) {
+      count++;
+    } // 遞迴檢查子項的子項
+
+
+    if (child.children) {
+      count += getSelectedChildCount(child.children, selectedValue);
+    }
+
+    return count;
+  }, 0);
+};
+
+var getAllChildrenValues = function getAllChildrenValues(option) {
+  var values = [];
+
+  if (option.children) {
+    option.children.forEach(function (child) {
+      values.push(child.value);
+      var childValues = getAllChildrenValues(child);
+      childValues.forEach(function (value) {
+        return values.push(value);
+      });
+    });
+  }
+
+  return values;
+};
+
+var NestedAccordionSelectGroup =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var _cx;
+
+  var option = _ref.option,
+      handleChangeValue = _ref.handleChangeValue,
+      selectedValue = _ref.selectedValue;
+  var theme = useMUITheme();
+  var customOptionStyle = useCustomStyle$1(theme);
+
+  var _useState = useState(option.defaultOpen || false),
+      expanded = _useState[0],
+      setExpanded = _useState[1];
+
+  var hasChildren = option.children && option.children.length > 0;
+  var allChildrenValues = React.useMemo(function () {
+    return getAllChildrenValues(option);
+  }, [option]);
+  var selectedChildCount = React.useMemo(function () {
+    return hasChildren ? getSelectedChildCount(option.children, selectedValue) : 0;
+  }, [hasChildren, option.children, selectedValue]);
+  var totalChildCount = React.useMemo(function () {
+    return hasChildren ? allChildrenValues.length : 0;
+  }, [hasChildren, allChildrenValues]);
+  var isSelected = selectedValue.includes(option.value);
+  var isAllChildrenSelected = hasChildren && selectedChildCount === totalChildCount; // 監聽子項選中狀態，自動更新父項選中狀態
+
+  React.useEffect(function () {
+    if (hasChildren && isAllChildrenSelected && !isSelected) {
+      // 當所有子項被選中但父項未被選中時，自動選中父項
+      handleChangeValue(selectedValue.concat([option.value]));
+    } else if (hasChildren && !isAllChildrenSelected && isSelected) {
+      // 當不是所有子項都被選中但父項被選中時，取消選中父項
+      handleChangeValue(selectedValue.filter(function (v) {
+        return v !== option.value;
+      }));
+    }
+  }, [hasChildren, isAllChildrenSelected, isSelected, selectedValue, option.value, handleChangeValue]);
+  var handleOptionChange = React.useCallback(function () {
+    var isCurrentlySelected = selectedValue.includes(option.value);
+
+    if (isCurrentlySelected) {
+      // 如果目前是選中狀態，則取消選中該選項及其所有子項
+      var newValue = selectedValue.filter(function (v) {
+        return v !== option.value && !allChildrenValues.includes(v);
+      });
+      handleChangeValue(newValue);
+    } else {
+      // 如果目前是未選中狀態
+      if (isAllChildrenSelected) {
+        // 如果所有子項都已經被選中，則只選中父選項
+        var _newValue = selectedValue.concat([option.value]);
+
+        handleChangeValue(_newValue);
+      } else if (selectedChildCount === 0) {
+        // 如果所有子項都是未選中狀態，則選中該選項及其所有子項
+        var _newValue2 = selectedValue.concat([option.value]).concat(allChildrenValues);
+
+        handleChangeValue(_newValue2);
+      } else {
+        // 如果有部分子項被選中，則選中該選項及其所有子項
+        var _newValue3 = selectedValue.concat([option.value]).concat(allChildrenValues);
+
+        handleChangeValue(_newValue3);
+      }
+    }
+  }, [option, selectedValue, selectedChildCount, allChildrenValues, isAllChildrenSelected, handleChangeValue]);
+  var handleExpand = React.useCallback(function (e) {
+    if (!hasChildren) return;
+    e.stopPropagation();
+    setExpanded(!expanded);
+
+    if (window) {
+      setTimeout(function () {
+        window.dispatchEvent(new Event('resize'));
+      }, 100);
+    }
+  }, [hasChildren, expanded]);
+  return React.createElement(Accordion$2, {
+    ref: ref,
+    expanded: expanded
+  }, React.createElement(AccordionSummary$2, {
+    expandIcon: hasChildren && React.createElement(Icon, {
+      name: "ExpandMore"
+    }),
+    className: cx({
+      selected: isSelected
+    }),
+    IconButtonProps: {
+      onClick: handleExpand
+    },
+    onClick: handleOptionChange
+  }, React.createElement(MenuItem, {
+    className: cx(customOptionStyle.container, (_cx = {}, _cx['Mui-selected'] = isSelected, _cx), css(_templateObject$6())),
+    value: option.value,
+    selected: isSelected
+  }, React.createElement(Checkbox, {
+    color: "primary",
+    checked: Boolean(isSelected || isAllChildrenSelected),
+    indeterminate: !!hasChildren && selectedChildCount > 0 && selectedChildCount < totalChildCount && !isAllChildrenSelected,
+    onClick: handleOptionChange,
+    className: customOptionStyle.checkbox
+  }), React.createElement("div", {
+    className: customOptionStyle.greyBlock
+  }, option.text))), React.createElement(AccordionDetails$2, null, option.children && option.children.map(function (child) {
+    return React.createElement("div", {
+      key: child.value,
+      className: css(_templateObject2$1())
+    }, React.createElement(NestedAccordionSelectGroup, {
+      option: child,
+      handleChangeValue: handleChangeValue,
+      selectedValue: selectedValue
+    }));
+  })));
+});
+
+function _templateObject$7() {
+  var data = _taggedTemplateLiteralLoose(["\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 30px;\n        padding: 0 8px;\n        background: ", ";\n        border-radius: 4px;\n        margin-right: 4px;\n        color: ", ";\n        font-weight: 500;\n        font-size: 14px;\n        line-height: 21px;\n        align-self: center;\n\n        &:last-of-type {\n          margin-right: 0;\n        }\n      "]);
+
+  _templateObject$7 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var GreyBlock$1 = function GreyBlock(_ref) {
+  var text = _ref.text;
+  var theme = useMUITheme();
+  return React.createElement("div", {
+    className: css(_templateObject$7(), theme.palette.grey['100'], theme.palette.text.secondary)
+  }, text);
+};
+
+function _templateObject$8() {
+  var data = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n        color: ", ";\n      "]);
+
+  _templateObject$8 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var Placeholder$1 = function Placeholder(_ref) {
+  var text = _ref.text,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var theme = useMUITheme();
+
+  if (!text) {
+    return null;
+  }
+
+  return React.createElement(Typography, {
+    component: "p",
+    variant: "body2",
+    className: css(_templateObject$8(), disabled ? theme.palette.grey['300'] : theme.palette.grey['500'])
+  }, text);
+};
+
+function _templateObject6() {
+  var data = _taggedTemplateLiteralLoose(["\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              padding: 16px;\n            "]);
+
+  _templateObject6 = function _templateObject6() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject5() {
+  var data = _taggedTemplateLiteralLoose(["\n                width: 100%;\n                padding: 8px;\n                border: 1px solid ", ";\n                border-radius: 4px;\n                outline: none;\n                &:focus {\n                  border-color: ", ";\n                }\n              "]);
+
+  _templateObject5 = function _templateObject5() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject4() {
+  var data = _taggedTemplateLiteralLoose(["\n              padding: 8px;\n              border-bottom: 1px solid ", ";\n            "]);
+
+  _templateObject4 = function _templateObject4() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3() {
+  var data = _taggedTemplateLiteralLoose(["\n              color: ", ";\n              margin-bottom: 4px;\n            "]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2$2() {
+  var data = _taggedTemplateLiteralLoose(["\n              color: ", ";\n              margin-bottom: 4px;\n            "]);
+
+  _templateObject2$2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$9() {
+  var data = _taggedTemplateLiteralLoose(["\n                    display: flex;\n                    overflow: hidden;\n                    white-space: nowrap;\n                  "]);
+
+  _templateObject$9 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var useSelectStyle$2 =
+/*#__PURE__*/
+makeStyles$1(function (theme) {
+  return {
+    select: {
+      padding: '5px 8px',
+      display: 'inline-flex',
+      backgroundColor: theme.palette.common.white,
+      height: '30px'
+    }
+  };
+});
+var NestedAccordionSelect =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+      handleChangeValue = _ref.handleChangeValue,
+      options = _ref.options,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+      _ref$hint = _ref.hint,
+      hint = _ref$hint === void 0 ? '' : _ref$hint,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$maxHeight = _ref.maxHeight,
+      maxHeight = _ref$maxHeight === void 0 ? 300 : _ref$maxHeight,
+      _ref$searchable = _ref.searchable,
+      searchable = _ref$searchable === void 0 ? false : _ref$searchable,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading,
+      _ref$error = _ref.error,
+      error = _ref$error === void 0 ? false : _ref$error,
+      _ref$errorText = _ref.errorText,
+      errorText = _ref$errorText === void 0 ? '' : _ref$errorText,
+      rest = _objectWithoutPropertiesLoose(_ref, ["value", "handleChangeValue", "options", "variant", "placeholder", "hint", "disabled", "maxHeight", "searchable", "loading", "error", "errorText"]);
+
+  var selectStyle = useSelectStyle$2();
+  var theme = useMUITheme();
+
+  var _useState = useState(''),
+      searchText = _useState[0],
+      setSearchText = _useState[1];
+
+  var getRenderTexts = React.useCallback(function (values) {
+    return values.filter(function (v) {
+      // 過濾掉含有非數字的值：頁面、題組、選項組
+      var splitValue = v.split('-');
+      return !splitValue.some(function (sv) {
+        return isNaN(Number(sv));
+      });
+    }).map(function (value) {
+      var findOptionText = function findOptionText(options, targetValue) {
+        for (var _iterator = options, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+          var _ref2;
+
+          if (_isArray) {
+            if (_i >= _iterator.length) break;
+            _ref2 = _iterator[_i++];
+          } else {
+            _i = _iterator.next();
+            if (_i.done) break;
+            _ref2 = _i.value;
+          }
+
+          var option = _ref2;
+
+          if (option.value === targetValue) {
+            return option.text;
+          }
+
+          if (option.children) {
+            var childText = findOptionText(option.children, targetValue);
+
+            if (childText) {
+              return childText;
+            }
+          }
+        }
+
+        return '';
+      };
+
+      return findOptionText(options, value);
+    });
+  }, [options]);
+  var filteredOptions = React.useMemo(function () {
+    if (!searchable || !searchText) return options;
+
+    var filterOptions = function filterOptions(items) {
+      return items.map(function (item) {
+        var matches = item.text.toLowerCase().includes(searchText.toLowerCase());
+        var children = item.children && filterOptions(item.children);
+        var hasMatchingChildren = children && children.length > 0;
+
+        if (matches || hasMatchingChildren) {
+          return {
+            value: item.value,
+            text: item.text,
+            children: children
+          };
+        }
+
+        return null;
+      }).filter(function (item) {
+        return item !== null;
+      });
+    };
+
+    return filterOptions(options);
+  }, [options, searchable, searchText]);
+
+  var onChange = function onChange(clickValue) {
+    if (Array.isArray(clickValue)) {
+      handleChangeValue(clickValue);
+    } else {
+      var isSelected = value.includes(clickValue);
+
+      if (isSelected) {
+        handleChangeValue(value.filter(function (v) {
+          return v !== clickValue;
+        }));
+      } else {
+        handleChangeValue(value.concat(clickValue));
+      }
+    }
+  };
 
   return React.createElement(Select, Object.assign({}, rest, {
     ref: ref,
-    value: value,
-    onChange: onChange,
+    value: '',
     variant: variant,
-    onOpen: onOpen,
-    onClose: onClose,
+    displayEmpty: true,
     fullWidth: true,
-    multiple: true,
-    classes: selectStyle
-  }), options && options.map(function (opt) {
-    var _cx;
-
-    return React.createElement(MenuItem, {
-      className: customOptionStyle.menuItem,
-      value: opt.value,
-      key: opt.value,
-      disabled: disabledOptions && disabledOptions.includes(opt.value)
-    }, React.createElement(Checkbox, {
-      color: "primary",
-      checked: value.includes(opt.value),
-      className: customOptionStyle.checkbox
-    }), React.createElement("div", {
-      className: cx(customOptionStyle.root, (_cx = {}, _cx[customOptionStyle["var"]] = opt.optionType === 'var', _cx))
-    }, opt.children));
-  }));
-});
-MultiVarSelect.displayName = 'MultiVarSelect';
-
-var Typography =
-/*#__PURE__*/
-forwardRef(function (props, ref) {
-  return React.createElement(Typography$2, Object.assign({}, props, {
-    ref: ref
+    classes: selectStyle,
+    disabled: disabled || loading,
+    error: error,
+    renderValue: value.length === 0 ? function () {
+      return React.createElement(Placeholder$1, {
+        text: placeholder,
+        disabled: disabled
+      });
+    } : function () {
+      return React.createElement("div", {
+        className: css(_templateObject$9())
+      }, getRenderTexts(value).map(function (text, index) {
+        return React.createElement(GreyBlock$1, {
+          key: text + "-" + index,
+          text: text
+        });
+      }));
+    },
+    MenuProps: {
+      PaperProps: {
+        style: {
+          maxHeight: maxHeight
+        }
+      }
+    }
+  }), hint && React.createElement(Typography, {
+    variant: "body2",
+    className: css(_templateObject2$2(), theme.palette.grey['500'])
+  }, hint), error && errorText && React.createElement(Typography, {
+    variant: "body2",
+    className: css(_templateObject3(), theme.palette.error.main)
+  }, errorText), searchable && React.createElement("div", {
+    className: css(_templateObject4(), theme.palette.divider)
+  }, React.createElement("input", {
+    type: "text",
+    value: searchText,
+    onChange: function onChange(e) {
+      return setSearchText(e.target.value);
+    },
+    placeholder: "\u641C\u5C0B...",
+    className: css(_templateObject5(), theme.palette.grey[300], theme.palette.primary.main)
+  })), loading ? React.createElement("div", {
+    className: css(_templateObject6())
+  }, React.createElement(Typography, {
+    variant: "body2",
+    color: "textSecondary"
+  }, "\u8F09\u5165\u4E2D...")) : filteredOptions.map(function (option, optionIndex) {
+    return React.createElement(NestedAccordionSelectGroup, {
+      key: option.value + "-" + optionIndex,
+      option: option,
+      handleChangeValue: onChange,
+      selectedValue: value
+    });
   }));
 });
-Typography.displayName = 'Typography';
+NestedAccordionSelect.displayName = 'NestedAccordionSelect';
 
-function _templateObject6() {
+function _templateObject6$1() {
   var data = _taggedTemplateLiteralLoose(["\n          padding: 0 8px;\n        "]);
 
-  _templateObject6 = function _templateObject6() {
+  _templateObject6$1 = function _templateObject6() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5() {
+function _templateObject5$1() {
   var data = _taggedTemplateLiteralLoose(["\n            padding: 0 16px;\n          "]);
 
-  _templateObject5 = function _templateObject5() {
+  _templateObject5$1 = function _templateObject5() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4() {
+function _templateObject4$1() {
   var data = _taggedTemplateLiteralLoose(["\n            max-width: 60px;\n          "]);
 
-  _templateObject4 = function _templateObject4() {
+  _templateObject4$1 = function _templateObject4() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3() {
+function _templateObject3$1() {
   var data = _taggedTemplateLiteralLoose(["\n          display: flex;\n          align-items: center;\n        "]);
 
-  _templateObject3 = function _templateObject3() {
+  _templateObject3$1 = function _templateObject3() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2() {
+function _templateObject2$3() {
   var data = _taggedTemplateLiteralLoose(["\n          padding: 0 8px;\n        "]);
 
-  _templateObject2 = function _templateObject2() {
+  _templateObject2$3 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject() {
+function _templateObject$a() {
   var data = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        align-items: center;\n        color: ", ";\n      "]);
 
-  _templateObject = function _templateObject() {
+  _templateObject$a = function _templateObject() {
     return data;
   };
 
@@ -3411,9 +5361,9 @@ var Pagination = function Pagination(_ref) {
   var hasPrev = pageIndex > 0;
   var hasNext = pageIndex < totalPages - 1;
   return React.createElement("div", {
-    className: css(_templateObject(), theme.palette.grey[500])
+    className: css(_templateObject$a(), theme.palette.grey[500])
   }, React.createElement("div", {
-    className: css(_templateObject2())
+    className: css(_templateObject2$3())
   }, React.createElement(IconButton, {
     disabled: !hasPrev,
     onClick: prev,
@@ -3423,11 +5373,11 @@ var Pagination = function Pagination(_ref) {
   }, React.createElement(Icon, {
     name: "NavigateBefore"
   }))), React.createElement("div", {
-    className: css(_templateObject3()),
+    className: css(_templateObject3$1()),
     "data-page": pageIndex + 1,
     "data-total-pages": totalPages
   }, React.createElement("div", {
-    className: css(_templateObject4())
+    className: css(_templateObject4$1())
   }, React.createElement(OutlinedInput, {
     inputRef: inputRef,
     type: "text",
@@ -3441,13 +5391,13 @@ var Pagination = function Pagination(_ref) {
       }
     }
   })), React.createElement("div", {
-    className: css(_templateObject5())
+    className: css(_templateObject5$1())
   }, ' ', React.createElement(Typography, {
     variant: "body1"
   }, "/")), React.createElement(Typography, {
     variant: "body1"
   }, totalPages)), React.createElement("div", {
-    className: css(_templateObject6())
+    className: css(_templateObject6$1())
   }, React.createElement(IconButton, {
     name: "NavigateNext",
     disabled: !hasNext,
@@ -3462,22 +5412,13 @@ var Pagination = function Pagination(_ref) {
 
 Pagination.displayName = 'Pagination';
 
-var styles = {
-  paper: {
-    'box-shadow': '0px 4px 20px rgba(69, 69, 69, 0.25)',
-    padding: '24px',
-    marginTop: '12px'
-  }
-};
-var StyledPopover =
-/*#__PURE__*/
-withStyles(styles)(MUIPopover);
 var Popover =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
-  return React.createElement(StyledPopover, Object.assign({}, props, {
-    ref: ref
-  }));
+  return React.createElement(MUIPopover, Object.assign({
+    ref: ref,
+    elevation: 3
+  }, props));
 });
 Popover.displayName = 'Popover';
 
@@ -3582,6 +5523,17 @@ forwardRef(function (props, ref) {
 });
 Stepper.displayName = 'Stepper';
 
+var SwipeableDrawer =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  var rest = _extends({}, props);
+
+  return React.createElement(MUISwipeableDrawer, Object.assign({}, rest, {
+    ref: ref
+  }));
+});
+SwipeableDrawer.displayName = 'SwipeableDrawer';
+
 var Switch =
 /*#__PURE__*/
 forwardRef(function (props, ref) {
@@ -3644,20 +5596,20 @@ forwardRef(function (props, ref) {
   }));
 });
 
-function _templateObject2$1() {
+function _templateObject2$4() {
   var data = _taggedTemplateLiteralLoose(["\n              & .MuiPaper-root {\n                box-shadow: none;\n                border: 1px solid ", ";\n              }\n\n              & .MuiMenuItem-root:hover {\n                background-color: ", ";\n                color: ", ";\n              }\n\n              & .MuiMenuItem-root.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n              }\n            "]);
 
-  _templateObject2$1 = function _templateObject2() {
+  _templateObject2$4 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$1() {
+function _templateObject$b() {
   var data = _taggedTemplateLiteralLoose(["\n          & .Mui-focused .MuiSelect-icon {\n            color: ", ";\n          }\n        "]);
 
-  _templateObject$1 = function _templateObject() {
+  _templateObject$b = function _templateObject() {
     return data;
   };
 
@@ -3670,7 +5622,7 @@ forwardRef(function (props, ref) {
   return React.createElement(MUITablePagination, Object.assign({}, props, {
     ref: ref,
     component: "div",
-    className: css(_templateObject$1(), theme.palette.grey[500]),
+    className: css(_templateObject$b(), theme.palette.grey[500]),
     SelectProps: {
       variant: 'outlined',
       IconComponent: Icons.KeyboardArrowDown,
@@ -3684,7 +5636,7 @@ forwardRef(function (props, ref) {
           horizontal: 'left'
         },
         getContentAnchorEl: null,
-        className: css(_templateObject2$1(), theme.palette.grey[500], theme.palette.grey.A400, theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[700])
+        className: css(_templateObject2$4(), theme.palette.grey[500], theme.palette.grey.A400, theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[700])
       }
     }
   }));
@@ -3766,21 +5718,7 @@ forwardRef(function (props, ref) {
 });
 Tooltip.displayName = 'Tooltip';
 
-var ListSubheader =
-/*#__PURE__*/
-forwardRef(function (props, ref) {
-  var _props$disableGutters = props.disableGutters,
-      disableGutters = _props$disableGutters === void 0 ? true : _props$disableGutters,
-      rest = _objectWithoutPropertiesLoose(props, ["disableGutters"]);
-
-  return React.createElement(MuiListSubheader$1, Object.assign({}, rest, {
-    ref: ref,
-    disableGutters: disableGutters
-  }), props.children);
-});
-ListSubheader.displayName = 'ListSubheader';
-
-var useSelectStyle$1 =
+var useSelectStyle$3 =
 /*#__PURE__*/
 makeStyles$1(function (theme) {
   return {
@@ -3842,10 +5780,10 @@ makeStyles$1(function (theme) {
   };
 });
 
-function _templateObject$2() {
+function _templateObject$c() {
   var data = _taggedTemplateLiteralLoose(["\n                        color: ", ";\n                      "]);
 
-  _templateObject$2 = function _templateObject() {
+  _templateObject$c = function _templateObject() {
     return data;
   };
 
@@ -3856,7 +5794,7 @@ var VarSelect =
 forwardRef(function (props, ref) {
   var theme = useMUITheme();
   var customOptionStyle = useCustomOptionStyle$1();
-  var selectStyle = useSelectStyle$1();
+  var selectStyle = useSelectStyle$3();
 
   var groups = props.groups,
       options = props.options,
@@ -3892,7 +5830,7 @@ forwardRef(function (props, ref) {
           }
         }, React.createElement(Typography, {
           variant: "body2",
-          className: css(_templateObject$2(), theme.palette.grey[500])
+          className: css(_templateObject$c(), theme.palette.grey[500])
         }, opt.emptyLabel));
       }
 
@@ -3966,11 +5904,14 @@ var index = {
   __proto__: null,
   theme: theme,
   useMUITheme: useMUITheme,
+  useThemeCompat: useThemeCompat,
+  themeCompat: themeCompat,
   ThemeProvider: ThemeProvider,
   PureThemeProvider: PureThemeProvider,
   Accordion: Accordion,
   AccordionDetails: AccordionDetails,
-  AccordionSummary: AccordionSummary,
+  AccordionSelect: AccordionSelect,
+  AccordionSummary: AccordionSummary$1,
   Alert: Alert,
   AlertTitle: AlertTitle,
   Autocomplete: Autocomplete,
@@ -3993,6 +5934,7 @@ var index = {
   DialogContentText: DialogContentText,
   DialogTitle: DialogTitle,
   Divider: Divider,
+  Drawer: Drawer,
   Fade: Fade,
   FormControl: FormControl,
   FormControlLabel: FormControlLabel,
@@ -4005,9 +5947,11 @@ var index = {
   LinearProgress: LinearProgress,
   Link: Link,
   LoadingButton: LoadingButton,
+  Menu: Menu,
   MenuItem: MenuItem,
   MenuList: MenuList,
   MultiVarSelect: MultiVarSelect,
+  NestedAccordionSelect: NestedAccordionSelect,
   OutlinedInput: OutlinedInput,
   Pagination: Pagination,
   Popover: Popover,
@@ -4022,6 +5966,7 @@ var index = {
   Step: Step,
   StepLabel: StepLabel,
   Stepper: Stepper,
+  SwipeableDrawer: SwipeableDrawer,
   Switch: Switch,
   Tab: Tab,
   Table: Table,
@@ -4125,7 +6070,7 @@ AnimateHeight.defaultProps = {
   animateDisabled: false
 };
 
-var styles$1 = function styles(theme) {
+var styles = function styles(theme) {
   return createStyles({
     root: function root(props) {
       return _extends({
@@ -4152,7 +6097,7 @@ var styles$1 = function styles(theme) {
 
 var useStyles =
 /*#__PURE__*/
-makeStyles$1(styles$1);
+makeStyles$1(styles);
 var Avatar =
 /*#__PURE__*/
 forwardRef(function (_ref, ref) {
@@ -4207,84 +6152,6 @@ forwardRef(function (_ref, ref) {
   }, restProps), children);
 });
 
-var theme$1 = {
-  color: {
-    primary: {
-      active: '#009A68',
-      "default": '#3DBA90',
-      hover: '#79CEAF',
-      disabled: '#9EDCC7',
-      background: '#DEF3EC',
-      lightBackground: '#d1f0e5'
-    },
-    secondary: {
-      active: '#C40D5A',
-      "default": '#EB1362',
-      hover: '#EE3C7A',
-      disabled: '#F589B0',
-      background: '#FCE4EC'
-    },
-    thirdary: {
-      active: '#ED7B19',
-      "default": '#F8971D',
-      hover: '#F9A433',
-      disabled: '#FBCB8E',
-      background: '#FEF2E1'
-    },
-    text: {
-      white: '#FFF',
-      B6: '#454545',
-      B5: '#6B6B6B',
-      B4: '#989898',
-      B3: '#AAAAAA',
-      B2: '#BDBDBD',
-      B: '#D2D2D2',
-      HB: '#EEEEEE',
-      F: '#F6F6F6'
-    },
-    semantic: {
-      success: '#A0D45E',
-      info: '#4DBAE9',
-      warning: '#FDB531',
-      error: '#EE415D',
-
-      /**
-       * @description specific usage
-       */
-      enterprise: '#3E5871',
-      team: '#FF6A6A',
-      pro: '#36B6ED'
-    }
-  },
-  typography: {
-    fontSize: {
-      h1: 36,
-      h2: 32,
-      h3: 28,
-      h4: 24,
-      h5: 20,
-      h6: 16,
-      p: 14,
-      span: 14,
-      div: 14
-    },
-    fontWeight: {
-      normal: 400,
-      medium: 500,
-      bold: 700
-    }
-  },
-  zIndex: {
-    mobileStepper: 1000,
-    speedDial: 1050,
-    appBar: 1100,
-    drawer: 1200,
-    modal: 1300,
-    snackbar: 1400,
-    tooltip: 1500
-  }
-};
-
 var CustomBoxShadow1 = "\n0 1px 4px 0 rgba(69, 69, 69, 0.2),\n0 1px 2px 0 rgba(69, 69, 69, 0.1)\n";
 var CustomChip =
 /*#__PURE__*/
@@ -4393,20 +6260,20 @@ var CardContent = MuiCardContent;
 
 var CardHeader = MuiCardHeader;
 
-function _templateObject2$2() {
+function _templateObject2$5() {
   var data = _taggedTemplateLiteralLoose(["\n  animation: ", " 1s linear infinite;\n"]);
 
-  _templateObject2$2 = function _templateObject2() {
+  _templateObject2$5 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$3() {
+function _templateObject$d() {
   var data = _taggedTemplateLiteralLoose(["\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n"]);
 
-  _templateObject$3 = function _templateObject() {
+  _templateObject$d = function _templateObject() {
     return data;
   };
 
@@ -4416,19 +6283,19 @@ var loadingCircle =
 /*#__PURE__*/
 keyframes(
 /*#__PURE__*/
-_templateObject$3());
+_templateObject$d());
 var spin =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject2$2(), loadingCircle);
+_templateObject2$5(), loadingCircle);
 
 var _svgBaseProps;
 var svgBaseProps = (_svgBaseProps = {
   width: '1em',
   height: '1em',
   fill: 'currentColor'
-}, _svgBaseProps['aria-hidden'] = true, _svgBaseProps.focusable = 'false', _svgBaseProps);
+}, _svgBaseProps['aria-hidden'] = true, _svgBaseProps);
 var Icon$1 =
 /*#__PURE__*/
 forwardRef(function (_ref, ref) {
@@ -4483,20 +6350,20 @@ var CalendarAlt = {
   }
 };
 
-function _templateObject2$3() {
+function _templateObject2$6() {
   var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 12px;\n  top: 7px;\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  color: ", ";\n"]);
 
-  _templateObject2$3 = function _templateObject2() {
+  _templateObject2$6 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$4() {
+function _templateObject$e() {
   var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n"]);
 
-  _templateObject$4 = function _templateObject() {
+  _templateObject$e = function _templateObject() {
     return data;
   };
 
@@ -4506,12 +6373,12 @@ var DatePickerWrapper =
 /*#__PURE__*/
 styled$1('section')(
 /*#__PURE__*/
-_templateObject$4());
+_templateObject$e());
 var IonwWrapper =
 /*#__PURE__*/
 styled$1('section')(
 /*#__PURE__*/
-_templateObject2$3(), theme$1.color.primary["default"]);
+_templateObject2$6(), theme$1.color.primary["default"]);
 var popOverStyles =
 /*#__PURE__*/
 createStyles({
@@ -4526,7 +6393,7 @@ createStyles({
     paddingLeft: '30px'
   }
 });
-var styles$2 =
+var styles$1 =
 /*#__PURE__*/
 createStyles({
   root: {
@@ -4538,7 +6405,7 @@ createStyles({
 
 var StyledMuiDatePicker =
 /*#__PURE__*/
-withStyles(styles$2)(DatePicker$1);
+withStyles(styles$1)(DatePicker$1);
 var usePopOverStyles =
 /*#__PURE__*/
 makeStyles$1(popOverStyles);
@@ -4728,7 +6595,7 @@ createStyles({
     marginRight: '4px'
   }
 });
-var styles$3 =
+var styles$2 =
 /*#__PURE__*/
 createStyles({
   root: {
@@ -4740,7 +6607,7 @@ createStyles({
 
 var StyledMuiKeyBoardDatePicker =
 /*#__PURE__*/
-withStyles(styles$3)(KeyboardDatePicker$1);
+withStyles(styles$2)(KeyboardDatePicker$1);
 var usePopOverStyles$1 =
 /*#__PURE__*/
 makeStyles$1(popOverStyles$1);
@@ -5046,7 +6913,7 @@ var Select$1 = function Select(props) {
   }));
 };
 
-var styles$4 =
+var styles$3 =
 /*#__PURE__*/
 createStyles({
   root: {
@@ -5144,7 +7011,7 @@ makeStyles$1({
 
 var StyledSelect =
 /*#__PURE__*/
-withStyles(styles$4)(MuiSelect$1);
+withStyles(styles$3)(MuiSelect$1);
 var StyledEmptyLabel =
 /*#__PURE__*/
 withStyles(emptyStyles)(MuiListSubheader$1);
@@ -5190,50 +7057,50 @@ var GroupSelect = function GroupSelect(props) {
   }));
 };
 
-function _templateObject5$1() {
+function _templateObject5$2() {
   var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 8px;\n  font-size: 14px;\n  color: ", ";\n  font-weight: ", ";\n"]);
 
-  _templateObject5$1 = function _templateObject5() {
+  _templateObject5$2 = function _templateObject5() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4$1() {
+function _templateObject4$2() {
   var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 8px;\n  font-size: 14px;\n  color: #fff;\n  font-weight: ", ";\n"]);
 
-  _templateObject4$1 = function _templateObject4() {
+  _templateObject4$2 = function _templateObject4() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3$1() {
+function _templateObject3$2() {
   var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: ", ";\n  top: -1px;\n  transform: ", ";\n  width: 23px;\n  height: 23px;\n  background: #fff;\n  border: 1px solid #eee;\n  box-shadow: #bdbdbd 0 1px 2px 0;\n  border-radius: 90px;\n  transition: 0.3s;\n\n  &:hover {\n    box-shadow: #bdbdbd 0 2px 4px 0;\n  }\n"]);
 
-  _templateObject3$1 = function _templateObject3() {
+  _templateObject3$2 = function _templateObject3() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2$4() {
+function _templateObject2$7() {
   var data = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  width: 60px;\n  min-width: 60px;\n  height: 22px;\n  display: block;\n  border-radius: 100px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  background-color: ", ";\n  transition: 0.3s;\n  outline: none;\n"]);
 
-  _templateObject2$4 = function _templateObject2() {
+  _templateObject2$7 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$5() {
+function _templateObject$f() {
   var data = _taggedTemplateLiteralLoose(["\n  height: 10px;\n  width: 0;\n  visibility: hidden;\n  outline: none;\n  position: absolute;\n  left: 50%;\n  top: 12%;\n"]);
 
-  _templateObject$5 = function _templateObject() {
+  _templateObject$f = function _templateObject() {
     return data;
   };
 
@@ -5243,19 +7110,19 @@ var InputStyle =
 /*#__PURE__*/
 styled$1('input')(
 /*#__PURE__*/
-_templateObject$5());
+_templateObject$f());
 var LabelStyle =
 /*#__PURE__*/
 styled$1('label')(
 /*#__PURE__*/
-_templateObject2$4(), function (props) {
+_templateObject2$7(), function (props) {
   return props.checked ? theme$1.color.primary["default"] : theme$1.color.text.F;
 });
 var ThumbStyle =
 /*#__PURE__*/
 styled$1('span')(
 /*#__PURE__*/
-_templateObject3$1(), function (props) {
+_templateObject3$2(), function (props) {
   return props.checked ? '100%' : '0';
 }, function (props) {
   return props.checked && 'translateX(-99%)';
@@ -5264,12 +7131,12 @@ var CheckedNode =
 /*#__PURE__*/
 styled$1('span')(
 /*#__PURE__*/
-_templateObject4$1(), theme$1.typography.fontWeight.normal);
+_templateObject4$2(), theme$1.typography.fontWeight.normal);
 var UnCheckedNode =
 /*#__PURE__*/
 styled$1('span')(
 /*#__PURE__*/
-_templateObject5$1(), theme$1.color.text.B3, theme$1.typography.fontWeight.normal);
+_templateObject5$2(), theme$1.color.text.B3, theme$1.typography.fontWeight.normal);
 
 var Switch$1 =
 /*#__PURE__*/
@@ -5311,10 +7178,10 @@ createStyles({
   }
 });
 
-function _templateObject$6() {
+function _templateObject$g() {
   var data = _taggedTemplateLiteralLoose(["\n        z-index: 100;\n      "]);
 
-  _templateObject$6 = function _templateObject() {
+  _templateObject$g = function _templateObject() {
     return data;
   };
 
@@ -5345,7 +7212,7 @@ var MenuList$1 = function MenuList(_ref) {
     placement: placement,
     transition: true,
     modifiers: modifiers,
-    className: css(_templateObject$6())
+    className: css(_templateObject$g())
   }, function (_ref2) {
     var TransitionProps = _ref2.TransitionProps;
 
@@ -5390,7 +7257,7 @@ var MenuItem$1 = function MenuItem(props) {
   }), children);
 };
 
-var styles$5 = function styles(theme) {
+var styles$4 = function styles(theme) {
   return {
     root: {
       borderColor: theme.palette.primary.main,
@@ -5418,7 +7285,7 @@ var styles$5 = function styles(theme) {
 
 var StyledMuiToggleButton =
 /*#__PURE__*/
-withStyles(styles$5)(MUIToggleButton);
+withStyles(styles$4)(MUIToggleButton);
 
 var ToggleButtonGroup$1 = function ToggleButtonGroup(props) {
   var value = props.value,
@@ -5824,20 +7691,20 @@ var LongArrowRight = {
   }
 };
 
-function _templateObject2$5() {
+function _templateObject2$8() {
   var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin: 0 8px;\n  color: ", ";\n  font-size: 14px;\n"]);
 
-  _templateObject2$5 = function _templateObject2() {
+  _templateObject2$8 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$7() {
+function _templateObject$h() {
   var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"]);
 
-  _templateObject$7 = function _templateObject() {
+  _templateObject$h = function _templateObject() {
     return data;
   };
 
@@ -5847,12 +7714,12 @@ var StepperContainer =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject$7());
+_templateObject$h());
 var ConnectorContainer =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject2$5(), theme$1.color.text.B3);
+_templateObject2$8(), theme$1.color.text.B3);
 
 var Stepper$1 =
 /*#__PURE__*/
@@ -5889,10 +7756,10 @@ forwardRef(function (_ref, ref) {
 var index$3 = /*#__PURE__*/
 memo(Stepper$1);
 
-function _templateObject$8() {
+function _templateObject$i() {
   var data = _taggedTemplateLiteralLoose(["\n  cursor: ", ";\n  color: ", ";\n  background-color: transparent;\n  min-width: 56px;\n  padding: 16px 0;\n  border: none;\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: 22px;\n  outline: none;\n\n  &:hover {\n    color: ", ";\n  }\n"]);
 
-  _templateObject$8 = function _templateObject() {
+  _templateObject$i = function _templateObject() {
     return data;
   };
 
@@ -5902,7 +7769,7 @@ var SytledStep =
 /*#__PURE__*/
 styled$1('button')(
 /*#__PURE__*/
-_templateObject$8(), function (props) {
+_templateObject$i(), function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
 }, function (props) {
   return props.active ? theme$1.color.text.B6 : theme$1.color.text.B3;
@@ -5939,10 +7806,10 @@ forwardRef(function (_ref, ref) {
 var index$4 = /*#__PURE__*/
 memo(Step$1);
 
-function _templateObject$9() {
+function _templateObject$j() {
   var data = _taggedTemplateLiteralLoose(["\n\ttable, th, td {\n\t\tborder: 1px solid #eeeeee;\n\t}\n\n  table {\n    width: 100%;\n\t\tborder-collapse: collapse;\n\t\ttable-layout:fixed;\n\t}\n\n  thead {\n\t\ttr th {\n\t\t\theight: 56px;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 500;\n\t\t\ttext-align: center;\n\t\t\tcolor: #3dba90;\n\n\t\t\t&:#title {\n\t\t\t\twidth: 20%;\n\t\t\t}\n\n\t\t\t&#origin {\n\t\t\t\twidth: 40%;\n\t\t\t}\n\n\t\t\t&#translate {\n\t\t\t\twidth: 40%;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\ttr td {\n\t\t\tword-break:break-word;\n\t\t\tvertical-align:top;\n\t\t}\n\t}\n"]);
 
-  _templateObject$9 = function _templateObject() {
+  _templateObject$j = function _templateObject() {
     return data;
   };
 
@@ -5952,7 +7819,7 @@ var StyledEditableTable =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject$9());
+_templateObject$j());
 
 var EditableTable = function EditableTable(_ref) {
   var rows = _ref.rows,
@@ -6714,40 +8581,40 @@ var Direction;
   Direction["RIGHT"] = "right";
 })(Direction || (Direction = {}));
 
-function _templateObject4$2() {
+function _templateObject4$3() {
   var data = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-size: 16px;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 8px;\n"]);
 
-  _templateObject4$2 = function _templateObject4() {
+  _templateObject4$3 = function _templateObject4() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3$2() {
+function _templateObject3$3() {
   var data = _taggedTemplateLiteralLoose(["\n  margin-bottom: 4px;\n  white-space: pre-line;\n"]);
 
-  _templateObject3$2 = function _templateObject3() {
+  _templateObject3$3 = function _templateObject3() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2$6() {
+function _templateObject2$9() {
   var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]);
 
-  _templateObject2$6 = function _templateObject2() {
+  _templateObject2$9 = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$a() {
+function _templateObject$k() {
   var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n"]);
 
-  _templateObject$a = function _templateObject() {
+  _templateObject$k = function _templateObject() {
     return data;
   };
 
@@ -6778,22 +8645,22 @@ var MessageWrapper =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject$a());
+_templateObject$k());
 var MessageContent =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject2$6());
+_templateObject2$9());
 var TitleStyle =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject3$2());
+_templateObject3$3());
 var IconWrapper =
 /*#__PURE__*/
 styled$1.div(
 /*#__PURE__*/
-_templateObject4$2(), function (props) {
+_templateObject4$3(), function (props) {
   return props.color;
 });
 
@@ -6935,30 +8802,30 @@ var Link$1 = {
   }
 };
 
-function _templateObject3$3() {
+function _templateObject3$4() {
   var data = _taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n"]);
 
-  _templateObject3$3 = function _templateObject3() {
+  _templateObject3$4 = function _templateObject3() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2$7() {
+function _templateObject2$a() {
   var data = _taggedTemplateLiteralLoose(["\n  padding: 8px;\n  display: inline-block;\n  cursor: pointer;\n"]);
 
-  _templateObject2$7 = function _templateObject2() {
+  _templateObject2$a = function _templateObject2() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject$b() {
+function _templateObject$l() {
   var data = _taggedTemplateLiteralLoose(["\n  background-color: white;\n  transition: transform ", ";\n  transform: translateX(", ");\n  position: fixed;\n  ", ";\n  bottom: 0;\n  top: 0;\n  min-width: ", "px;\n  height: 100%;\n  z-index: ", ";\n"]);
 
-  _templateObject$b = function _templateObject() {
+  _templateObject$l = function _templateObject() {
     return data;
   };
 
@@ -7020,17 +8887,17 @@ var StyledSideMenu =
 /*#__PURE__*/
 styled$1.section(
 /*#__PURE__*/
-_templateObject$b(), duration, translateOffset, position, width, theme$1.zIndex.appBar);
+_templateObject$l(), duration, translateOffset, position, width, theme$1.zIndex.appBar);
 var StyledIconWrapper =
 /*#__PURE__*/
 styled$1.div(
 /*#__PURE__*/
-_templateObject2$7());
+_templateObject2$a());
 var IconStyle =
 /*#__PURE__*/
 css(
 /*#__PURE__*/
-_templateObject3$3(), theme$1.color.primary["default"]);
+_templateObject3$4(), theme$1.color.primary["default"]);
 
 var SlidingSideMenu = function SlidingSideMenu(_ref) {
   var children = _ref.children,
@@ -7151,10 +9018,10 @@ var Divider$1 = function Divider(props) {
 
 var boxShadowForMenu = "0 1px 6px 0 rgba(69, 69, 69, 0.2),\n0 1px 5px 0 rgba(69, 69, 69, 0.1)";
 
-function _templateObject$c() {
+function _templateObject$m() {
   var data = _taggedTemplateLiteralLoose(["\n    @import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700|Roboto:400,500,700&display=swap&subset=chinese-traditional');\n  "]);
 
-  _templateObject$c = function _templateObject() {
+  _templateObject$m = function _templateObject() {
     return data;
   };
 
@@ -7174,7 +9041,7 @@ var muiThemeForSurveyCake =
 /*#__PURE__*/
 function () {
   // Side Effects
-  injectGlobal(_templateObject$c());
+  injectGlobal(_templateObject$m());
   var BASE_FONT_SIZE = 16;
   return createTheme({
     typography: {
@@ -8375,5 +10242,5 @@ WordingProvider.useWording = function () {
   return useContext(WordingContext);
 };
 
-export { AnimateHeight, ArrowRight, Avatar, Backdrop$1 as Backdrop, BrowserLight, Button$1 as Button, Card$1 as Card, CardActionArea$1 as CardActionArea, CardActions$1 as CardActions, CardContent, CardHeader, MuiCheckbox$1 as Checkbox, index$1 as Chip, DatePicker, Divider$1 as Divider, EditLight, EditableTable, GroupSelect, Icon$1 as Icon, InputSlider, KeyboardDatePicker, ListUl as ListUlFilled, Lock as LockFilled, MenuItem$1 as MenuItem, MenuList$1 as MenuList, api as Message, Modal, MuiThemeProvider, index$2 as Pagination, Paper, Popper$1 as Popper, Portal, QuestionCircleOutline, MuiRadio$1 as Radio, Radio$1 as RadioGroup, Select$1 as Select, index$5 as SlidingSideMenu, Snackbar$1 as Snackbar, index$4 as Step, index$3 as Stepper, Switch$1 as Switch, Tab$1 as Tab, Tabs$1 as Tabs, Tag, ToggleButtonGroup$1 as ToggleButtonGroup, Tooltip$1 as Tooltip, Typography$1 as Typography, index as V2, WordingProvider, AnalyticsLight as analyticsLight, AngleLeft as angleLeftFilled, AngleLeft$1 as angleLeftOutlined, AngleRight as angleRightFilled, AngleRight$1 as angleRightOutlined, ArrowAltLeft as arrowAltLeftFilled, BarChart$1 as barChartFilled, BracketsCurly as bracketsCurly, CalendarAlt as calendarAltOutlined, CaretDown$1 as caretDownFilled, CaretLeft as caretLeftFilled, CaretRight as caretRightFilled, CaretUp as caretUpFilled, CheckCircle as checkCircleFilled, CheckCircle$1 as checkCircleOutlined, Check as checkFilled, Check$1 as checkOutlined, CheckSquare as checkSquareFilled, ChevronDown as chevronDownOutlined, ChevronLeft as chevronLeftFilled, ChevronRight as chevronRightFilled, Clock as clockOutlined, Code as codeOutlined, CogLight as cogLight, CommentAltLines as commentAltLinesOutlined, theme$1 as defaultTheme, EllipsisH as ellipsisHFilled, EllipsisV as ellipsisVFilled, ExclamationCircle as exclamationCircleFilled, ExclamationCircle$1 as exclamationCircleOutlined, ExclamationTriangle as exclamationTriangleFilled, ExternalLinkLight as externalLinkLight, Facebook$1 as facebookBrand, FacebookIn as facebookIn, FileAlt as fileAltOutlined, FileCertificate as fileCertificateOutlined, Filter as filterOutlined, GlobalAsia as globalAsiaOutlined, HandPointer as handPointerFilled, HandPointer$1 as handPointerOutlined, Heart as heartFilled, Heart$1 as heartOutlined, hexToRgba, InfoCircle as infoCircleFilled, InfoCircle$1 as infoCircleOutlined, LinkLight as linkLight, Link$2 as linkOutlined, Linkedin as linkedinBrand, LinkedinIn as linkedinIn, Link$1 as listUlOutlined, LongArrowRight as longArrowRightOutlined, makeStyles, MinusLight as minusLightFilled, muiThemeForSurveyCake, PageBreak as pageBreak, PenLight as penLight, PlusCircle as plusCircleOutlined, Plus as plusFilled, PlusLight as plusLightFilled, QRCode as qrcodeOutlined, QuestionCircle as questionCircleFilled, Redo as redoOutlined, Search as searchFilled, SearchLight as searchLightOutlined, SortDown as sortDownFilled, Sort as sortFilled, SortUp as sortUpFilled, SpinnerThird as spinnerThirdOutlined, Square as squareOutlined, Star as starFilled, Star$1 as starOutlined, ThLarge as thLargeOutLined, ThumbUp as thumbUpFilled, ThumbUp$1 as thumbUpOutlined, TimesCircle as timesCircleFilled, TimesCircle$1 as timesCircleOutlined, Times as timesOutlined, TrashAltRegular as trashAltRegular, Twitter as twitterBrand, TwitterIn as twitterIn, useTheme, User as userFilled, UserPlus as userPlusFilled, UserPlus$1 as userPlusOutlined, Users as usersFilled, withMuiPickersUtilsProvider };
+export { AnimateHeight, ArrowRight, Avatar, Backdrop$1 as Backdrop, BrowserLight, Button$1 as Button, Card$1 as Card, CardActionArea$1 as CardActionArea, CardActions$1 as CardActions, CardContent, CardHeader, MuiCheckbox$1 as Checkbox, index$1 as Chip, DatePicker, Divider$1 as Divider, EditLight, EditableTable, GroupSelect, Icon$1 as Icon, InputSlider, KeyboardDatePicker, ListUl as ListUlFilled, Lock as LockFilled, MenuItem$1 as MenuItem, MenuList$1 as MenuList, api as Message, Modal, MuiThemeProvider, index$2 as Pagination, Paper, Popper$1 as Popper, Portal, QuestionCircleOutline, MuiRadio$1 as Radio, Radio$1 as RadioGroup, Select$1 as Select, index$5 as SlidingSideMenu, Snackbar$1 as Snackbar, index$4 as Step, index$3 as Stepper, Switch$1 as Switch, Tab$1 as Tab, Tabs$1 as Tabs, Tag, ToggleButtonGroup$1 as ToggleButtonGroup, Tooltip$1 as Tooltip, Typography$1 as Typography, index as V2, WordingProvider, AnalyticsLight as analyticsLight, AngleLeft as angleLeftFilled, AngleLeft$1 as angleLeftOutlined, AngleRight as angleRightFilled, AngleRight$1 as angleRightOutlined, ArrowAltLeft as arrowAltLeftFilled, BarChart$1 as barChartFilled, BracketsCurly as bracketsCurly, cache, CalendarAlt as calendarAltOutlined, CaretDown$1 as caretDownFilled, CaretLeft as caretLeftFilled, CaretRight as caretRightFilled, CaretUp as caretUpFilled, CheckCircle as checkCircleFilled, CheckCircle$1 as checkCircleOutlined, Check as checkFilled, Check$1 as checkOutlined, CheckSquare as checkSquareFilled, ChevronDown as chevronDownOutlined, ChevronLeft as chevronLeftFilled, ChevronRight as chevronRightFilled, Clock as clockOutlined, Code as codeOutlined, CogLight as cogLight, CommentAltLines as commentAltLinesOutlined, css, cx, theme$1 as defaultTheme, EllipsisH as ellipsisHFilled, EllipsisV as ellipsisVFilled, ExclamationCircle as exclamationCircleFilled, ExclamationCircle$1 as exclamationCircleOutlined, ExclamationTriangle as exclamationTriangleFilled, ExternalLinkLight as externalLinkLight, Facebook$1 as facebookBrand, FacebookIn as facebookIn, FileAlt as fileAltOutlined, FileCertificate as fileCertificateOutlined, Filter as filterOutlined, flush, getRegisteredStyles, GlobalAsia as globalAsiaOutlined, HandPointer as handPointerFilled, HandPointer$1 as handPointerOutlined, Heart as heartFilled, Heart$1 as heartOutlined, hexToRgba, hydrate, InfoCircle as infoCircleFilled, InfoCircle$1 as infoCircleOutlined, injectGlobal, keyframes, LinkLight as linkLight, Link$2 as linkOutlined, Linkedin as linkedinBrand, LinkedinIn as linkedinIn, Link$1 as listUlOutlined, LongArrowRight as longArrowRightOutlined, makeStyles, merge, MinusLight as minusLightFilled, muiThemeForSurveyCake, PageBreak as pageBreak, PenLight as penLight, PlusCircle as plusCircleOutlined, Plus as plusFilled, PlusLight as plusLightFilled, QRCode as qrcodeOutlined, QuestionCircle as questionCircleFilled, Redo as redoOutlined, Search as searchFilled, SearchLight as searchLightOutlined, sheet, SortDown as sortDownFilled, Sort as sortFilled, SortUp as sortUpFilled, SpinnerThird as spinnerThirdOutlined, Square as squareOutlined, Star as starFilled, Star$1 as starOutlined, ThLarge as thLargeOutLined, ThumbUp as thumbUpFilled, ThumbUp$1 as thumbUpOutlined, TimesCircle as timesCircleFilled, TimesCircle$1 as timesCircleOutlined, Times as timesOutlined, TrashAltRegular as trashAltRegular, Twitter as twitterBrand, TwitterIn as twitterIn, useTheme, User as userFilled, UserPlus as userPlusFilled, UserPlus$1 as userPlusOutlined, Users as usersFilled, withMuiPickersUtilsProvider };
 //# sourceMappingURL=rc.esm.js.map