odaptos_design_system 1.3.0 → 1.3.2

package/dist/odaptos_design_system.cjs.development.js

@@ -8,7 +8,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var material = require('@mui/material');
 var Autocomplete = _interopDefault(require('@mui/material/Autocomplete'));
-var styles$6 = require('@mui/material/styles');
+var styles$D = require('@mui/material/styles');
 var TextField = _interopDefault(require('@mui/material/TextField'));
 var Chip = _interopDefault(require('@mui/material/Chip'));
 var Grid = _interopDefault(require('@mui/material/Grid'));
@@ -20,6 +20,10 @@ var Tab = _interopDefault(require('@mui/material/Tab'));
 var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
 var Popover$1 = _interopDefault(require('@mui/material/Popover'));
 
+var styles = {"accordion":"Accordion-modules_accordion__76onN","accordion_header":"Accordion-modules_accordion_header__CDQqI"};
+
+var styles$1 = {"text":"Text-modules_text__ozdxE","text_underline":"Text-modules_text_underline__XbdCw","text_line_through":"Text-modules_text_line_through__DUaY1","text_required":"Text-modules_text_required__obGmQ","text_xs":"Text-modules_text_xs__CwJmb","text_regular":"Text-modules_text_regular__1iah7","text_sm":"Text-modules_text_sm__PMvPW","text_base":"Text-modules_text_base__FeNwr","text_lg":"Text-modules_text_lg__AZg6q","text_xl":"Text-modules_text_xl__9n-wJ","text_xxl":"Text-modules_text_xxl__coKK2","text_xxxl":"Text-modules_text_xxxl__zFTwK","text_xxxxl":"Text-modules_text_xxxxl__47gjH","text_italic":"Text-modules_text_italic__VX9AW","text_bold":"Text-modules_text_bold__zv90B","text_semi_bold":"Text-modules_text_semi_bold__JDMdS"};
+
 /** This text should be use to display basic text
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
  */
@@ -35,22 +39,24 @@ const Text = ({
   ...props
 }) => {
   const getTextSize = () => {
-    if (size === 'xs') return undefined.text_xs;else if (size === 'sm') return undefined.text_sm;else if (size === 'base') return undefined.text_base;else if (size === 'lg') return undefined.text_lg;else if (size === 'xl') return undefined.text_xl;else if (size === 'xxl') return undefined.text_xxl;else if (size === 'xxxl') return undefined.text_xxxl;else if (size === 'xxxxl') return undefined.text_xxxxl;else return undefined.text_base;
+    if (size === 'xs') return styles$1.text_xs;else if (size === 'sm') return styles$1.text_sm;else if (size === 'base') return styles$1.text_base;else if (size === 'lg') return styles$1.text_lg;else if (size === 'xl') return styles$1.text_xl;else if (size === 'xxl') return styles$1.text_xxl;else if (size === 'xxxl') return styles$1.text_xxxl;else if (size === 'xxxxl') return styles$1.text_xxxxl;else return styles$1.text_base;
   };
   const getTextWeight = () => {
-    if (weight === 'semi-bold') return undefined.text_semi_bold;else if (weight === 'bold') return undefined.text_bold;else if (weight === 'regular') return undefined.text_regular;else return undefined.text_regular;
+    if (weight === 'semi-bold') return styles$1.text_semi_bold;else if (weight === 'bold') return styles$1.text_bold;else if (weight === 'regular') return styles$1.text_regular;else return styles$1.text_regular;
   };
   const getTextDecoration = () => {
-    if (textDecoration === 'underline') return undefined.text_underline;else if (textDecoration === 'line-through') return undefined.text_line_through;else return '';
+    if (textDecoration === 'underline') return styles$1.text_underline;else if (textDecoration === 'line-through') return styles$1.text_line_through;else return '';
   };
   return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
     style: {
       color: color
     },
-    className: `${undefined.text} ${italic ? undefined.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && undefined.text_required} ${getTextSize()}`
+    className: `${styles$1.text} ${italic ? styles$1.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$1.text_required} ${getTextSize()}`
   }), text);
 };
 
+var styles$2 = {"icon_button":"IconButton-modules_icon_button__nZlzu","icon_button_primary":"IconButton-modules_icon_button_primary__Oki8i","icon_button_secondary":"IconButton-modules_icon_button_secondary__leJSB","icon_button_tertiary":"IconButton-modules_icon_button_tertiary__p-WsR","icon_button_tertiary_alt":"IconButton-modules_icon_button_tertiary_alt__LKmSX","icon_button_alert":"IconButton-modules_icon_button_alert__1DEmV","icon_button_success":"IconButton-modules_icon_button_success__SzD9h","icon_button_xxs":"IconButton-modules_icon_button_xxs__8xuQ6","icon_button_xs":"IconButton-modules_icon_button_xs__jMs4K","icon_button_base":"IconButton-modules_icon_button_base__00dbp","icon_button_lg":"IconButton-modules_icon_button_lg__TNqQt"};
+
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=422-2878&mode=dev */
 const IconButton = ({
   variant = 'primary',
@@ -60,14 +66,14 @@ const IconButton = ({
   ...props
 }) => {
   const getStylesByVariant = () => {
-    if (variant === 'primary') return undefined.icon_button_primary;else if (variant === 'secondary') return undefined.icon_button_secondary;else if (variant === 'tertiary') return undefined.icon_button_tertiary;else if (variant === 'tertiary-alt') return undefined.icon_button_tertiary_alt;else if (variant === 'alert') return undefined.icon_button_alert;else if (variant === 'success') return undefined.icon_button_success;else return undefined.icon_button_primary;
+    if (variant === 'primary') return styles$2.icon_button_primary;else if (variant === 'secondary') return styles$2.icon_button_secondary;else if (variant === 'tertiary') return styles$2.icon_button_tertiary;else if (variant === 'tertiary-alt') return styles$2.icon_button_tertiary_alt;else if (variant === 'alert') return styles$2.icon_button_alert;else if (variant === 'success') return styles$2.icon_button_success;else return styles$2.icon_button_primary;
   };
   const getStylesBySize = () => {
-    if (size === 'xxs') return undefined.icon_button_xxs;
-    if (size === 'xs') return undefined.icon_button_xs;else if (size === 'base') return undefined.icon_button_base;else if (size === 'lg') return undefined.icon_button_lg;else return undefined.icon_button_base;
+    if (size === 'xxs') return styles$2.icon_button_xxs;
+    if (size === 'xs') return styles$2.icon_button_xs;else if (size === 'base') return styles$2.icon_button_base;else if (size === 'lg') return styles$2.icon_button_lg;else return styles$2.icon_button_base;
   };
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
-    className: `${undefined.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`
+    className: `${styles$2.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`
   }, props), icon ?? /*#__PURE__*/React__default.createElement(MinusCircledIcon, null));
 };
 
@@ -3976,9 +3982,9 @@ const Accordion = ({
 }) => {
   const [isAccordionOpen, setIsAccordionOpen] = React.useState(false);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
-    className: `${undefined.accordion} ${className ?? ''}`
+    className: `${styles.accordion} ${className ?? ''}`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.accordion_header,
+    className: styles.accordion_header,
     onClick: () => setIsAccordionOpen(prev => !prev)
   }, /*#__PURE__*/React__default.createElement(Text, {
     size: "base",
@@ -3995,7 +4001,9 @@ const Accordion = ({
   })), isAccordionOpen && /*#__PURE__*/React__default.createElement("div", null, children));
 };
 
-const CssTextField = /*#__PURE__*/styles$6.styled(material.TextField)({
+var styles$3 = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
+
+const CssTextField = /*#__PURE__*/styles$D.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: 'Open Sans !important',
@@ -4111,7 +4119,7 @@ const SingleSelect = ({
     text: `${topLabel ? topLabel : ''} ${required ? '*' : ''}`,
     weight: "bold",
     size: "base",
-    className: undefined.input_top_label,
+    className: styles$3.input_top_label,
     required: required
   }), /*#__PURE__*/React__default.createElement(Autocomplete, Object.assign({
     id: "tags-standard",
@@ -4150,27 +4158,29 @@ const SingleSelect = ({
     })),
     clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
       fill: "black",
-      className: `${undefined.icon}`
+      className: `${styles$3.icon}`
     }),
     popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
       fill: "black",
-      className: `${undefined.icon}`
+      className: `${styles$3.icon}`
     }),
-    className: `${undefined.newAutocomplete}`
+    className: `${styles$3.newAutocomplete}`
   }, props)), errorText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     color: "#F54C4C",
     italic: true,
     text: errorText,
-    className: undefined.text_below
+    className: styles$3.text_below
   }), helperText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     italic: true,
     text: helperText,
-    className: undefined.text_below
+    className: styles$3.text_below
   }));
 };
 
+var styles$4 = {"button_text":"TextForButton-modules_button_text__ti6YE","button_text_bold":"TextForButton-modules_button_text_bold__L1fLC","button_text_sm":"TextForButton-modules_button_text_sm__NXijI","button_text_base":"TextForButton-modules_button_text_base__5ToZ9","button_text_lg":"TextForButton-modules_button_text_lg__s-LLo"};
+
 /** This button should only be used in the Button component
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
  */
@@ -4183,19 +4193,19 @@ const TextForButton = ({
   ...props
 }) => {
   const getTextSize = () => {
-    if (size === 'sm') return undefined.button_text_sm;else if (size === 'base') return undefined.button_text_base;else if (size === 'lg') return undefined.button_text_lg;else return undefined.button_text_base;
+    if (size === 'sm') return styles$4.button_text_sm;else if (size === 'base') return styles$4.button_text_base;else if (size === 'lg') return styles$4.button_text_lg;else return styles$4.button_text_base;
   };
   return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
     style: {
       color: color
     },
-    className: `${undefined.button_text} ${bold ? undefined.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
+    className: `${styles$4.button_text} ${bold ? styles$4.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
   }), text);
 };
 
-var styles = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
+var styles$5 = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
 
-const BpIcon = /*#__PURE__*/styles$6.styled('span')(() => ({
+const BpIcon = /*#__PURE__*/styles$D.styled('span')(() => ({
   borderRadius: '0.25rem',
   border: `1px solid #8A8B8E`,
   width: '1rem',
@@ -4214,7 +4224,7 @@ const BpIcon = /*#__PURE__*/styles$6.styled('span')(() => ({
     cursor: 'not-allowed'
   }
 }));
-const BpCheckedIcon = /*#__PURE__*/styles$6.styled(BpIcon)({
+const BpCheckedIcon = /*#__PURE__*/styles$D.styled(BpIcon)({
   backgroundColor: '#0077FF',
   backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
   border: `1px solid #0077FF`,
@@ -4269,7 +4279,7 @@ const Checkbox = ({
   className
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${styles.checkboxContainer} ${className}`,
+    className: `${styles$5.checkboxContainer} ${className}`,
     style: {
       cursor: disabled ? 'not-allowed' : 'auto'
     }
@@ -4289,7 +4299,9 @@ const Checkbox = ({
   }));
 };
 
-const CssTextField$1 = /*#__PURE__*/styles$6.styled(TextField)({
+var styles$6 = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__dsOV3","MuiAutocomplete-endAdornment":"MultiSelect-modules_MuiAutocomplete-endAdornment__FAnRY","tags_container":"MultiSelect-modules_tags_container__zBxat","MuiOutlinedInput-root":"MultiSelect-modules_MuiOutlinedInput-root__23gRS","MuiInputBase-root":"MultiSelect-modules_MuiInputBase-root__Ha7z-","MuiInputBase-formControl":"MultiSelect-modules_MuiInputBase-formControl__IJ5Za","no_scrollbar":"MultiSelect-modules_no_scrollbar__y-0D5","input_top_label":"MultiSelect-modules_input_top_label__AHEc-","text_below":"MultiSelect-modules_text_below__F3i4T","icon":"MultiSelect-modules_icon__UxL7a"};
+
+const CssTextField$1 = /*#__PURE__*/styles$D.styled(TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: 'Open Sans !important',
@@ -4412,7 +4424,7 @@ const MultiSelect = ({
     text: `${topLabel ? topLabel : ''} ${required ? '*' : ''}`,
     weight: "bold",
     size: "base",
-    className: undefined.input_top_label,
+    className: styles$6.input_top_label,
     required: required
   }), /*#__PURE__*/React__default.createElement(Autocomplete, Object.assign({
     id: "tags-standard",
@@ -4455,7 +4467,7 @@ const MultiSelect = ({
     })),
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
-        className: `${undefined.tags_container} ${undefined.no_scrollbar}`
+        className: `${styles$6.tags_container} ${styles$6.no_scrollbar}`
       }, value.map((option, index) => /*#__PURE__*/React__default.createElement(Chip, {
         label: option.label,
         size: "small",
@@ -4480,27 +4492,29 @@ const MultiSelect = ({
     },
     clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
       fill: "black",
-      className: `${undefined.icon}`
+      className: `${styles$6.icon}`
     }),
     popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
       fill: "black",
-      className: `${undefined.icon}`
+      className: `${styles$6.icon}`
     }),
-    className: `${undefined.newAutocomplete}`
+    className: `${styles$6.newAutocomplete}`
   }, props)), errorText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     color: "#F54C4C",
     italic: true,
     text: errorText,
-    className: undefined.text_below
+    className: styles$6.text_below
   }), helperText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     italic: true,
     text: helperText,
-    className: undefined.text_below
+    className: styles$6.text_below
   }));
 };
 
+var styles$7 = {"badge":"Badge-modules_badge__rcW9l","badge_idle":"Badge-modules_badge_idle__h2sgJ","badge_info":"Badge-modules_badge_info__pmG6r","badge_success":"Badge-modules_badge_success__B3T1K","badge_warning":"Badge-modules_badge_warning__Fv2f6","badge_critical":"Badge-modules_badge_critical__0-YAa","badge_sm":"Badge-modules_badge_sm__j8EcD","badge_lg":"Badge-modules_badge_lg__R8zxz","badge_base":"Badge-modules_badge_base__kFbf-"};
+
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev  */
 const Badge = ({
   text,
@@ -4520,13 +4534,13 @@ const Badge = ({
     if (size === 'lg') return 'base';else if (size === 'sm') return 'xs';else if (size === 'base') return 'sm';else return size;
   };
   const getStyleByStatus = () => {
-    if (status === 'idle') return undefined.badge_idle;else if (status === 'info') return undefined.badge_info;else if (status === 'success') return undefined.badge_success;else if (status === 'warning') return undefined.badge_warning;else if (status === 'critical') return undefined.badge_critical;else return undefined.badge;
+    if (status === 'idle') return styles$7.badge_idle;else if (status === 'info') return styles$7.badge_info;else if (status === 'success') return styles$7.badge_success;else if (status === 'warning') return styles$7.badge_warning;else if (status === 'critical') return styles$7.badge_critical;else return styles$7.badge;
   };
   const getSizeByStatus = () => {
-    if (size === 'sm') return undefined.badge_sm;else if (size === 'lg') return undefined.badge_lg;else if (size === 'base') return undefined.badge_base;else return undefined.badge_base;
+    if (size === 'sm') return styles$7.badge_sm;else if (size === 'lg') return styles$7.badge_lg;else if (size === 'base') return styles$7.badge_base;else return styles$7.badge_base;
   };
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
-    className: `${undefined.badge} ${getStyleByStatus()} ${getSizeByStatus()} ${className ?? ''}`
+    className: `${styles$7.badge} ${getStyleByStatus()} ${getSizeByStatus()} ${className ?? ''}`
   }), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(Text, {
     size: getTextSize(),
     text: text,
@@ -4534,6 +4548,8 @@ const Badge = ({
   }), iconRight && iconRight);
 };
 
+var styles$8 = {"button":"Button-modules_button__sRnp1","button_primary":"Button-modules_button_primary__H-HCf","button_secondary":"Button-modules_button_secondary__qlR87","button_tertiary":"Button-modules_button_tertiary__aBxX8","button_tertiary_alt":"Button-modules_button_tertiary_alt__Ve3aw","button_alert":"Button-modules_button_alert__yt9Yr","button_success":"Button-modules_button_success__vQC8w","button_sm":"Button-modules_button_sm__uB5fx","button_base":"Button-modules_button_base__SytaD","button_lg":"Button-modules_button_lg__n22vb"};
+
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
 const Button = ({
   variant = 'primary',
@@ -4545,19 +4561,21 @@ const Button = ({
   ...props
 }) => {
   const getStylesByVariant = () => {
-    if (variant === 'primary') return undefined.button_primary;else if (variant === 'secondary') return undefined.button_secondary;else if (variant === 'tertiary') return undefined.button_tertiary;else if (variant === 'tertiary-alt') return undefined.button_tertiary_alt;else if (variant === 'alert') return undefined.button_alert;else if (variant === 'success') return undefined.button_success;else return undefined.button_primary;
+    if (variant === 'primary') return styles$8.button_primary;else if (variant === 'secondary') return styles$8.button_secondary;else if (variant === 'tertiary') return styles$8.button_tertiary;else if (variant === 'tertiary-alt') return styles$8.button_tertiary_alt;else if (variant === 'alert') return styles$8.button_alert;else if (variant === 'success') return styles$8.button_success;else return styles$8.button_primary;
   };
   const getStylesBySize = () => {
-    if (size === 'sm') return undefined.button_sm;else if (size === 'base') return undefined.button_base;else if (size === 'lg') return undefined.button_lg;else return undefined.button_base;
+    if (size === 'sm') return styles$8.button_sm;else if (size === 'base') return styles$8.button_base;else if (size === 'lg') return styles$8.button_lg;else return styles$8.button_base;
   };
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
-    className: `${undefined.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`
+    className: `${styles$8.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`
   }, props), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(TextForButton, {
     text: text,
     size: size
   }), iconRight && iconRight);
 };
 
+var styles$9 = {"tag":"Tag-modules_tag__H7-4Y","tag_idle":"Tag-modules_tag_idle__Fq6m8","tag_info":"Tag-modules_tag_info__aMPRZ","tag_success":"Tag-modules_tag_success__2LvMD","tag_warning":"Tag-modules_tag_warning__AIt1v","tag_critical":"Tag-modules_tag_critical__LQoYS","tag_sm":"Tag-modules_tag_sm__6woOo","tag_base":"Tag-modules_tag_base__NFJol"};
+
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev  */
 const Tag = ({
   text,
@@ -4575,16 +4593,16 @@ const Tag = ({
   };
   const getTagStatus = () => {
     if (status === 'idle') {
-      return undefined.tag_idle;
-    } else if (status === 'success') return undefined.tag_success;else if (status === 'info') return undefined.tag_info;else if (status === 'warning') return undefined.tag_warning;else if (status === 'critical') return undefined.tag_critical;else return undefined.tag_idle;
+      return styles$9.tag_idle;
+    } else if (status === 'success') return styles$9.tag_success;else if (status === 'info') return styles$9.tag_info;else if (status === 'warning') return styles$9.tag_warning;else if (status === 'critical') return styles$9.tag_critical;else return styles$9.tag_idle;
   };
   const getTagSize = () => {
     if (size === 'sm') {
-      return undefined.tag_sm;
-    } else if (size === 'base') return undefined.tag_base;else return undefined.tag_base;
+      return styles$9.tag_sm;
+    } else if (size === 'base') return styles$9.tag_base;else return styles$9.tag_base;
   };
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
-    className: `${undefined.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''}`
+    className: `${styles$9.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''}`
   }), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(Text, {
     size: size,
     text: text,
@@ -4592,6 +4610,8 @@ const Tag = ({
   }), iconRight && iconRight);
 };
 
+var styles$a = {"lateral_menu":"LateralMenu-modules_lateral_menu__EXD-W","lateral_menu_logo":"LateralMenu-modules_lateral_menu_logo__W-aWG"};
+
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev  */
 const LateralMenu = ({
   isLogoDisplay = false,
@@ -4602,13 +4622,15 @@ const LateralMenu = ({
   return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
     item: true
   }, props, {
-    className: `${undefined.lateral_menu}`,
+    className: `${styles$a.lateral_menu}`,
     xs: 2
   }), isLogoDisplay && /*#__PURE__*/React__default.createElement(LogoNormal, {
-    className: undefined.lateral_menu_logo
+    className: styles$a.lateral_menu_logo
   }), content);
 };
 
+var styles$b = {"title":"Title-modules_title__NWXT6","title_italic":"Title-modules_title_italic__qZXuO","title_normal":"Title-modules_title_normal__utLTb","title_xs":"Title-modules_title_xs__X-d4H","title_sm":"Title-modules_title_sm__eLp2K","title_base":"Title-modules_title_base__ydwk0","title_lg":"Title-modules_title_lg__1R6-8","title_xl":"Title-modules_title_xl__TeXu4","title_xxl":"Title-modules_title_xxl__jwlnh","title_xxxl":"Title-modules_title_xxxl__1KOPj","title_xxxxl":"Title-modules_title_xxxxl__3dlSA","title_bold":"Title-modules_title_bold__9YLHA","title_semi_bold":"Title-modules_title_semi_bold__KdD7l","title_regular":"Title-modules_title_regular__g42g-"};
+
 /** This text should only be used to display titles
  * Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-357&mode=dev
  */
@@ -4623,10 +4645,10 @@ const Title = ({
   ...props
 }) => {
   const getTextSize = () => {
-    if (size === 'xs') return undefined.title_xs;else if (size === 'sm') return undefined.title_sm;else if (size === 'base') return undefined.title_base;else if (size === 'lg') return undefined.title_lg;else if (size === 'xl') return undefined.title_xl;else if (size === 'xxl') return undefined.title_xxl;else if (size === 'xxxl') return undefined.title_xxxl;else if (size === 'xxxxl') return undefined.title_xxxxl;else return undefined.title_base;
+    if (size === 'xs') return styles$b.title_xs;else if (size === 'sm') return styles$b.title_sm;else if (size === 'base') return styles$b.title_base;else if (size === 'lg') return styles$b.title_lg;else if (size === 'xl') return styles$b.title_xl;else if (size === 'xxl') return styles$b.title_xxl;else if (size === 'xxxl') return styles$b.title_xxxl;else if (size === 'xxxxl') return styles$b.title_xxxxl;else return styles$b.title_base;
   };
   const getTextWeight = () => {
-    if (weight === 'semi-bold') return undefined.title_semi_bold;else if (weight === 'bold') return undefined.title_bold;else if (weight === 'regular') return undefined.title_regular;else return undefined.title_regular;
+    if (weight === 'semi-bold') return styles$b.title_semi_bold;else if (weight === 'bold') return styles$b.title_bold;else if (weight === 'regular') return styles$b.title_regular;else return styles$b.title_regular;
   };
   switch (type) {
     case 'h1':
@@ -4634,53 +4656,55 @@ const Title = ({
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
     case 'h2':
       return /*#__PURE__*/React__default.createElement("h2", Object.assign({}, props, {
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
     case 'h3':
       return /*#__PURE__*/React__default.createElement("h3", Object.assign({}, props, {
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
     case 'h4':
       return /*#__PURE__*/React__default.createElement("h4", Object.assign({}, props, {
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
     case 'h5':
       return /*#__PURE__*/React__default.createElement("h5", Object.assign({}, props, {
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
     case 'h6':
       return /*#__PURE__*/React__default.createElement("h6", Object.assign({}, props, {
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
     default:
       return /*#__PURE__*/React__default.createElement("h2", Object.assign({}, props, {
         style: {
           color: color
         },
-        className: `${undefined.title} ${italic ? undefined.title_italic : undefined.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
+        className: `${styles$b.title} ${italic ? styles$b.title_italic : styles$b.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()}`
       }), text);
   }
 };
 
+var styles$c = {"modal":"Modal-modules_modal__M6coU","modal_content":"Modal-modules_modal_content__kI5NN","modal_header":"Modal-modules_modal_header__bLwe9","modal_buttons_container":"Modal-modules_modal_buttons_container__VIykY","modal_overlay":"Modal-modules_modal_overlay__sU-UF"};
+
 /** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
  * Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
  */
@@ -4714,16 +4738,16 @@ const Modal = ({
     return /*#__PURE__*/React__default.createElement(MuiModal, {
       "aria-labelledby": "transition-modal-title",
       "aria-describedby": "transition-modal-description",
-      className: `${undefined.modal_overlay} ${className ?? ''}`,
+      className: `${styles$c.modal_overlay} ${className ?? ''}`,
       open: open,
       onClose: onClose,
       closeAfterTransition: true
     }, /*#__PURE__*/React__default.createElement(Fade, {
       in: open
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: undefined.modal_content
+      className: styles$c.modal_content
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: `${undefined.modal_header}`
+      className: `${styles$c.modal_header}`
     }, /*#__PURE__*/React__default.createElement(Title, {
       text: title,
       weight: "bold",
@@ -4735,7 +4759,7 @@ const Modal = ({
       }),
       onClick: () => onClose()
     })), children, /*#__PURE__*/React__default.createElement("div", {
-      className: undefined.modal_buttons_container
+      className: styles$c.modal_buttons_container
     }, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
       text: cancelText,
       variant: "tertiary",
@@ -4748,16 +4772,16 @@ const Modal = ({
     return /*#__PURE__*/React__default.createElement(MuiModal, {
       "aria-labelledby": "transition-modal-title",
       "aria-describedby": "transition-modal-description",
-      className: `${undefined.modal} ${className}`,
+      className: `${styles$c.modal} ${className}`,
       open: open,
       onClose: onClose,
       closeAfterTransition: true
     }, /*#__PURE__*/React__default.createElement(Fade, {
       in: open
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: undefined.modal_content
+      className: styles$c.modal_content
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: `${undefined.modal_header}`
+      className: `${styles$c.modal_header}`
     }, /*#__PURE__*/React__default.createElement(Title, {
       text: title,
       weight: "semi-bold",
@@ -4769,7 +4793,7 @@ const Modal = ({
       }),
       onClick: () => onClose()
     })), children, /*#__PURE__*/React__default.createElement("div", {
-      className: undefined.modal_buttons_container
+      className: styles$c.modal_buttons_container
     }, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
       text: cancelText,
       variant: "tertiary",
@@ -4781,6 +4805,8 @@ const Modal = ({
   }
 };
 
+var styles$d = {"text_with_link":"TextWithLink-modules_text_with_link__k8Sec","text_with_link_underline":"TextWithLink-modules_text_with_link_underline__NEM4B","text_with_link_line_through":"TextWithLink-modules_text_with_link_line_through__bAyFf","text_with_link_required":"TextWithLink-modules_text_with_link_required__K7Wwc","text_with_link_xs":"TextWithLink-modules_text_with_link_xs__krmns","text_with_link_regular":"TextWithLink-modules_text_with_link_regular__AI0iP","tetext_with_linkxt":"TextWithLink-modules_tetext_with_linkxt__3mLSu","text_with_link_sm":"TextWithLink-modules_text_with_link_sm__LpFOe","text_with_link_base":"TextWithLink-modules_text_with_link_base__--0Z-","text_with_link_lg":"TextWithLink-modules_text_with_link_lg__y4Eya","text_with_link_xl":"TextWithLink-modules_text_with_link_xl__87H1p","text_with_link_xxl":"TextWithLink-modules_text_with_link_xxl__8LJ-D","text_with_link_xxxl":"TextWithLink-modules_text_with_link_xxxl__Cptsx","text_with_link_xxxxl":"TextWithLink-modules_text_with_link_xxxxl__1odyE","text_with_link_italic":"TextWithLink-modules_text_with_link_italic__ZK6Nu","text-regular":"TextWithLink-modules_text-regular__Pz5Jn","text_with_link_bold":"TextWithLink-modules_text_with_link_bold__cdXR2","text_with_link_semi_bold":"TextWithLink-modules_text_with_link_semi_bold__1KNRW"};
+
 /** This text should be use to display basic text */
 const TextWithLink = ({
   text,
@@ -4795,24 +4821,26 @@ const TextWithLink = ({
   ...props
 }) => {
   const getTextSize = () => {
-    if (size === 'xs') return undefined.text_with_link_xs;else if (size === 'sm') return undefined.text_with_link_sm;else if (size === 'base') return undefined.text_with_link_base;else if (size === 'lg') return undefined.text_with_link_lg;else if (size === 'xl') return undefined.text_with_link_xl;else if (size === 'xxl') return undefined.text_with_link_xxl;else if (size === 'xxxl') return undefined.text_with_link_xxxl;else if (size === 'xxxxl') return undefined.text_with_link_xxxxl;else return undefined.text_with_link_base;
+    if (size === 'xs') return styles$d.text_with_link_xs;else if (size === 'sm') return styles$d.text_with_link_sm;else if (size === 'base') return styles$d.text_with_link_base;else if (size === 'lg') return styles$d.text_with_link_lg;else if (size === 'xl') return styles$d.text_with_link_xl;else if (size === 'xxl') return styles$d.text_with_link_xxl;else if (size === 'xxxl') return styles$d.text_with_link_xxxl;else if (size === 'xxxxl') return styles$d.text_with_link_xxxxl;else return styles$d.text_with_link_base;
   };
   const getTextWeight = () => {
-    if (weight === 'semi-bold') return undefined.text_with_link_semi_bold;else if (weight === 'bold') return undefined.text_with_link_bold;else if (weight === 'regular') return undefined.text_with_link_regular;else return undefined.text_with_link_regular;
+    if (weight === 'semi-bold') return styles$d.text_with_link_semi_bold;else if (weight === 'bold') return styles$d.text_with_link_bold;else if (weight === 'regular') return styles$d.text_with_link_regular;else return styles$d.text_with_link_regular;
   };
   const getTextDecoration = () => {
-    if (textDecoration === 'underline') return undefined.text_with_link_underline;else if (textDecoration === 'line-through') return undefined.text_with_link_line_through;else return '';
+    if (textDecoration === 'underline') return styles$d.text_with_link_underline;else if (textDecoration === 'line-through') return styles$d.text_with_link_line_through;else return '';
   };
   return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
     style: {
       color: color
     },
-    className: `${undefined.text_with_link} ${italic && undefined.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
+    className: `${styles$d.text_with_link} ${italic && styles$d.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
   }), text, /*#__PURE__*/React__default.createElement("a", {
     href: link
   }, textLink));
 };
 
+var styles$e = {"notification_banner":"Banner-modules_notification_banner__JKUGY","notification_banner_header":"Banner-modules_notification_banner_header__L3uAa","notification_banner_error":"Banner-modules_notification_banner_error__ThRKH","notification_banner_warning":"Banner-modules_notification_banner_warning__cbz4c","notification_banner_info":"Banner-modules_notification_banner_info__-ByX7","notification_banner_success":"Banner-modules_notification_banner_success__QCOL-"};
+
 /**
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
  */
@@ -4861,19 +4889,19 @@ const Banner = ({
   };
   const getBannerColor = () => {
     if (type === 'error') {
-      return undefined.notification_banner_error;
+      return styles$e.notification_banner_error;
     } else if (type === 'warning') {
-      return undefined.notification_banner_warning;
+      return styles$e.notification_banner_warning;
     } else if (type === 'success') {
-      return undefined.notification_banner_success;
+      return styles$e.notification_banner_success;
     } else {
-      return undefined.notification_banner_info;
+      return styles$e.notification_banner_info;
     }
   };
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
-    className: `${undefined.notification_banner} ${getBannerColor()} ${className}`
+    className: `${styles$e.notification_banner} ${getBannerColor()} ${className}`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.notification_banner_header
+    className: styles$e.notification_banner_header
   }, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
     text: title,
     weight: "semi-bold",
@@ -4912,6 +4940,8 @@ const NotificationIcon = ({
   });
 };
 
+var styles$f = {"link":"Link-modules_link__oh3DM","link_xs":"Link-modules_link_xs__2kK3a","link_regular":"Link-modules_link_regular__bqoCS","link_sm":"Link-modules_link_sm__s-QOe","link_base":"Link-modules_link_base__OMDy1","link_lg":"Link-modules_link_lg__vL7vA","link_xl":"Link-modules_link_xl__sjSW5","link_xxl":"Link-modules_link_xxl__f1Umz","link_xxxl":"Link-modules_link_xxxl__R8765","link_xxxxl":"Link-modules_link_xxxxl__fK-xy","link_bold":"Link-modules_link_bold__lh0OG","link_semi_bold":"Link-modules_link_semi_bold__nUvs5"};
+
 /** This text should be use to display basic text */
 const Link = ({
   text,
@@ -4924,10 +4954,10 @@ const Link = ({
   ...props
 }) => {
   const getLinkSize = () => {
-    if (size === 'xs') return undefined.link_xs;else if (size === 'sm') return undefined.link_sm;else if (size === 'base') return undefined.link_base;else if (size === 'lg') return undefined.link_lg;else if (size === 'xl') return undefined.link_xl;else if (size === 'xxl') return undefined.link_xxl;else if (size === 'xxxl') return undefined.link_xxxl;else if (size === 'xxxxl') return undefined.link_xxxxl;else return undefined.link_base;
+    if (size === 'xs') return styles$f.link_xs;else if (size === 'sm') return styles$f.link_sm;else if (size === 'base') return styles$f.link_base;else if (size === 'lg') return styles$f.link_lg;else if (size === 'xl') return styles$f.link_xl;else if (size === 'xxl') return styles$f.link_xxl;else if (size === 'xxxl') return styles$f.link_xxxl;else if (size === 'xxxxl') return styles$f.link_xxxxl;else return styles$f.link_base;
   };
   const getLinkWeight = () => {
-    if (weight === 'semi-bold') return undefined.link_semi_bold;else if (weight === 'bold') return undefined.link_bold;else if (weight === 'regular') return undefined.link_regular;else return undefined.link_regular;
+    if (weight === 'semi-bold') return styles$f.link_semi_bold;else if (weight === 'bold') return styles$f.link_bold;else if (weight === 'regular') return styles$f.link_regular;else return styles$f.link_regular;
   };
   if (isExternal) {
     return /*#__PURE__*/React__default.createElement("a", {
@@ -4938,7 +4968,7 @@ const Link = ({
       style: {
         color: color
       },
-      className: `${undefined.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
+      className: `${styles$f.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
     }), text));
   } else {
     return /*#__PURE__*/React__default.createElement("a", {
@@ -4947,11 +4977,13 @@ const Link = ({
       style: {
         color: color
       },
-      className: `${undefined.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
+      className: `${styles$f.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
     }), text));
   }
 };
 
+var styles$g = {"notification_toast":"Toast-modules_notification_toast__otVa9","moveleft":"Toast-modules_moveleft__i4e82","notification_toast_content":"Toast-modules_notification_toast_content__-TyBV","toast_link":"Toast-modules_toast_link__L4atQ","close_toast_btn":"Toast-modules_close_toast_btn__CM7Mm","close_toast_btn_error":"Toast-modules_close_toast_btn_error__Xbym2","close_toast_btn_warning":"Toast-modules_close_toast_btn_warning__jbCWI","close_toast_btn_info":"Toast-modules_close_toast_btn_info__wYYGo","close_toast_btn_success":"Toast-modules_close_toast_btn_success__ptQCk","notification_toast_error":"Toast-modules_notification_toast_error__NAR9K","notification_toast_warning":"Toast-modules_notification_toast_warning__yHNtZ","notification_toast_info":"Toast-modules_notification_toast_info__YpfW7","notification_toast_success":"Toast-modules_notification_toast_success__dM5fo"};
+
 /**
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
  */
@@ -4977,30 +5009,30 @@ const Toast = ({
   };
   const getCloseBtnStyleByType = () => {
     if (type === 'error') {
-      return undefined.close_toast_btn_error;
+      return styles$g.close_toast_btn_error;
     } else if (type === 'warning') {
-      return undefined.close_toast_btn_warning;
+      return styles$g.close_toast_btn_warning;
     } else if (type === 'success') {
-      return undefined.close_toast_btn_success;
+      return styles$g.close_toast_btn_success;
     } else {
-      return undefined.close_toast_btn_info;
+      return styles$g.close_toast_btn_info;
     }
   };
   const getToastStyleByType = () => {
     if (type === 'error') {
-      return undefined.notification_toast_error;
+      return styles$g.notification_toast_error;
     } else if (type === 'warning') {
-      return undefined.notification_toast_warning;
+      return styles$g.notification_toast_warning;
     } else if (type === 'success') {
-      return undefined.notification_toast_success;
+      return styles$g.notification_toast_success;
     } else {
-      return undefined.notification_toast_info;
+      return styles$g.notification_toast_info;
     }
   };
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
-    className: `${undefined.notification_toast} ${getToastStyleByType()} ${className}`
+    className: `${styles$g.notification_toast} ${getToastStyleByType()} ${className}`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.notification_toast_content
+    className: styles$g.notification_toast_content
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: content,
     weight: "regular",
@@ -5009,9 +5041,9 @@ const Toast = ({
   }), link && textLink && /*#__PURE__*/React__default.createElement(Link, {
     text: textLink,
     link: link,
-    className: undefined.toast_link
+    className: styles$g.toast_link
   })), /*#__PURE__*/React__default.createElement("button", {
-    className: `${undefined.close_toast_btn} ${getCloseBtnStyleByType()}`,
+    className: `${styles$g.close_toast_btn} ${getCloseBtnStyleByType()}`,
     onClick: () => {
     }
   }, /*#__PURE__*/React__default.createElement(AddIcon, null)));
@@ -5039,6 +5071,8 @@ const useOnClickOutside = ({
   }, [isOpen, listener, elementRef]);
 };
 
+var styles$h = {"popover":"Popover-modules_popover__VdYpG","popover_header":"Popover-modules_popover_header__-zSVj","open":"Popover-modules_open__WxFDw","popover_action":"Popover-modules_popover_action__M2Z4q"};
+
 const Popover = ({
   onClose,
   open,
@@ -5057,11 +5091,11 @@ const Popover = ({
     return null;
   }
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${undefined.popover} ${open && undefined.open} ${className}`,
+    className: `${styles$h.popover} ${open && styles$h.open} ${className}`,
     ref: ref,
     style: style
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.popover_header
+    className: styles$h.popover_header
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: title,
     color: "gray",
@@ -5076,7 +5110,7 @@ const Popover = ({
       return null;
     }
     return /*#__PURE__*/React__default.createElement("div", {
-      className: `${undefined.popover_action} ${item.className}`,
+      className: `${styles$h.popover_action} ${item.className}`,
       key: index,
       onClick: item.onClick
     }, item.icon && item.icon, /*#__PURE__*/React__default.createElement(Text, {
@@ -5086,9 +5120,9 @@ const Popover = ({
   }));
 };
 
-var styles$1 = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__ZE-oy","MuiRadio-root":"Radio-module_MuiRadio-root__1Mw0W"};
+var styles$i = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__ZE-oy","MuiRadio-root":"Radio-module_MuiRadio-root__1Mw0W"};
 
-const BpIcon$1 = /*#__PURE__*/styles$6.styled('span')(() => ({
+const BpIcon$1 = /*#__PURE__*/styles$D.styled('span')(() => ({
   borderRadius: '50%',
   width: 16,
   height: 16,
@@ -5104,7 +5138,7 @@ const BpIcon$1 = /*#__PURE__*/styles$6.styled('span')(() => ({
     background: 'rgba(206,217,224,.5)'
   }
 }));
-const BpCheckedIcon$1 = /*#__PURE__*/styles$6.styled(BpIcon$1)({
+const BpCheckedIcon$1 = /*#__PURE__*/styles$D.styled(BpIcon$1)({
   backgroundColor: '#0077FF',
   border: 'none',
   width: 16,
@@ -5130,7 +5164,7 @@ const Radio = ({
   className
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${styles$1.radioBtnWrapper} ${className}`
+    className: `${styles$i.radioBtnWrapper} ${className}`
   }, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
     text: leftLabel,
     size: "sm"
@@ -5151,7 +5185,7 @@ const Radio = ({
   }));
 };
 
-var styles$2 = {"step_number":"Step-module_step_number__nm2mL","left_container":"Step-module_left_container__tFgSy","step_container":"Step-module_step_container__t01w0","step_icon_container":"Step-module_step_icon_container__DDASj","step_line":"Step-module_step_line__R2Ezc","step_completed_icon":"Step-module_step_completed_icon__yWCat","step_warning_icon":"Step-module_step_warning_icon__WGjWJ"};
+var styles$j = {"step_number":"Step-module_step_number__nm2mL","left_container":"Step-module_left_container__tFgSy","step_container":"Step-module_step_container__t01w0","step_icon_container":"Step-module_step_icon_container__DDASj","step_line":"Step-module_step_line__R2Ezc","step_completed_icon":"Step-module_step_completed_icon__yWCat","step_warning_icon":"Step-module_step_warning_icon__WGjWJ"};
 
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1073-14316&mode=dev  */
 const Step = ({
@@ -5168,13 +5202,13 @@ const Step = ({
     } else if (status === 'not-completed') return '#8A8B8E';else if (status === 'warning') return '#F54C4C';else if (status === 'active') return '#0077FF';else if (status === 'completed') return '#5CBB65';else if (status === 'hover-edit') return '#0077FF';else return '#004799';
   };
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: styles$2.step_container
+    className: styles$j.step_container
   }, props), /*#__PURE__*/React__default.createElement("div", {
-    className: styles$2.step_container
+    className: styles$j.step_container
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: styles$2.step_icon_container
+    className: styles$j.step_icon_container
   }, status !== 'warning' && status !== 'completed' && /*#__PURE__*/React__default.createElement("div", {
-    className: styles$2.step_number,
+    className: styles$j.step_number,
     style: {
       borderColor: getStatusColor()
     }
@@ -5184,12 +5218,12 @@ const Step = ({
     weight: "regular",
     color: getStatusColor()
   })), status === 'warning' && /*#__PURE__*/React__default.createElement(AlertCircledIcon, {
-    className: styles$2.step_warning_icon
+    className: styles$j.step_warning_icon
   }), status === 'completed' && /*#__PURE__*/React__default.createElement(CheckedCircled, {
     strokeWidth: "0",
-    className: styles$2.step_completed_icon
+    className: styles$j.step_completed_icon
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: styles$2.step_line
+    className: styles$j.step_line
   }))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Title, {
     weight: "bold",
     size: "base",
@@ -5203,7 +5237,7 @@ const Step = ({
   })));
 };
 
-var styles$3 = {"switchWrapper":"Switch-module_switchWrapper__daXCz"};
+var styles$k = {"switchWrapper":"Switch-module_switchWrapper__daXCz"};
 
 const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
   '& .MuiSwitch-track': {
@@ -5231,7 +5265,7 @@ const Switch = ({
   className
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${styles$3.switchWrapper} ${className}`
+    className: `${styles$k.switchWrapper} ${className}`
   }, label && /*#__PURE__*/React__default.createElement(Title, {
     text: label,
     weight: "bold",
@@ -5247,7 +5281,7 @@ const Switch = ({
   }));
 };
 
-var styles$4 = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
+var styles$l = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
 
 const TooltipLayout = ({
   tooltipTitle,
@@ -5267,9 +5301,9 @@ const TooltipLayout = ({
   buttonTwoOnClick
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.tooltip_layout
+    className: styles$l.tooltip_layout
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.tooltip_layout_header
+    className: styles$l.tooltip_layout_header
   }, /*#__PURE__*/React__default.createElement(Title, {
     text: tooltipTitle,
     size: "sm",
@@ -5282,11 +5316,11 @@ const TooltipLayout = ({
   })), tooltipDescription && /*#__PURE__*/React__default.createElement(Text, {
     text: tooltipDescription,
     size: "xs",
-    className: styles$4.tooltip_layout_description
+    className: styles$l.tooltip_layout_description
   }), customContent && /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.tooltip_layout_content
+    className: styles$l.tooltip_layout_content
   }, customContent)), /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.tooltip_layout_actions
+    className: styles$l.tooltip_layout_actions
   }, buttonOneText && /*#__PURE__*/React__default.createElement(Button, {
     text: buttonOneText,
     size: "sm",
@@ -5304,7 +5338,7 @@ const TooltipLayout = ({
   })));
 };
 
-const StyledTooltip = /*#__PURE__*/styles$6.styled(material.Tooltip)({
+const StyledTooltip = /*#__PURE__*/styles$D.styled(material.Tooltip)({
   [`& .${Tooltip$1.tooltipClasses.tooltip}`]: {
     backgroundColor: '#fff'
   }
@@ -5379,6 +5413,8 @@ const Tooltip = ({
   }, children);
 };
 
+var styles$m = {"table_header":"header-modules_table_header__tWpCj","header_cell":"header-modules_header_cell__3OmZ3"};
+
 const TableHeader = ({
   headers,
   isSelectable,
@@ -5386,7 +5422,7 @@ const TableHeader = ({
   selectAll
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.table_header
+    className: styles$m.table_header
   }, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
     checked: areAllSelected,
     onChange: () => selectAll()
@@ -5414,7 +5450,7 @@ const TableHeader = ({
     style: {
       flex: header.flexWidth ?? 1
     },
-    className: undefined.header_cell
+    className: styles$m.header_cell
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: header.name,
     weight: header.weight,
@@ -5423,6 +5459,10 @@ const TableHeader = ({
   }), header.icon && header.icon)));
 };
 
+var styles$n = {"rows":"rows-modules_rows__2uSRy","row":"rows-modules_row__FcChg"};
+
+var styles$o = {"cell":"table-cell-modules_cell__ZorMw"};
+
 const TableCell = ({
   text,
   weight = 'regular',
@@ -5433,7 +5473,7 @@ const TableCell = ({
   select
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${undefined.cell} ${className && className}`,
+    className: `${styles$o.cell} ${className && className}`,
     style: {
       flex: flexWidth
     }
@@ -5457,11 +5497,11 @@ const TableRows = ({
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: `${undefined.rows} ${rowsClassName}`
+    className: `${styles$n.rows} ${rowsClassName}`
   }, rows.map((row, index) => {
     return /*#__PURE__*/React__default.createElement("div", {
       key: `row-${index}`,
-      className: `${undefined.row} ${row.className}`,
+      className: `${styles$n.row} ${row.className}`,
       onClick: row.onClickRow,
       id: row.id
     }, selectable && /*#__PURE__*/React__default.createElement(Checkbox, {
@@ -5509,6 +5549,8 @@ const Table = ({
   }));
 };
 
+var styles$p = {"new_tabs":"tabs-modules_new_tabs__DmuxS","MuiTabs-root":"tabs-modules_MuiTabs-root__Fj2I-","MuiTabs-scroller":"tabs-modules_MuiTabs-scroller__PY-Gb","MuiTabs-flexContainer":"tabs-modules_MuiTabs-flexContainer__qV4mC","MuiTab-root":"tabs-modules_MuiTab-root__jL46D","MuiTabs-indicator":"tabs-modules_MuiTabs-indicator__8kjaz","Mui-selected":"tabs-modules_Mui-selected__i7uax"};
+
 const TabPanel = ({
   value,
   index,
@@ -5538,7 +5580,7 @@ const Tabs = ({
     if (onSelect) onSelect(newValue);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.new_tabs
+    className: styles$p.new_tabs
   }, /*#__PURE__*/React__default.createElement(material.Tabs, {
     value: value,
     onChange: handleChange,
@@ -5570,6 +5612,8 @@ const Tabs = ({
   }, tab.component)));
 };
 
+var styles$q = {"tabbar":"tabsUnderline-modules_tabbar__aBV11","tabs_root":"tabsUnderline-modules_tabs_root__DdnCR","tab_label":"tabsUnderline-modules_tab_label__boVBw","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__veoJz","disabled":"tabsUnderline-modules_disabled__NiFLq"};
+
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev  */
 const TabsUnderline = ({
   defaultValue,
@@ -5582,11 +5626,11 @@ const TabsUnderline = ({
     onChange(index, tabs[index].value);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.tabbar
+    className: styles$q.tabbar
   }, /*#__PURE__*/React__default.createElement(Tabs$1, {
     value: value,
     onChange: onClickTab,
-    className: undefined.tabs_root,
+    className: styles$q.tabs_root,
     centered: true,
     TabIndicatorProps: {
       style: {
@@ -5598,7 +5642,7 @@ const TabsUnderline = ({
   }, tabs.map((item, index) => {
     let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
       key: `tab#${index}`,
-      className: undefined.tab_label,
+      className: styles$q.tab_label,
       disableRipple: true,
       sx: {
         textTransform: 'none'
@@ -5613,7 +5657,7 @@ const TabsUnderline = ({
     if (item.disabled) {
       renderTab = /*#__PURE__*/React__default.createElement(Text, {
         key: `tab#${index}`,
-        className: `${undefined.tab_label_replacement} ${undefined.disabled}`,
+        className: `${styles$q.tab_label_replacement} ${styles$q.disabled}`,
         weight: "bold",
         size: "lg",
         text: item.label,
@@ -5631,7 +5675,9 @@ const TabsUnderline = ({
   })));
 };
 
-const CssTextField$2 = /*#__PURE__*/styles$6.styled(material.TextField)({
+var styles$r = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
+
+const CssTextField$2 = /*#__PURE__*/styles$D.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
     fontFamily: 'Open Sans !important',
@@ -5751,13 +5797,13 @@ const TextInput = props => {
     shrink: false
   } : {};
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${className} ${undefined.input}`,
+    className: `${className} ${styles$r.input}`,
     id: id
   }, topLabel && /*#__PURE__*/React__default.createElement(Text, {
     text: `${topLabel ? topLabel : ''}`,
     weight: "bold",
     size: "base",
-    className: undefined.input_top_label,
+    className: styles$r.input_top_label,
     required: required
   }), /*#__PURE__*/React__default.createElement(CssTextField$2, {
     fullWidth: true,
@@ -5801,16 +5847,16 @@ const TextInput = props => {
     color: "#F54C4C",
     italic: true,
     text: errorText,
-    className: undefined.text_below
+    className: styles$r.text_below
   }), helperText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     italic: true,
     text: helperText,
-    className: undefined.text_below
+    className: styles$r.text_below
   }));
 };
 
-var styles$5 = {"text_area_container":"Textarea-module_text_area_container__cq5uv","helperTexts":"Textarea-module_helperTexts__1DMgG","counter":"Textarea-module_counter__0nieC"};
+var styles$s = {"text_area_container":"Textarea-module_text_area_container__cq5uv","helperTexts":"Textarea-module_helperTexts__1DMgG","counter":"Textarea-module_counter__0nieC"};
 
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
 const Textarea = ({
@@ -5840,7 +5886,7 @@ const Textarea = ({
     }
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: styles$5.text_area_container
+    className: styles$s.text_area_container
   }, /*#__PURE__*/React__default.createElement(TextInput, {
     name: name,
     variant: "outlined",
@@ -5861,7 +5907,7 @@ const Textarea = ({
     required: required,
     disabled: disabled
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: styles$5.helperTexts
+    className: styles$s.helperTexts
   }, helperText && /*#__PURE__*/React__default.createElement(Text, {
     text: helperText,
     size: "xs",
@@ -5874,10 +5920,12 @@ const Textarea = ({
   }), /*#__PURE__*/React__default.createElement(Text, {
     text: `${charCount} / ${maxCharacters}`,
     size: "xs",
-    className: styles$5.counter
+    className: styles$s.counter
   })));
 };
 
+var styles$t = {"caption_text":"Caption-modules_caption_text__LH61Z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__lc-JL"};
+
 /** This text should only be used for the captions
  * Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
  */
@@ -5892,10 +5940,12 @@ const Caption = ({
     style: {
       color: color
     },
-    className: `${undefined.caption_text} ${uppercase ? undefined.caption_text_uppercase : ''} ${className ?? ''}`
+    className: `${styles$t.caption_text} ${uppercase ? styles$t.caption_text_uppercase : ''} ${className ?? ''}`
   }), text);
 };
 
+var styles$u = {"dropdown_text":"TextForDropDownItem-modules_dropdown_text__R-CSX","dropdown_text_xs":"TextForDropDownItem-modules_dropdown_text_xs__nyL4s","dropdown_text_sm":"TextForDropDownItem-modules_dropdown_text_sm__XGWPr","dropdown_text_base":"TextForDropDownItem-modules_dropdown_text_base__Du-2n","dropdown_text_bold":"TextForDropDownItem-modules_dropdown_text_bold__71Lhd"};
+
 /** This text should only be used for the dropdown items text
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
  */
@@ -5908,13 +5958,13 @@ const TextForDropDownItem = ({
   ...props
 }) => {
   const getTextSize = () => {
-    if (size === 'xs') return undefined.dropdown_text_xs;else if (size === 'sm') return undefined.dropdown_text_sm;else if (size === 'base') return undefined.dropdown_text_base;else return undefined.dropdown_text_base;
+    if (size === 'xs') return styles$u.dropdown_text_xs;else if (size === 'sm') return styles$u.dropdown_text_sm;else if (size === 'base') return styles$u.dropdown_text_base;else return styles$u.dropdown_text_base;
   };
   return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
     style: {
       color: color
     },
-    className: `${undefined.dropdown_text} ${bold && undefined.dropdown_text_bold} ${getTextSize()} ${className}`
+    className: `${styles$u.dropdown_text} ${bold && styles$u.dropdown_text_bold} ${getTextSize()} ${className}`
   }), text);
 };
 
@@ -6031,6 +6081,8 @@ const getColor = (colorName, shade) => {
   return undefined;
 };
 
+var styles$v = {"chatContainer":"Chat-modules_chatContainer__xzg50","scrolling_content":"Chat-modules_scrolling_content__urvdP","no_scrollbar":"Chat-modules_no_scrollbar__Ia2bX"};
+
 const Chat = ({
   goBackText,
   goBack,
@@ -6055,12 +6107,12 @@ const Chat = ({
     item: true,
     xs: 3,
     direction: "column",
-    className: `${className ?? ''} ${undefined.chatContainer}`
+    className: `${className ?? ''} ${styles$v.chatContainer}`
   }, props), goBackText && goBack && /*#__PURE__*/React__default.createElement(GoBack, {
     text: goBackText,
     onClick: goBack
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${undefined.scrolling_content} ${undefined.no_scrollbar}`
+    className: `${styles$v.scrolling_content} ${styles$v.no_scrollbar}`
   }, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
     text: chatTitle,
     weight: "bold",
@@ -6092,6 +6144,8 @@ const Chat = ({
   }));
 };
 
+var styles$w = {"chat_input_container":"ChatInput-modules_chat_input_container__kI77U"};
+
 const ChatInput = ({
   className,
   value,
@@ -6100,7 +6154,7 @@ const ChatInput = ({
   placeholder
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${undefined.chat_input_container} ${className ?? ''}`
+    className: `${styles$w.chat_input_container} ${className ?? ''}`
   }, /*#__PURE__*/React__default.createElement("input", {
     placeholder: placeholder,
     value: value ? value : '',
@@ -6116,6 +6170,8 @@ const ChatInput = ({
   }));
 };
 
+var styles$x = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__lWeMA","active":"CircleIconButton-modules_active__-qtNl","notif_icon":"CircleIconButton-modules_notif_icon__ooeFy"};
+
 const CircledIconButton = ({
   icon,
   className,
@@ -6124,12 +6180,14 @@ const CircledIconButton = ({
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
-    className: `${undefined.circle_icon_button} ${className ?? ''} ${isActive ? undefined.active : ''}`
+    className: `${styles$x.circle_icon_button} ${className ?? ''} ${isActive ? styles$x.active : ''}`
   }, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
-    className: undefined.notif_icon
+    className: styles$x.notif_icon
   }));
 };
 
+var styles$y = {"interview_button":"InterviewButton-modules_interview_button__7qkQR","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__Py-K3","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__Mf5w-","active":"InterviewButton-modules_active__-T2FK","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__4NuDP","notif_icon":"InterviewButton-modules_notif_icon__wQi4a"};
+
 const InterviewButton = ({
   icon,
   className,
@@ -6140,19 +6198,21 @@ const InterviewButton = ({
   ...props
 }) => {
   const defineVariantStyle = () => {
-    if (variant === 'protocol') return undefined.interview_button_protocol;else if (variant === 'screenshare') return undefined.interview_button_screenshare;else if (variant === 'end-interview') return undefined.interview_button_end_interview;else return;
+    if (variant === 'protocol') return styles$y.interview_button_protocol;else if (variant === 'screenshare') return styles$y.interview_button_screenshare;else if (variant === 'end-interview') return styles$y.interview_button_end_interview;else return;
   };
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
-    className: `${undefined.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? undefined.active : ''}`
+    className: `${styles$y.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$y.active : ''}`
   }, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), /*#__PURE__*/React__default.createElement(Text, {
     text: text,
     size: "base",
     weight: "semi-bold"
   }), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
-    className: undefined.notif_icon
+    className: styles$y.notif_icon
   }));
 };
 
+var styles$z = {"go_back_btn":"GoBack-modules_go_back_btn__9PP5I"};
+
 const GoBack = ({
   text,
   onClick,
@@ -6160,7 +6220,7 @@ const GoBack = ({
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
-    className: `${undefined.go_back_btn} ${className ?? ''}`
+    className: `${styles$z.go_back_btn} ${className ?? ''}`
   }, props, {
     onClick: onClick
   }), /*#__PURE__*/React__default.createElement(ArrowLineLeftIcon, null), /*#__PURE__*/React__default.createElement(Text, {
@@ -6171,7 +6231,9 @@ const GoBack = ({
   }));
 };
 
-const CustomPopover = /*#__PURE__*/styles$6.styled(Popover$1)({
+var styles$A = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","title":"Task-modules_title__-OmPh","disabled_task":"Task-modules_disabled_task__NI6LL","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j","popover_paper":"Task-modules_popover_paper__Re-kl","MuiPopover-root":"Task-modules_MuiPopover-root__w6O-O","MuiPopover-paper":"Task-modules_MuiPopover-paper__7p4Tk"};
+
+const CustomPopover = /*#__PURE__*/styles$D.styled(Popover$1)({
   '& .MuiPopover-root': {
     borderRadius: '0.5rem',
     background: 'transparent'
@@ -6207,16 +6269,16 @@ const Task = ({
     setAnchorEl(null);
   };
   const getContainerStyle = () => {
-    if (state === 'active') return undefined.active_task;else if (state === 'disabled') return undefined.disabled_task;else return undefined.task_container;
+    if (state === 'active') return styles$A.active_task;else if (state === 'disabled') return styles$A.disabled_task;else return styles$A.task_container;
   };
   const open = Boolean(anchorEl);
   const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({
     className: `${getContainerStyle()} ${className ?? ''}`
   }, props), /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.header
+    className: styles$A.header
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.header_left,
+    className: styles$A.header_left,
     onMouseEnter: handlePopoverOpen,
     onMouseLeave: handlePopoverClose
   }, /*#__PURE__*/React__default.createElement(Text, {
@@ -6227,21 +6289,21 @@ const Task = ({
     text: taskTitle,
     size: "sm",
     weight: "bold",
-    className: undefined.title
+    className: styles$A.title
   })), /*#__PURE__*/React__default.createElement("button", {
-    className: undefined.header_right,
+    className: styles$A.header_right,
     onClick: () => {
       if (state === 'active') sendTask();
     },
     disabled: state === 'disabled'
   }, state === 'active' || isDone ? /*#__PURE__*/React__default.createElement(CheckedIcon, null) : /*#__PURE__*/React__default.createElement(SendIcon, null))), state === 'active' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.taskContent
+    className: styles$A.taskContent
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: taskTitle,
     size: "sm",
     weight: "bold"
   }), notes && /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.notesContainer
+    className: styles$A.notesContainer
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: "Notes",
     size: "xs",
@@ -6250,13 +6312,13 @@ const Task = ({
     text: notes,
     size: "sm"
   }))), areActionsDisplay && /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.taskContent
+    className: styles$A.taskContent
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: "Actions:",
     size: "xs",
     italic: true
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.actionBtnsContainer
+    className: styles$A.actionBtnsContainer
   }, action1 && iconAction1 && /*#__PURE__*/React__default.createElement(IconButton, {
     onClick: action1,
     icon: iconAction1
@@ -6289,13 +6351,13 @@ const Task = ({
     onClose: handlePopoverClose,
     disableRestoreFocus: true
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.taskPopover
+    className: styles$A.taskPopover
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: taskTitle,
     size: "sm",
     weight: "bold"
   }), notes && /*#__PURE__*/React__default.createElement("div", {
-    className: undefined.notesContainer
+    className: styles$A.notesContainer
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: "Notes",
     size: "xs",
@@ -6306,6 +6368,8 @@ const Task = ({
   })))));
 };
 
+var styles$B = {"start_interview_container":"StartInterview-modules_start_interview_container__jpRe2"};
+
 const StartInterview = ({
   title,
   buttonText,
@@ -6315,7 +6379,7 @@ const StartInterview = ({
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: undefined.start_interview_container
+    className: styles$B.start_interview_container
   }, props), /*#__PURE__*/React__default.createElement(Text, {
     text: title,
     weight: "bold"
@@ -6325,6 +6389,8 @@ const StartInterview = ({
   }));
 };
 
+var styles$C = {"welcome_container":"WelcomeMessage-modules_welcome_container__qLgMv","welcome_title":"WelcomeMessage-modules_welcome_title__gX34Q","welcome_description":"WelcomeMessage-modules_welcome_description__a2HnZ"};
+
 const WelcomeMessage = ({
   title,
   description,
@@ -6332,17 +6398,17 @@ const WelcomeMessage = ({
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    className: undefined.welcome_container
+    className: styles$C.welcome_container
   }, props), /*#__PURE__*/React__default.createElement(Text, {
     text: title,
     weight: "bold",
     size: "base",
-    className: undefined.welcome_title
+    className: styles$C.welcome_title
   }), /*#__PURE__*/React__default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: description
     },
-    className: undefined.welcome_description
+    className: styles$C.welcome_description
   }));
 };