diff --git a/packages/components/src/form/InputLabel/InputLabel.constants.js b/packages/components/src/form/InputLabel/InputLabel.constants.js
index 166df313d..57b674f0d 100644
--- a/packages/components/src/form/InputLabel/InputLabel.constants.js
+++ b/packages/components/src/form/InputLabel/InputLabel.constants.js
@@ -5,10 +5,12 @@ export const INPUT_LABEL_DEFAULT_PROPS = {
   description: '',
   withDescriptionIcon: false,
   required: false,
+  showEmptyLabel: false,
 };
 export const INPUT_LABEL_PROP_TYPES = {
   label: PropTypes.string,
   description: PropTypes.string,
   withDescriptionIcon: PropTypes.bool,
   required: PropTypes.bool,
+  showEmptyLabel: PropTypes.bool,
 };
diff --git a/packages/components/src/form/InputLabel/InputLabel.js b/packages/components/src/form/InputLabel/InputLabel.js
index 824c2c406..3f2fe42e0 100644
--- a/packages/components/src/form/InputLabel/InputLabel.js
+++ b/packages/components/src/form/InputLabel/InputLabel.js
@@ -6,14 +6,21 @@ import { InputDescription } from '../InputDescription';
 import { InputLabelStyles } from './InputLabel.styles';
 import { INPUT_LABEL_DEFAULT_PROPS, INPUT_LABEL_PROP_TYPES } from './InputLabel.constants';
 
-const InputLabel = ({ label, description, withDescriptionIcon, required, ...props }) => {
+const InputLabel = ({
+  label,
+  description,
+  withDescriptionIcon,
+  required,
+  showEmptyLabel,
+  ...props
+}) => {
   const { classes } = InputLabelStyles({}, { name: 'InputLabel' });
 
   return (
     <Box className={classes.container}>
-      {!isEmpty(label) && (
+      {(!isEmpty(label) || showEmptyLabel) && (
         <Text as="label" className={classes.label} {...props}>
-          {label}
+          {!isEmpty(label) ? label : <span dangerouslySetInnerHTML={{ __html: '&nbsp;' }} />}
           {required && <span className={classes.required}>*</span>}
         </Text>
       )}
diff --git a/packages/components/src/form/InputLabel/InputLabel.stories.js b/packages/components/src/form/InputLabel/InputLabel.stories.js
index 8ab75dfbb..512c92232 100644
--- a/packages/components/src/form/InputLabel/InputLabel.stories.js
+++ b/packages/components/src/form/InputLabel/InputLabel.stories.js
@@ -18,9 +18,7 @@ export default {
   argTypes: {},
 };
 
-const Template = ({ ...props }) => {
-  return <InputLabel {...props} />;
-};
+const Template = ({ ...props }) => <InputLabel {...props} />;
 
 export const Playground = Template.bind({});
 
diff --git a/packages/components/src/form/InputWrapper/InputWrapper.constants.js b/packages/components/src/form/InputWrapper/InputWrapper.constants.js
index 142488f60..afba554c8 100644
--- a/packages/components/src/form/InputWrapper/InputWrapper.constants.js
+++ b/packages/components/src/form/InputWrapper/InputWrapper.constants.js
@@ -21,6 +21,7 @@ export const INPUT_WRAPPER_PROP_TYPES = {
   headerStyle: PropTypes.any,
   contentStyle: PropTypes.any,
   autoComplete: PropTypes.string,
+  showEmptyLabel: PropTypes.bool,
 };
 export const INPUT_WRAPPER_DEFAULT_PROPS = {
   label: '',
diff --git a/packages/components/src/form/InputWrapper/InputWrapper.js b/packages/components/src/form/InputWrapper/InputWrapper.js
index 30aba2a7e..aeef2686c 100644
--- a/packages/components/src/form/InputWrapper/InputWrapper.js
+++ b/packages/components/src/form/InputWrapper/InputWrapper.js
@@ -31,6 +31,7 @@ const InputWrapper = ({
   className,
   style,
   formValues,
+  showEmptyLabel,
   ...props
 }) => {
   const size = INPUT_WRAPPER_SIZES.includes(sizeProp) ? sizeProp : 'md';
@@ -46,7 +47,7 @@ const InputWrapper = ({
   return (
     <Box className={cx(classes.root, className)} style={style} {...props}>
       {/* Label & Description */}
-      {hasHeader && (
+      {(hasHeader || showEmptyLabel) && (
         <Stack
           direction="column"
           className={cx(classes.header, headerClassName)}
@@ -54,6 +55,7 @@ const InputWrapper = ({
         >
           <InputLabel
             label={label}
+            showEmptyLabel={showEmptyLabel}
             required={required}
             {...labelProps}
             description={description}
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js
index 140ede54a..9f1b614bf 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js
@@ -16,9 +16,11 @@ const TotalLayoutFooterContainer = ({
   style,
   width,
   clean,
+  rectRef,
   skipOffset,
 }) => {
   const [showFooterBorder, setShowFooterBorder] = React.useState(false);
+  const [footerStyles, setFooterStyles] = React.useState({});
   const { classes } = TotalLayoutFooterContainerStyles(
     {
       showFooterBorder: showFooterBorder || _showFooterBorder,
@@ -60,9 +62,30 @@ const TotalLayoutFooterContainer = ({
     return () => {};
   }, [scrollRef?.current, handleScroll]);
 
+  React.useEffect(() => {
+    let animationFrameId;
+
+    if (rectRef?.current) {
+      const updateFooterStyles = () => {
+        const clientRect = rectRef?.current?.getBoundingClientRect();
+        // Aquí actualizamos el estado o hacemos lo que sea necesario con clientRect
+        // Por ejemplo, si necesitas actualizar el estado basado en clientRect, puedes hacerlo aquí.
+        // Asegúrate de tener un estado para almacenar los estilos que quieres actualizar.
+        setFooterStyles({ left: clientRect?.left, width: clientRect?.width });
+
+        animationFrameId = requestAnimationFrame(updateFooterStyles);
+      };
+
+      animationFrameId = requestAnimationFrame(updateFooterStyles);
+    }
+    return () => {
+      cancelAnimationFrame(animationFrameId);
+    };
+  }, [rectRef?.current]);
+
   return (
     <Stack justifyContent="center" fullWidth>
-      <Box className={classes.footer} style={style}>
+      <Box className={classes.footer} style={{ ...style, ...footerStyles }}>
         <Stack fullWidth style={{ height: 72, padding: clean ? 0 : '16px 24px' }}>
           <Stack direction="row" spacing={2} noFlex>
             {leftZone}
@@ -90,6 +113,7 @@ TotalLayoutFooterContainer.propTypes = {
   style: PropTypes.object,
   width: PropTypes.number,
   clean: PropTypes.bool,
+  rectRef: PropTypes.object,
   skipOffset: PropTypes.bool,
 };
 
diff --git a/packages/components/src/overlay/Tooltip/Tooltip.js b/packages/components/src/overlay/Tooltip/Tooltip.js
index 3bd2f7025..889fe21c0 100644
--- a/packages/components/src/overlay/Tooltip/Tooltip.js
+++ b/packages/components/src/overlay/Tooltip/Tooltip.js
@@ -9,12 +9,21 @@ import {
   TOOLTIP_POSITION,
 } from './Tooltip.constants';
 
-const Tooltip = ({ size, color, position, withArrow, useAria, withinPortal, ...props }) => {
+const Tooltip = ({
+  size,
+  color,
+  position,
+  withArrow,
+  useAria,
+  withinPortal,
+  autoHeight,
+  ...props
+}) => {
   size = TOOLTIP_SIZES.includes(size) ? size : 'sm';
   color = TOOLTIP_COLORS.includes(color) ? color : 'primary';
   position = TOOLTIP_POSITION.includes(position) ? position : 'top';
 
-  const { classes, cx } = TooltipStyles({ size, color });
+  const { classes, cx } = TooltipStyles({ size, color, autoHeight });
 
   return (
     <MantineTooltip
diff --git a/packages/components/src/overlay/Tooltip/Tooltip.styles.js b/packages/components/src/overlay/Tooltip/Tooltip.styles.js
index 3cd3be774..7744067d0 100644
--- a/packages/components/src/overlay/Tooltip/Tooltip.styles.js
+++ b/packages/components/src/overlay/Tooltip/Tooltip.styles.js
@@ -1,24 +1,24 @@
 import { createStyles } from '@mantine/styles';
 import { pxToRem, getPaddings, getFontExpressive } from '../../theme.mixins';
 
-const getSizes = (theme, size) => {
+const getSizes = (theme, size, autoHeight) => {
   const { spacing } = theme;
 
   return {
     xs: {
       fontSize: pxToRem(12),
-      height: pxToRem(spacing[5]),
+      height: !autoHeight && pxToRem(spacing[5]),
       ...getPaddings(spacing[1], spacing[2]),
     },
 
     sm: {
       fontSize: pxToRem(theme.fontSizes['1']),
-      height: pxToRem(spacing[7]),
+      height: !autoHeight && pxToRem(spacing[7]),
       ...getPaddings(spacing[1], spacing[3]),
     },
     md: {
       fontSize: pxToRem(theme.fontSizes['2']),
-      height: pxToRem(spacing[10]),
+      height: !autoHeight && pxToRem(spacing[10]),
       ...getPaddings(spacing[2], spacing[4]),
     },
   }[size];
@@ -50,7 +50,7 @@ const getColor = (theme, color) =>
     },
   })[color];
 
-const TooltipStyles = createStyles((theme, { color, size }) => ({
+const TooltipStyles = createStyles((theme, { color, size, autoHeight }) => ({
   root: {},
   arrow: {
     ...getColor(theme, color),
@@ -58,7 +58,7 @@ const TooltipStyles = createStyles((theme, { color, size }) => ({
   tooltip: {
     ...getFontExpressive(null, 400),
     ...getColor(theme, color),
-    ...getSizes(theme, size),
+    ...getSizes(theme, size, autoHeight),
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',
diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js
index 759838e77..a3f4d866a 100644
--- a/packages/components/src/tokens.compiled.js
+++ b/packages/components/src/tokens.compiled.js
@@ -1,8236 +1,8227 @@
 export default {
-  "button": {
-    "content": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "down": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "ghost": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "down": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#98C200",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "down": {
-            "value": "#d13b3b",
-            "type": "color"
-          }
-        }
-      },
-      "default": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "hover": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "background": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "selected": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "down": {
-            "value": "#0C1F22",
-            "type": "color"
-          }
-        },
-        "ghost": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#98C200",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F8F9FB",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "down": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#4A6000",
-            "type": "color"
-          },
-          "down": {
-            "value": "#343A3F",
-            "type": "color"
-          }
-        },
-        "primary": {
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#98C200",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#C1C7CD",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "down": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#d13b3b",
-            "type": "color"
-          }
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "md": {
-            "value": "10px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        },
-        "horizontal": {
-          "sm": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "xs": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "24px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 4,
-          "spread": 0,
-          "color": "#B4E600",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      },
-      "pressed": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 4,
-          "spread": 0,
-          "color": "#4A6000",
-          "type": "innerShadow"
-        },
-        "type": "boxShadow"
-      }
-    },
-    "textDecoration": {
-      "underLine": {
-        "value": "underline",
-        "type": "textDecoration"
-      }
-    }
+  button: {
+    content: {
+      color: {
+        primary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          down: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        ghost: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          hover: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          down: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#98C200',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          down: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+        },
+      },
+      default: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      hover: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    background: {
+      color: {
+        primary: {
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          hover: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          selected: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          pressed: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          pressed: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          down: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+        },
+        ghost: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          pressed: {
+            value: '#98C200',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          hover: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          down: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          hover: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          down: {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      color: {
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          pressed: {
+            value: '#4A6000',
+            type: 'color',
+          },
+          down: {
+            value: '#343A3F',
+            type: 'color',
+          },
+        },
+        primary: {
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#98C200',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          hover: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          down: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          hover: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          down: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#d13b3b',
+            type: 'color',
+          },
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          md: {
+            value: '10px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+        horizontal: {
+          sm: {
+            value: '16px',
+            type: 'spacing',
+          },
+          xs: {
+            value: '8px',
+            type: 'spacing',
+          },
+          md: {
+            value: '24px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    shadow: {
+      hover: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 4,
+          spread: 0,
+          color: '#B4E600',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+      pressed: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 4,
+          spread: 0,
+          color: '#4A6000',
+          type: 'innerShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+    textDecoration: {
+      underLine: {
+        value: 'underline',
+        type: 'textDecoration',
+      },
+    },
+  },
+  avatar: {
+    content: {
+      typo: {
+        default: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '24px',
+            fontSize: '20px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            fontSize: 12,
+            textCase: 'uppercase',
+            lineHeight: 16,
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            fontSize: 16,
+            textCase: 'uppercase',
+          },
+          type: 'typography',
+        },
+        lg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            fontSize: 23,
+            textCase: 'uppercase',
+          },
+          type: 'typography',
+        },
+        xlg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            fontSize: '56px',
+            textCase: 'uppercase',
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        group: {
+          value: '#878D96',
+          type: 'color',
+        },
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      width: {
+        value: '2px',
+        type: 'borderWidth',
+      },
+      radius: {
+        circle: {
+          value: '50%',
+          type: 'borderRadius',
+        },
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+      },
+    },
+    background: {
+      color: {
+        10: {
+          value: '#EC62D8',
+          type: 'color',
+        },
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        reverse: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        group: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        '01': {
+          value: '#DC5571',
+          type: 'color',
+        },
+        '02': {
+          value: '#F26262',
+          type: 'color',
+        },
+        '03': {
+          value: '#E36B2B',
+          type: 'color',
+        },
+        '04': {
+          value: '#E8C642',
+          type: 'color',
+        },
+        '05': {
+          value: '#96D47F',
+          type: 'color',
+        },
+        '06': {
+          value: '#50B579',
+          type: 'color',
+        },
+        '07': {
+          value: '#4F96FF',
+          type: 'color',
+        },
+        '08': {
+          value: '#7449F4',
+          type: 'color',
+        },
+        '09': {
+          value: '#B462F2',
+          type: 'color',
+        },
+      },
+    },
+    size: {
+      xsm: {
+        value: '16px',
+        type: 'sizing',
+      },
+      sm: {
+        value: '24px',
+        type: 'sizing',
+      },
+      md: {
+        value: '32px',
+        type: 'sizing',
+      },
+      xmd: {
+        value: '48px',
+        type: 'sizing',
+      },
+      lg: {
+        value: '56px',
+        type: 'sizing',
+      },
+      xlg: {
+        value: '120px',
+        type: 'sizing',
+      },
+    },
+  },
+  comunica: {
+    chat: {
+      spacing: {
+        padding: {
+          default: {
+            value: '16px',
+            type: 'spacing',
+          },
+        },
+        gap: {
+          lg: {
+            value: '16px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          md: {
+            value: '8px',
+            type: 'spacing',
+          },
+        },
+      },
+    },
+    border: {
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        md: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+      },
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#98C200',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+    spacing: {
+      padding: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '96px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+    },
+    floatingButton: {
+      spacing: {
+        padding: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+        },
+      },
+    },
+    message: {
+      spacing: {
+        padding: {
+          xs: {
+            value: '2px',
+            type: 'spacing',
+          },
+          md: {
+            value: '8px',
+            type: 'spacing',
+          },
+          slg: {
+            value: '12px',
+            type: 'spacing',
+          },
+          xlg: {
+            value: '24px',
+            type: 'spacing',
+          },
+        },
+        gap: {
+          md: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+      },
+      border: {
+        width: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+      },
+    },
+    toast: {
+      spacing: {
+        padding: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+      border: {
+        width: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+      },
+      gap: {
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      typo: {
+        '01': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: 24,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+        '02': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: 24,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        default: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+        muted: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        emphasis: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+  },
+  dropzone: {
+    content: {
+      text: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'text--medium': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--subtle': {
+          value: '#878D96',
+          type: 'color',
+        },
+        icon: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        hover: {
+          value: '#98C200',
+          type: 'color',
+        },
+        'default--icon': {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        hover: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      style: {
+        value: {
+          style: 'dashed',
+          width: '2px',
+          color: '#DDE1E6',
+        },
+        type: 'border',
+      },
+    },
+  },
+  toggle: {
+    shadow: {
+      hover: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 2,
+          spread: 0,
+          color: '#4a6000cc',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#878D96',
+          type: 'color',
+        },
+        selected: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        label: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        hover: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      color: {
+        default: {
+          value: '#878D96',
+          type: 'color',
+        },
+        select: {
+          value: '#2F463F',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '99em',
+        type: 'borderRadius',
+      },
+    },
+    size: {
+      inner: {
+        value: '8 px',
+        type: 'sizing',
+      },
+      width: {
+        value: '32px',
+        type: 'sizing',
+      },
+    },
+    spacing: {
+      padding: {
+        value: '6px 4px',
+        type: 'spacing',
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        unselected: {
+          default: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          hover: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+        },
+        selected: {
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+        },
+      },
+    },
+  },
+  buttonText: {
+    content: {
+      color: {
+        primary: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          down: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          hover: {
+            value: '#b52a2a',
+            type: 'color',
+          },
+          down: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+        },
+      },
+      default: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+          textDecoration: 'underline',
+        },
+        type: 'typography',
+      },
+      hover: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    background: {
+      color: {
+        primary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          down: {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#f0bebe',
+            type: 'color',
+          },
+          down: {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      color: {
+        primary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          down: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#f0bebe',
+            type: 'color',
+          },
+          down: {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+      },
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+      },
+      width: {
+        value: '2px',
+        type: 'borderWidth',
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          md: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+        horizontal: {
+          md: {
+            value: '24px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '16px',
+            type: 'spacing',
+          },
+          xs: {
+            value: '8px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+  },
+  buttonIcon: {
+    content: {
+      color: {
+        primary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        ghost: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          down: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#878D96',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          down: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#b52a2a',
+            type: 'color',
+          },
+        },
+      },
+    },
+    background: {
+      color: {
+        primary: {
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          hover: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          pressed: {
+            value: '#98C200',
+            type: 'color',
+          },
+          selected: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          focus: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        ghost: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          pressed: {
+            value: '#98C200',
+            type: 'color',
+          },
+          selected: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          focus: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        link: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          pressed: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          focus: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          down: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          hover: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          down: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          'default-reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover-reverse': {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          'down-reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          hover: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          down: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#f0bebe',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+      width: {
+        value: '2px',
+        type: 'borderWidth',
+      },
+      color: {
+        primary: {
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          hover: {
+            value: '#98C200',
+            type: 'color',
+          },
+          down: {
+            value: '#98C200',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          down: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          'default-reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover-reverse': {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          'down-reverse': {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+        },
+        terciary: {
+          default: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          hover: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          down: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'default-reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          hover: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          down: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: 'transparent',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#f0bebe',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '6px',
+          type: 'spacing',
+        },
+      },
+    },
+    shadow: {
+      hover: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 4,
+          spread: 0,
+          color: '#ffffff26',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+  },
+  buttonAction: {
+    content: {
+      color: {
+        primary: {
+          default: {
+            value: '#2F463F',
+            type: 'color',
+          },
+          hover: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          down: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+        },
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '16px',
+          fontSize: '12px',
+        },
+        type: 'typography',
+      },
+    },
+    background: {
+      color: {
+        primary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          pressed: {
+            value: '#98C200',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          'hover--reverse-transparent': {
+            value: '#ffffff26',
+            type: 'color',
+          },
+          down: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#878D96',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          down: {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+      color: {
+        primary: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#878D96',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          down: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        sm: {
+          value: '2px',
+          type: 'spacing',
+        },
+        md: {
+          value: '4px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        value: '4px',
+        type: 'spacing',
+      },
+    },
+  },
+  input: {
+    content: {
+      color: {
+        default: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        placeholder: {
+          value: '#878D96',
+          type: 'color',
+        },
+        icon: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'icon--action': {
+          value: '#2F463F',
+          type: 'color',
+        },
+        selected: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        hover: {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        subtle: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        negative: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+      },
+      radius: {
+        sm: {
+          value: '2px',
+          type: 'borderRadius',
+        },
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          md: {
+            value: '8px',
+            type: 'spacing',
+          },
+          ssm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '3px',
+            type: 'spacing',
+          },
+        },
+        horizontal: {
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          md: {
+            value: '8px',
+            type: 'spacing',
+          },
+          xmsm: {
+            value: '10px',
+            type: 'spacing',
+          },
+        },
+        all: {
+          value: '12px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        none: {
+          value: '0px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+    },
+  },
+  label: {
+    spacing: {
+      gap: {
+        none: {
+          value: '0px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        subtle: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      typo: {
+        '01': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        '02': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        '03': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+      },
+      phatic: {
+        attention: {
+          value: '#f39c12',
+          type: 'color',
+        },
+      },
+    },
+  },
+  helpText: {
+    content: {
+      color: {
+        default: {
+          value: '#878D96',
+          type: 'color',
+        },
+        emphasis: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'phatic--negative': {
+          value: '#d13b3b',
+          type: 'color',
+        },
+        'phatic--attention': {
+          value: '#f39c12',
+          type: 'color',
+        },
+        phatic: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+      },
+      'typo-': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '12px',
+        },
+        type: 'typography',
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          fontSize: '10px',
+          lineHeight: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    spacing: {
+      gap: {
+        value: '4px',
+        type: 'spacing',
+      },
+    },
+  },
+  radio: {
+    size: {
+      sm: {
+        value: '10px',
+        type: 'sizing',
+      },
+      md: {
+        value: '20px',
+        type: 'sizing',
+      },
+    },
+    content: {
+      color: {
+        label: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        selected: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        default: {
+          value: 'transparent',
+          type: 'color',
+        },
+        icon: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        hover: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        selected: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        'selected--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '99em',
+        type: 'borderRadius',
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        selected: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        error: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+        hover: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+      paddings: {
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+    shadow: {
+      hover: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 2,
+          spread: 0,
+          color: '#4a6000cc',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+    label: {
+      content: {
+        typo: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+  },
+  checkbox: {
+    shadow: {
+      hover: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 2,
+          spread: 0,
+          color: '#4a6000cc',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+    size: {
+      md: {
+        value: '20px',
+        type: 'sizing',
+      },
+    },
+    content: {
+      color: {
+        default: {
+          value: 'transparent',
+          type: 'color',
+        },
+        label: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        icon: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        selected: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        contrast: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        hover: {
+          value: '#98C200',
+          type: 'color',
+        },
+        selected: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        select: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        negative: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+        hover: {
+          value: '#98C200',
+          type: 'color',
+        },
+        selected: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '2px',
+        type: 'borderRadius',
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+    spacing: {
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+      paddings: {
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+  },
+  badge: {
+    content: {
+      typo: {
+        caption: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            fontSize: 10,
+            lineHeight: 14,
+            textCase: 'uppercase',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: 12,
+          },
+          type: 'typography',
+        },
+        'sm--bold': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '24px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        'md--bold': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '24px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        neutral: {
+          default: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          hover: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          white: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          grey: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        primary: {
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          'default--warning': {
+            value: '#f39c12',
+            type: 'color',
+          },
+          info: {
+            value: '#307AE8',
+            type: 'color',
+          },
+          succes: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '99em',
+        type: 'borderRadius',
+      },
+      'md-radius': {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      color: {
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        white: {
+          value: '#878D96',
+          type: 'color',
+        },
+        grey: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        hover: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      md: {
+        value: '2px',
+        type: 'borderWidth',
+      },
+    },
+    size: {
+      sm: {
+        value: '8px',
+        type: 'sizing',
+      },
+      md: {
+        value: '12px',
+        type: 'sizing',
+      },
+      lg: {
+        value: '16px',
+        type: 'sizing',
+      },
+      xlg: {
+        value: '32px',
+        type: 'sizing',
+      },
+      '2xlg': {
+        value: '48px',
+        type: 'sizing',
+      },
+    },
+    spacing: {
+      padding: {
+        '3xsm': {
+          value: '2px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '12px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+      },
+    },
+  },
+  AvatarSubjectIcon: {
+    content: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+    },
+    size: {
+      xxs: {
+        value: '8 px',
+        type: 'sizing',
+      },
+      xsm: {
+        value: '16px',
+        type: 'sizing',
+      },
+      sm: {
+        value: '24px',
+        type: 'sizing',
+      },
+      md: {
+        value: '32px',
+        type: 'sizing',
+      },
+      xmd: {
+        value: '48px',
+        type: 'sizing',
+      },
+      lg: {
+        value: '56px',
+        type: 'sizing',
+      },
+    },
+  },
+  colorPicker: {
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+    spacing: {
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    size: {
+      md: {
+        value: '16px',
+        type: 'sizing',
+      },
+    },
+  },
+  calendar: {
+    content: {
+      typo: {
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        'sm--regular': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        calendarButton: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        weekName: {
+          default: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+        },
+        weekday: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          down: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          'default--weekend': {
+            value: '#d13b3b',
+            type: 'color',
+          },
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          value: '8px',
+          type: 'spacing',
+        },
+        horizontal: {
+          value: '8px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+    },
+    background: {
+      color: {
+        calendarButton: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          down: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#B4E600',
+            type: 'color',
+          },
+          'hover--reverse': {
+            value: '#98C200',
+            type: 'color',
+          },
+          'down--reverse': {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+        weekday: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          'default--alt': {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+        },
+        range: {
+          default: {
+            value: 'transparent',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          down: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+      },
+    },
+    size: {
+      md: {
+        value: '36px',
+        type: 'sizing',
+      },
+    },
+    shadow: {
+      hover: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 4,
+          spread: 0,
+          color: '#B4E600',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+  },
+  popover: {
+    background: {
+      color: {
+        enabled: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          xsm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+        },
+        horizontal: {
+          xsm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      color: {
+        enabled: {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+  },
+  drawer: {
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        muted: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        xxs: {
+          value: '4px',
+          type: 'spacing',
+        },
+        xs: {
+          value: '8px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '16px',
+          type: 'spacing',
+        },
+        md: {
+          value: '32px',
+          type: 'spacing',
+        },
+      },
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    shadow: {
+      left: {
+        value: [
+          {
+            color: '#21272a0d',
+            type: 'dropShadow',
+            x: -32,
+            y: 0,
+            blur: 32,
+            spread: 0,
+          },
+        ],
+        type: 'boxShadow',
+      },
+      top: {
+        value: [
+          {
+            x: 0,
+            y: 100,
+            blur: 60,
+            spread: 0,
+            color: '#dde1e614',
+            type: 'dropShadow',
+          },
+          {
+            x: 0,
+            y: 32,
+            blur: 32,
+            spread: 0,
+            color: '#1a202b0d',
+            type: 'dropShadow',
+          },
+        ],
+        type: 'boxShadow',
+      },
+    },
+    content: {
+      color: {
+        default: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        icon: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '24px',
+          fontSize: '20px',
+        },
+        type: 'typography',
+      },
+      'typo-regular': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo-bold': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 600,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+  },
+  link: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '24px',
+          fontSize: '14px',
+          textDecoration: 'underline',
+        },
+        type: 'typography',
+      },
+      'typo--medium': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '24px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo--medium--underline': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '24px',
+          fontSize: '14px',
+          textDecoration: 'underline',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        hover: {
+          value: '#98C200',
+          type: 'color',
+        },
+        down: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        horizontal: {
+          value: '2px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        value: '4px',
+        type: 'spacing',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: 'transparent',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        pressed: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+        down: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '2px',
+        type: 'borderRadius',
+      },
+    },
+  },
+  divider: {
+    size: {
+      sm: {
+        value: '1px',
+        type: 'sizing',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+    },
+  },
+  tab: {
+    content: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        hover: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        error: {
+          value: '#b52a2a',
+          type: 'color',
+        },
+        down: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+      typo: {
+        sm: {
+          value: '{global.content.typo.body.sm}',
+          type: 'typography',
+        },
+        'sm--medium': {
+          value: '{global.content.typo.body.sm--medium}',
+          type: 'typography',
+        },
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        hover: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        selected: {
+          value: '#B4E600',
+          type: 'color',
+        },
+        down: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '2px',
+        type: 'borderRadius',
+      },
+      width: {
+        sm: {
+          value: '{global.border.width.sm}',
+          type: 'borderWidth',
+        },
+        md: {
+          value: '{global.border.width.md}',
+          type: 'borderWidth',
+        },
+        value: '4px',
+        type: 'borderWidth',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: 'transparent',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        selected: {
+          value: 'transparent',
+          type: 'color',
+        },
+        down: {
+          value: 'transparent',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+      vertical: {
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+      horizontal: {
+        xsm: {
+          value: '12px',
+          type: 'spacing',
+        },
+      },
+    },
+  },
+  segmentedControl: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo--medium': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#878D96',
+          type: 'color',
+        },
+        hover: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        selected: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        down: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        hover: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        selected: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      color: {
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        hover: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        selected: {
+          value: '#2F463F',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+  },
+  modal: {
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '2px',
+        type: 'borderWidth',
+      },
+    },
+  },
+  dropdown: {
+    content: {
+      color: {
+        default: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '24px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo--medium': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '24px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    spacing: {
+      padding: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        '1xsm': {
+          value: '{global.spacing.gap.1xsm}',
+          type: 'spacing',
+        },
+        md: {
+          value: '{global.spacing.gap.md}',
+          type: 'spacing',
+        },
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        down: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+        active: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+      },
+    },
+    shadow: {
+      default: {
+        value: [
+          {
+            color: '#21272a14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
+        ],
+        type: 'boxShadow',
+      },
+    },
+  },
+  score: {
+    content: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        muted: {
+          value: '#878D96',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+      typo: {
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+            textCase: 'none',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '20px',
+            fontSize: '14px',
+            textCase: 'none',
+          },
+          type: 'typography',
+        },
+        'lg--bold': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '24px',
+            fontSize: '16px',
+            textCase: 'none',
+          },
+          type: 'typography',
+        },
+        lg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '24px',
+            fontSize: '16px',
+            textCase: 'none',
+            letterSpacing: '',
+            paragraphSpacing: '24px',
+          },
+          type: 'typography',
+        },
+        xlg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '32px',
+            fontSize: '23px',
+            textCase: 'none',
+          },
+          type: 'typography',
+        },
+        '2xlg': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '40px',
+            fontSize: '29px',
+            textCase: 'none',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        neutral: {
+          default: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          subtle: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          active: {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        positive: {
+          default: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#368442',
+            type: 'color',
+          },
+          muted: {
+            value: '#c9e9cd',
+            type: 'color',
+          },
+        },
+        attention: {
+          default: {
+            value: '#f39c12',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#ba7609',
+            type: 'color',
+          },
+          muted: {
+            value: '#fef3e1',
+            type: 'color',
+          },
+        },
+        negative: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#b52a2a',
+            type: 'color',
+          },
+          muted: {
+            value: '#f0bebe',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      color: {
+        neutral: {
+          default: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          active: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+        positive: {
+          default: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#368442',
+            type: 'color',
+          },
+          muted: {
+            value: '#c9e9cd',
+            type: 'color',
+          },
+        },
+        attention: {
+          default: {
+            value: '#f39c12',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#ba7609',
+            type: 'color',
+          },
+          muted: {
+            value: '#fef3e1',
+            type: 'color',
+          },
+        },
+        negative: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#b52a2a',
+            type: 'color',
+          },
+          muted: {
+            value: '#f0bebe',
+            type: 'color',
+          },
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        lg: {
+          value: '8px',
+          type: 'borderRadius',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '32px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+  },
+  tree: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          fontSize: 12,
+          lineHeight: '16px',
+        },
+        type: 'typography',
+      },
+      'typo-header': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          fontSize: 10,
+          lineHeight: '14px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        hover: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        'default-header': {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+      },
+      padding: {
+        vertical: {
+          value: '4px',
+          type: 'spacing',
+        },
+        horizontal: {
+          value: '8px',
+          type: 'spacing',
+        },
+        'horizontal--lg': {
+          value: '24px',
+          type: 'spacing',
+        },
+        'horizontal--2xlg': {
+          value: '32px',
+          type: 'spacing',
+        },
+        'horizontal--xxl': {
+          value: '52px',
+          type: 'spacing',
+        },
+      },
+    },
+    border: {
+      width: {
+        value: '2px',
+        type: 'borderWidth',
+      },
+      color: {
+        'default-alt': {
+          value: '#B4E600',
+          type: 'color',
+        },
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        hover: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        'hover-alt': {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        active: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+      },
+    },
+  },
+  breadcrumbs: {
+    content: {
+      typo: {
+        default: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: 20,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+        hover: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: 20,
+            fontSize: 14,
+            textDecoration: 'underline',
+          },
+          type: 'typography',
+        },
+        current: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: 20,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        default: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        hover: {
+          value: '#B4E600',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#343A3F',
+          type: 'color',
+        },
+      },
+    },
+  },
+  breadcrumb: {
+    spacing: {
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+  },
+  pager: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: 20,
+          fontSize: 14,
+        },
+        type: 'typography',
+      },
+      'typo--bold': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: 20,
+          fontSize: 14,
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: 'transparent',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        down: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        selected: {
+          value: 'transparent',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: 'transparent',
+          type: 'color',
+        },
+        hover: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        down: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        selected: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '99em',
+        type: 'borderRadius',
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+    size: {
+      md: {
+        value: '48px',
+        type: 'sizing',
+      },
+    },
+    spacing: {
+      gap: {
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+      },
+    },
+  },
+  tooltip: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '12px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        'default-reverse': {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#B4E600',
+          type: 'color',
+        },
+        'default-reverse': {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          md: {
+            value: '12px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+        horizontal: {
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          md: {
+            value: '12px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      radius: {
+        value: '2px',
+        type: 'borderRadius',
+      },
+    },
+    shadow: {
+      default: {
+        value: [
+          {
+            color: '#dde1e614',
+            type: 'dropShadow',
+            x: 0,
+            y: 2,
+            blur: 0,
+            spread: 0,
+          },
+        ],
+        type: 'boxShadow',
+      },
+    },
+  },
+  banner: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '24px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo--bold': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 600,
+          lineHeight: '24px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        emphasis: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        icon: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        success: {
+          value: '#368442',
+          type: 'color',
+        },
+        error: {
+          value: '#b52a2a',
+          type: 'color',
+        },
+        warning: {
+          value: '#ba7609',
+          type: 'color',
+        },
+        info: {
+          value: '#98C200',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        vertical: {
+          xsm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          md: {
+            value: '12px',
+            type: 'spacing',
+          },
+        },
+        horizontal: {
+          sm: {
+            value: '16px',
+            type: 'spacing',
+          },
+          md: {
+            value: '24px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    background: {
+      color: {
+        success: {
+          value: '#e4f4e6',
+          type: 'color',
+        },
+        error: {
+          value: '#f7dede',
+          type: 'color',
+        },
+        warning: {
+          value: '#fef3e1',
+          type: 'color',
+        },
+        info: {
+          value: '#E8F0FC',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+  },
+  chip: {
+    content: {
+      typo: {
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '24px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        grey: {
+          default: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          hover: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+        },
+        white: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+        },
+        phatic: {
+          default: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          positive: {
+            value: '#e4f4e6',
+            type: 'color',
+          },
+          warning: {
+            value: '#fef3e1',
+            type: 'color',
+          },
+          negative: {
+            value: '#f7dede',
+            type: 'color',
+          },
+          empty: {
+            value: 'transparent',
+            type: 'color',
+          },
+        },
+        default: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+        hover: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        'default--alt': {
+          value: 'transparent',
+          type: 'color',
+        },
+        'hover--alt': {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        hover: {
+          value: '#878D96',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#878D96',
+          type: 'color',
+        },
+        'hover--alt': {
+          value: '#4D5358',
+          type: 'color',
+        },
+        empty: {
+          value: 'transparent',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+    spacing: {
+      padding: {
+        horizontal: {
+          sm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          '3xsm': {
+            value: '2px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          sm: {
+            value: '4px',
+            type: 'spacing',
+          },
+          '3xsm': {
+            value: '2px',
+            type: 'spacing',
+          },
+        },
+      },
+    },
+    avatar: {
+      border: {
+        radius: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+    },
+  },
+  chipSemantic: {
+    border: {
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+  },
+  chipIcon: {
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+    content: {
+      icon: {
+        value: '#ffffff',
+        type: 'color',
+      },
+    },
+    background: {
+      color: {
+        value: '#4D5358',
+        type: 'color',
+      },
+    },
+    spacing: {
+      padding: {
+        horizontal: {
+          sm: {
+            value: '2px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          sm: {
+            value: '2px',
+            type: 'spacing',
+          },
+        },
+      },
+    },
   },
-  "avatar": {
-    "content": {
-      "typo": {
-        "default": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "24px",
-            "fontSize": "20px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "fontSize": 12,
-            "textCase": "uppercase",
-            "lineHeight": 16
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "fontSize": 16,
-            "textCase": "uppercase"
-          },
-          "type": "typography"
-        },
-        "lg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "fontSize": 23,
-            "textCase": "uppercase"
-          },
-          "type": "typography"
-        },
-        "xlg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "fontSize": "56px",
-            "textCase": "uppercase"
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "group": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "value": "2px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "circle": {
-          "value": "50%",
-          "type": "borderRadius"
-        },
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "10": {
-          "value": "#EC62D8",
-          "type": "color"
-        },
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "group": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "01": {
-          "value": "#DC5571",
-          "type": "color"
-        },
-        "02": {
-          "value": "#F26262",
-          "type": "color"
-        },
-        "03": {
-          "value": "#E36B2B",
-          "type": "color"
-        },
-        "04": {
-          "value": "#E8C642",
-          "type": "color"
-        },
-        "05": {
-          "value": "#96D47F",
-          "type": "color"
-        },
-        "06": {
-          "value": "#50B579",
-          "type": "color"
-        },
-        "07": {
-          "value": "#4F96FF",
-          "type": "color"
-        },
-        "08": {
-          "value": "#7449F4",
-          "type": "color"
-        },
-        "09": {
-          "value": "#B462F2",
-          "type": "color"
-        }
-      }
-    },
-    "size": {
-      "xsm": {
-        "value": "16px",
-        "type": "sizing"
-      },
-      "sm": {
-        "value": "24px",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "32px",
-        "type": "sizing"
-      },
-      "xmd": {
-        "value": "48px",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "56px",
-        "type": "sizing"
-      },
-      "xlg": {
-        "value": "120px",
-        "type": "sizing"
-      }
-    }
+  toast: {
+    spacing: {
+      padding: {
+        value: '16px',
+        type: 'spacing',
+      },
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
+    content: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        'default--alt--reverse': {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      typo: {
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            fontSize: '10px',
+            lineHeight: '14px',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: 24,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
   },
-  "comunica": {
-    "chat": {
-      "spacing": {
-        "padding": {
-          "default": {
-            "value": "16px",
-            "type": "spacing"
-          }
-        },
-        "gap": {
-          "lg": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "8px",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "md": {
-          "value": "2px",
-          "type": "borderWidth"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#98C200",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "96px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      }
-    },
-    "floatingButton": {
-      "spacing": {
-        "padding": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "message": {
-      "spacing": {
-        "padding": {
-          "xs": {
-            "value": "2px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "slg": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "xlg": {
-            "value": "24px",
-            "type": "spacing"
-          }
-        },
-        "gap": {
-          "md": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        }
-      },
-      "border": {
-        "width": {
-          "value": "2px",
-          "type": "borderWidth"
-        }
-      }
-    },
-    "toast": {
-      "spacing": {
-        "padding": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      },
-      "border": {
-        "width": {
-          "value": "1px",
-          "type": "borderWidth"
-        }
-      },
-      "gap": {
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "typo": {
-        "01": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": 24,
-            "fontSize": 14
-          },
-          "type": "typography"
-        },
-        "02": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": 24,
-            "fontSize": 14
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#C1C7CD",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#F8F9FB",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "emphasis": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    }
+  menu: {
+    spacing: {
+      padding: {
+        xms: {
+          value: '4px',
+          type: 'spacing',
+        },
+        '3xms': {
+          value: '2px',
+          type: 'spacing',
+        },
+        xsm: {
+          value: '8px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '12px',
+          type: 'spacing',
+        },
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlslg: {
+          value: '28px',
+          type: 'spacing',
+        },
+        xlgm: {
+          value: '52px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        value: '12px',
+        type: 'spacing',
+      },
+      'gap--1xsm': {
+        value: '2px',
+        type: 'spacing',
+      },
+      'gap-md': {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    content: {
+      color: {
+        main: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          active: {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        sub: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          active: {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+      },
+      'typo--regular': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo--medium': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      typo: {
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            fontSize: '14px',
+            lineHeight: '20px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        main: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          active: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+        },
+        sub: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          hover: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          active: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+      },
+    },
+    size: {
+      md: {
+        value: '48px',
+        type: 'sizing',
+      },
+      lg: {
+        value: '56px',
+        type: 'sizing',
+      },
+    },
+    border: {
+      color: {
+        main: {
+          active: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          default: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+        },
+      },
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+      },
+    },
+    shadow: {
+      value: [
+        {
+          color: '#21272a0d',
+          type: 'dropShadow',
+          x: 32,
+          y: 0,
+          blur: 32,
+          spread: 0,
+        },
+      ],
+      type: 'boxShadow',
+    },
+    footer: {
+      value: [
+        {
+          color: '#21272a1f',
+          type: 'dropShadow',
+          x: 0,
+          y: 10,
+          blur: 36,
+          spread: 0,
+        },
+      ],
+      type: 'boxShadow',
+    },
+    modal: {
+      value: [
+        {
+          color: '#21272a29',
+          type: 'dropShadow',
+          x: 0,
+          y: 10,
+          blur: 36,
+          spread: 0,
+        },
+      ],
+      type: 'boxShadow',
+    },
   },
-  "dropzone": {
-    "content": {
-      "text": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "text--medium": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--subtle": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#98C200",
-          "type": "color"
-        },
-        "default--icon": {
-          "value": "#E2FF7A",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "style": {
-        "value": {
-          "style": "dashed",
-          "width": "2px",
-          "color": "#DDE1E6"
-        },
-        "type": "border"
-      }
-    }
+  stepper: {
+    content: {
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      'typo-pending': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+      color: {
+        default: {
+          value: '#878D96',
+          type: 'color',
+        },
+        active: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        completed: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+        icon: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+      xsm: {
+        value: '8px',
+        type: 'spacing',
+      },
+      '2xsm': {
+        value: '4px',
+        type: 'spacing',
+      },
+      padding: {
+        xsm: {
+          value: '8px',
+          type: 'spacing',
+        },
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        'active--reverse': {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        completed: {
+          value: '#B4E600',
+          type: 'color',
+        },
+        active: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        active: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        transaparet: {
+          value: 'transparent',
+          type: 'color',
+        },
+        completed: {
+          value: '#B4E600',
+          type: 'color',
+        },
+      },
+      radius: {
+        value: '50%',
+        type: 'borderRadius',
+      },
+      md: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+    },
+    size: {
+      xs: {
+        value: '6px',
+        type: 'sizing',
+      },
+      sm: {
+        value: '12px',
+        type: 'sizing',
+      },
+      md: {
+        value: '16px',
+        type: 'sizing',
+      },
+      xlg: {
+        value: '24px',
+        type: 'sizing',
+      },
+    },
   },
-  "toggle": {
-    "shadow": {
-      "hover": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 2,
-          "spread": 0,
-          "color": "#4a6000cc",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    },
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "label": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#E2FF7A",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "color": {
-        "default": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "select": {
-          "value": "#2F463F",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "99em",
-        "type": "borderRadius"
-      }
-    },
-    "size": {
-      "inner": {
-        "value": "8 px",
-        "type": "sizing"
-      },
-      "width": {
-        "value": "32px",
-        "type": "sizing"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "value": "6px 4px",
-        "type": "spacing"
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "unselected": {
-          "default": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#E2FF7A",
-            "type": "color"
-          }
-        },
-        "selected": {
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          }
-        }
-      }
-    }
+  accordion: {
+    content: {
+      typo: {
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '24px',
+            fontSize: '16px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        'default--alt': {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        value: '8px',
+        type: 'borderRadius',
+      },
+    },
+    spacing: {
+      padding: {
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+    },
   },
-  "buttonText": {
-    "content": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "down": {
-            "value": "#0C1F22",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#b52a2a",
-            "type": "color"
-          },
-          "down": {
-            "value": "#d13b3b",
-            "type": "color"
-          }
-        }
-      },
-      "default": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px",
-          "textDecoration": "underline"
-        },
-        "type": "typography"
-      },
-      "hover": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "background": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "down": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#f0bebe",
-            "type": "color"
-          },
-          "down": {
-            "value": "transparent",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F8F9FB",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#f0bebe",
-            "type": "color"
-          },
-          "down": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        }
-      },
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        }
-      },
-      "width": {
-        "value": "2px",
-        "type": "borderWidth"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "md": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        },
-        "horizontal": {
-          "md": {
-            "value": "24px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "xs": {
-            "value": "8px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    }
+  table: {
+    content: {
+      typo: {
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        'md--medium': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: 16,
+            fontSize: 12,
+          },
+          type: 'typography',
+        },
+        'md--bold': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: 20,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+      },
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        subtext: {
+          value: '#878D96',
+          type: 'color',
+        },
+        icon: {
+          value: '#2F463F',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        grey: {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        emphasis: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      width: {
+        value: '1px',
+        type: 'borderWidth',
+      },
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
+    spacing: {
+      padding: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+      gaps: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+      },
+    },
   },
-  "buttonIcon": {
-    "content": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "ghost": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "down": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#878D96",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "down": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#b52a2a",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "selected": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "focus": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "ghost": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "selected": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "focus": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "link": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "focus": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "down": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "default-reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover-reverse": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down-reverse": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "down": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#f0bebe",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "transparent",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      },
-      "width": {
-        "value": "2px",
-        "type": "borderWidth"
-      },
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "down": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "default-reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover-reverse": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "down-reverse": {
-            "value": "#F8F9FB",
-            "type": "color"
-          }
-        },
-        "terciary": {
-          "default": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "default-reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#F1FFBD",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "down": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#f0bebe",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "6px",
-          "type": "spacing"
-        }
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 4,
-          "spread": 0,
-          "color": "#ffffff",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    }
+  timeline: {
+    content: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 600,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        value: '4px',
+        type: 'spacing',
+      },
+      padding: {
+        value: '24px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        'default--reverse': {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        md: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+      },
+    },
   },
-  "buttonAction": {
-    "content": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#2F463F",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "down": {
-            "value": "#d13b3b",
-            "type": "color"
-          }
-        }
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "16px",
-          "fontSize": "12px"
-        },
-        "type": "typography"
-      }
-    },
-    "background": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "pressed": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover--reverse-transparent": {
-            "value": "#ffffff",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.15",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "down": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#878D96",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "down": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      },
-      "color": {
-        "primary": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#878D96",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "down": {
-            "value": "#C1C7CD",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "sm": {
-          "value": "2px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "4px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "value": "4px",
-        "type": "spacing"
-      }
-    }
+  swiper: {
+    size: {
+      md: {
+        value: '48px',
+        type: 'sizing',
+      },
+    },
+    content: {
+      color: {
+        default: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+        hover: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        value: '16px',
+        type: 'spacing',
+      },
+      padding: {
+        value: '48px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      radius: {
+        value: '2px',
+        type: 'borderRadius',
+      },
+    },
   },
-  "input": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "placeholder": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "icon--action": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F8F9FB",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "subtle": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "negative": {
-          "value": "#d13b3b",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "sm": {
-          "value": "2px",
-          "type": "borderRadius"
-        },
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "md": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "ssm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "3px",
-            "type": "spacing"
-          }
-        },
-        "horizontal": {
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "xmsm": {
-            "value": "10px",
-            "type": "spacing"
-          }
-        },
-        "all": {
-          "value": "12px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "none": {
-          "value": "0px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      }
-    }
+  menuLibrary: {
+    content: {
+      color: {
+        main: {
+          default: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          hover: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          active: {
+            value: '#B4E600',
+            type: 'color',
+          },
+        },
+        sub: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          active: {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+      },
+    },
+    background: {
+      color: {
+        main: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          active: {
+            value: '{global.background.color.primary.verySubtle}',
+            type: 'color',
+            failedToResolve: true,
+          },
+        },
+        sub: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          active: {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+      },
+    },
   },
-  "label": {
-    "spacing": {
-      "gap": {
-        "none": {
-          "value": "0px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "subtle": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "01": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "02": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "03": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        }
-      },
-      "phatic": {
-        "attention": {
-          "value": "#f39c12",
-          "type": "color"
-        }
-      }
-    }
+  headerCreate: {
+    spacing: {
+      padding: {
+        lg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+    border: {
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+      },
+    },
   },
-  "helpText": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "emphasis": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "phatic--negative": {
-          "value": "#d13b3b",
-          "type": "color"
-        },
-        "phatic--attention": {
-          "value": "#f39c12",
-          "type": "color"
-        },
-        "phatic": {
-          "value": "#d13b3b",
-          "type": "color"
-        }
-      },
-      "typo-": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "12px"
-        },
-        "type": "typography"
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "fontSize": "10px",
-          "lineHeight": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "4px",
-        "type": "spacing"
-      }
-    }
+  HeaderCreate: {
+    content: {
+      color: {
+        default: {
+          value: '#343A3F',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        hover: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+    },
   },
-  "radio": {
-    "size": {
-      "sm": {
-        "value": "10px",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "20px",
-        "type": "sizing"
-      }
-    },
-    "content": {
-      "color": {
-        "label": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "default": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "selected--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "99em",
-        "type": "borderRadius"
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "error": {
-          "value": "#d13b3b",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#E2FF7A",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      },
-      "paddings": {
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 2,
-          "spread": 0,
-          "color": "#4a6000cc",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    },
-    "label": {
-      "content": {
-        "typo": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        }
-      }
-    }
+  cardLibrary: {
+    spacing: {
+      padding: {
+        horizontal: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      color: {
+        emphasis: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        subje: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        muted: {
+          value: '#878D96',
+          type: 'color',
+        },
+        icon: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      typo: {
+        lg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '24px',
+            fontSize: '18px',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: 20,
+            fontSize: 14,
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        cover: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        defaut: {
+          value: '#878D96',
+          type: 'color',
+        },
+        subtle: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+      radius: {
+        sm: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        circle: {
+          value: '50%',
+          type: 'borderRadius',
+        },
+      },
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        lg: {
+          value: '4px',
+          type: 'borderWidth',
+        },
+      },
+    },
+    shadow: {
+      hover: {
+        value: [
+          {
+            color: '#21272a14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
+        ],
+        type: 'boxShadow',
+      },
+    },
   },
-  "checkbox": {
-    "shadow": {
-      "hover": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 2,
-          "spread": 0,
-          "color": "#4a6000cc",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    },
-    "size": {
-      "md": {
-        "value": "20px",
-        "type": "sizing"
-      }
-    },
-    "content": {
-      "color": {
-        "default": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "label": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "contrast": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#98C200",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "select": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "negative": {
-          "value": "#d13b3b",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#98C200",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "2px",
-        "type": "borderRadius"
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      },
-      "paddings": {
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    }
+  buttonIconCard: {
+    spacing: {
+      padding: {
+        sm: {
+          value: '2px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      color: {
+        primary: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          hover: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          down: {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+      },
+    },
+    background: {
+      color: {
+        primary: {
+          default: {
+            value: '#4d535866',
+            type: 'color',
+          },
+          hover: {
+            value: '#4d5358b3',
+            type: 'color',
+          },
+          down: {
+            value: '#4D5358',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      radius: {
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+      },
+    },
   },
-  "badge": {
-    "content": {
-      "typo": {
-        "caption": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "fontSize": 10,
-            "lineHeight": 14,
-            "textCase": "uppercase"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": 12
-          },
-          "type": "typography"
-        },
-        "sm--bold": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "24px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "md--bold": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "24px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "neutral": {
-          "default": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "white": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "grey": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "primary": {
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "default--warning": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "info": {
-            "value": "#307AE8",
-            "type": "color"
-          },
-          "succes": {
-            "value": "#5cbc6a",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "99em",
-        "type": "borderRadius"
-      },
-      "md-radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "color": {
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "white": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "grey": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "md": {
-        "value": "2px",
-        "type": "borderWidth"
-      }
-    },
-    "size": {
-      "sm": {
-        "value": "8px",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "12px",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "16px",
-        "type": "sizing"
-      },
-      "xlg": {
-        "value": "32px",
-        "type": "sizing"
-      },
-      "2xlg": {
-        "value": "48px",
-        "type": "sizing"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "3xsm": {
-          "value": "2px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "12px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        }
-      }
-    }
+  ButtonIconCard: {
+    blur: {
+      default: {
+        value: '4px',
+        type: 'dimension',
+      },
+    },
   },
-  "AvatarSubjectIcon": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "size": {
-      "xxs": {
-        "value": "8 px",
-        "type": "sizing"
-      },
-      "xsm": {
-        "value": "16px",
-        "type": "sizing"
-      },
-      "sm": {
-        "value": "24px",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "32px",
-        "type": "sizing"
-      },
-      "xmd": {
-        "value": "48px",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "56px",
-        "type": "sizing"
-      }
-    }
+  buttonIconLike: {
+    content: {
+      color: {
+        primary: {
+          default: {
+            value: '#878D96',
+            type: 'color',
+          },
+          hover: {
+            value: '#FF5470',
+            type: 'color',
+          },
+          active: {
+            value: '#FF5470',
+            type: 'color',
+          },
+        },
+      },
+    },
   },
-  "colorPicker": {
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "size": {
-      "md": {
-        "value": "16px",
-        "type": "sizing"
-      }
-    }
+  cardAssignments: {
+    spacing: {
+      padding: {
+        horizontal: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      color: {
+        emphasis: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        subje: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        muted: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        icon: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      typo: {
+        lg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '19 px',
+            fontSize: 16,
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+        'sm--medium': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        xxl: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '40px',
+            fontSize: '48px',
+          },
+          type: 'typography',
+        },
+        xl: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '28px',
+            fontSize: '24px',
+          },
+          type: 'typography',
+        },
+      },
+      phatic: {
+        positive: {
+          value: '#5cbc6a',
+          type: 'color',
+        },
+        alert: {
+          value: '#f39c12',
+          type: 'color',
+        },
+        danger: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        top: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        subtle: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+      radius: {
+        sm: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        circle: {
+          value: '50%',
+          type: 'borderRadius',
+        },
+      },
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        lg: {
+          value: '4px',
+          type: 'borderWidth',
+        },
+      },
+    },
+    shadow: {
+      hover: {
+        value: [
+          {
+            color: '#21272a14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
+        ],
+        type: 'boxShadow',
+      },
+    },
   },
-  "calendar": {
-    "content": {
-      "typo": {
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "sm--regular": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "calendarButton": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "weekName": {
-          "default": {
-            "value": "#C1C7CD",
-            "type": "color"
-          }
-        },
-        "weekday": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "down": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "default--weekend": {
-            "value": "#d13b3b",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "horizontal": {
-          "value": "8px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "calendarButton": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "down": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "hover--reverse": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "down--reverse": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        },
-        "weekday": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "default--alt": {
-            "value": "#E2FF7A",
-            "type": "color"
-          }
-        },
-        "range": {
-          "default": {
-            "value": "transparent",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "down": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "size": {
-      "md": {
-        "value": "36px",
-        "type": "sizing"
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 4,
-          "spread": 0,
-          "color": "#B4E600",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    }
+  progress: {
+    content: {
+      color: {
+        text: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        porcentage: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        mutted: {
+          value: '#878D96',
+          type: 'color',
+        },
+        phatic: {
+          positive: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+          attention: {
+            value: '#f39c12',
+            type: 'color',
+          },
+          negative: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          info: {
+            value: '#307AE8',
+            type: 'color',
+          },
+        },
+      },
+      typo: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '16px',
+          fontSize: '12px',
+        },
+        type: 'typography',
+      },
+      'sm--medium': {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+        },
+        type: 'typography',
+      },
+    },
+    background: {
+      color: {
+        primary: {
+          default: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+        },
+      },
+    },
+    spacing: {
+      gap: {
+        value: '8px',
+        type: 'spacing',
+      },
+    },
+    border: {
+      radius: {
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+      },
+    },
   },
-  "popover": {
-    "background": {
-      "color": {
-        "enabled": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "xsm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          }
-        },
-        "horizontal": {
-          "xsm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "color": {
-        "enabled": {
-          "value": "#F8F9FB",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    }
+  ChipModule: {
+    spacing: {
+      padding: {
+        horizontal: {
+          sm: {
+            value: '8px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+        },
+      },
+    },
+    content: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
+      typo: {
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      radius: {
+        value: '4px',
+        type: 'borderRadius',
+      },
+    },
   },
-  "drawer": {
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "xxs": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "xs": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "32px",
-          "type": "spacing"
-        }
-      },
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "shadow": {
-      "left": {
-        "value": [
+  cardEvaluation: {
+    spacing: {
+      padding: {
+        horizontal: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      color: {
+        emphasis: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        subje: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        muted: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        icon: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      phatic: {
+        positive: {
+          value: '#5cbc6a',
+          type: 'color',
+        },
+        alert: {
+          value: '#f39c12',
+          type: 'color',
+        },
+        danger: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+        info: {
+          value: '#307AE8',
+          type: 'color',
+        },
+      },
+      typo: {
+        lg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '19 px',
+            fontSize: '16px',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+        'xsm--semiBold': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 600,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+        'sm--medium': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        xxl: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '32px',
+            fontSize: '40 px',
+          },
+          type: 'typography',
+        },
+        xl: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            fontSize: '24px',
+            lineHeight: '23px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        top: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+        circle: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        subtle: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        lg: {
+          value: '4px',
+          type: 'borderWidth',
+        },
+      },
+      radius: {
+        sm: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        circle: {
+          value: '50%',
+          type: 'borderRadius',
+        },
+      },
+    },
+    shadow: {
+      hover: {
+        value: [
           {
-            "color": "#21272a0d",
-            "type": "dropShadow",
-            "x": -32,
-            "y": 0,
-            "blur": 32,
-            "spread": 0
-          }
+            color: '#21272a14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
+      },
+    },
+  },
+  cardModule: {
+    spacing: {
+      padding: {
+        horizontal: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+          lg: {
+            value: '16px',
+            type: 'spacing',
+          },
+        },
+        vertical: {
+          xsm: {
+            value: '8px',
+            type: 'spacing',
+          },
+          sm: {
+            value: '12px',
+            type: 'spacing',
+          },
+          md: {
+            value: '16px',
+            type: 'spacing',
+          },
+          '2xsm': {
+            value: '4px',
+            type: 'spacing',
+          },
+        },
+      },
+      gap: {
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '24px',
+          type: 'spacing',
+        },
+      },
+    },
+    content: {
+      color: {
+        emphasis: {
+          value: '#2F463F',
+          type: 'color',
+        },
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        subje: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        muted: {
+          value: '#878D96',
+          type: 'color',
+        },
+        icon: {
+          value: '#878D96',
+          type: 'color',
+        },
+      },
+      phatic: {
+        positive: {
+          value: '#5cbc6a',
+          type: 'color',
+        },
+        alert: {
+          value: '#f39c12',
+          type: 'color',
+        },
+        danger: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+      },
+      typo: {
+        lg: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '19 px',
+            fontSize: '16px',
+          },
+          type: 'typography',
+        },
+        md: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        sm: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+        'sm--medium': {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '20px',
+            fontSize: '14px',
+          },
+          type: 'typography',
+        },
+        xxl: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '40px',
+            fontSize: '48px',
+          },
+          type: 'typography',
+        },
+        xl: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            lineHeight: '28px',
+            fontSize: '24px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        default: {
+          value: '#ffffff',
+          type: 'color',
+        },
+        top: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+      },
+    },
+    border: {
+      color: {
+        subtle: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+      },
+      radius: {
+        sm: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        circle: {
+          value: '50%',
+          type: 'borderRadius',
+        },
+      },
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        lg: {
+          value: '4px',
+          type: 'borderWidth',
+        },
       },
-      "top": {
-        "value": [
+    },
+    shadow: {
+      hover: {
+        value: [
           {
-            "x": 0,
-            "y": 100,
-            "blur": 60,
-            "spread": 0,
-            "color": "#dde1e614",
-            "type": "dropShadow"
+            color: '#21272a14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
           },
-          {
-            "x": 0,
-            "y": 32,
-            "blur": 32,
-            "spread": 0,
-            "color": "#1a202b0d",
-            "type": "dropShadow"
-          }
-        ],
-        "type": "boxShadow"
-      }
-    },
-    "content": {
-      "color": {
-        "default": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#4D5358",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "24px",
-          "fontSize": "20px"
-        },
-        "type": "typography"
-      },
-      "typo-regular": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo-bold": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 600,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    }
-  },
-  "link": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "24px",
-          "fontSize": "14px",
-          "textDecoration": "underline"
-        },
-        "type": "typography"
-      },
-      "typo--medium": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "24px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo--medium--underline": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "24px",
-          "fontSize": "14px",
-          "textDecoration": "underline"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#98C200",
-          "type": "color"
-        },
-        "down": {
-          "value": "#E2FF7A",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#F1FFBD",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "value": "2px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "value": "4px",
-        "type": "spacing"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "pressed": {
-          "value": "#E2FF7A",
-          "type": "color"
-        },
-        "down": {
-          "value": "#F1FFBD",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "2px",
-        "type": "borderRadius"
-      }
-    }
-  },
-  "divider": {
-    "size": {
-      "sm": {
-        "value": "1px",
-        "type": "sizing"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "tab": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "error": {
-          "value": "#b52a2a",
-          "type": "color"
-        },
-        "down": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "sm": {
-          "value": "{global.content.typo.body.sm}",
-          "type": "typography"
-        },
-        "sm--medium": {
-          "value": "{global.content.typo.body.sm--medium}",
-          "type": "typography"
-        },
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#B4E600",
-          "type": "color"
-        },
-        "down": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "2px",
-        "type": "borderRadius"
-      },
-      "width": {
-        "sm": {
-          "value": "{global.border.width.sm}",
-          "type": "borderWidth"
-        },
-        "md": {
-          "value": "{global.border.width.md}",
-          "type": "borderWidth"
-        },
-        "value": "4px",
-        "type": "borderWidth"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "selected": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "down": {
-          "value": "transparent",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      },
-      "vertical": {
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      },
-      "horizontal": {
-        "xsm": {
-          "value": "12px",
-          "type": "spacing"
-        }
-      }
-    }
-  },
-  "segmentedControl": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo--medium": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "down": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "color": {
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#2F463F",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    }
-  },
-  "modal": {
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "2px",
-        "type": "borderWidth"
-      }
-    }
-  },
-  "dropdown": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "24px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo--medium": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "24px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "1xsm": {
-          "value": "{global.spacing.gap.1xsm}",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "{global.spacing.gap.md}",
-          "type": "spacing"
-        },
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "down": {
-          "value": "#E2FF7A",
-          "type": "color"
-        },
-        "active": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        }
-      }
-    },
-    "shadow": {
-      "default": {
-        "value": [
-          {
-            "color": "#21272a14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
-        ],
-        "type": "boxShadow"
-      }
-    }
-  },
-  "score": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px",
-            "textCase": "none"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "20px",
-            "fontSize": "14px",
-            "textCase": "none"
-          },
-          "type": "typography"
-        },
-        "lg--bold": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "24px",
-            "fontSize": "16px",
-            "textCase": "none"
-          },
-          "type": "typography"
-        },
-        "lg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "24px",
-            "fontSize": "16px",
-            "textCase": "none",
-            "letterSpacing": "",
-            "paragraphSpacing": "24px"
-          },
-          "type": "typography"
-        },
-        "xlg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "32px",
-            "fontSize": "23px",
-            "textCase": "none"
-          },
-          "type": "typography"
-        },
-        "2xlg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "40px",
-            "fontSize": "29px",
-            "textCase": "none"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "neutral": {
-          "default": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "active": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "positive": {
-          "default": {
-            "value": "#5cbc6a",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#368442",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#c9e9cd",
-            "type": "color"
-          }
-        },
-        "attention": {
-          "default": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#ba7609",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#fef3e1",
-            "type": "color"
-          }
-        },
-        "negative": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#b52a2a",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#f0bebe",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "neutral": {
-          "default": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "active": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        },
-        "positive": {
-          "default": {
-            "value": "#5cbc6a",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#368442",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#c9e9cd",
-            "type": "color"
-          }
-        },
-        "attention": {
-          "default": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#ba7609",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#fef3e1",
-            "type": "color"
-          }
-        },
-        "negative": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#b52a2a",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#f0bebe",
-            "type": "color"
-          }
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "lg": {
-          "value": "8px",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "32px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    }
-  },
-  "tree": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "fontSize": 12,
-          "lineHeight": "16px"
-        },
-        "type": "typography"
-      },
-      "typo-header": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "fontSize": 10,
-          "lineHeight": "14px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "default-header": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        }
-      },
-      "padding": {
-        "vertical": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "horizontal": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "horizontal--lg": {
-          "value": "24px",
-          "type": "spacing"
-        },
-        "horizontal--2xlg": {
-          "value": "32px",
-          "type": "spacing"
-        },
-        "horizontal--xxl": {
-          "value": "52px",
-          "type": "spacing"
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "value": "2px",
-        "type": "borderWidth"
-      },
-      "color": {
-        "default-alt": {
-          "value": "#B4E600",
-          "type": "color"
-        },
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "hover-alt": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#F8F9FB",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "active": {
-          "value": "#E2FF7A",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "breadcrumbs": {
-    "content": {
-      "typo": {
-        "default": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": 20,
-            "fontSize": 14
-          },
-          "type": "typography"
-        },
-        "hover": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": 20,
-            "fontSize": 14,
-            "textDecoration": "underline"
-          },
-          "type": "typography"
-        },
-        "current": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": 20,
-            "fontSize": 14
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#B4E600",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#343A3F",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "breadcrumb": {
-    "spacing": {
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    }
-  },
-  "pager": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": 20,
-          "fontSize": 14
-        },
-        "type": "typography"
-      },
-      "typo--bold": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": 20,
-          "fontSize": 14
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#0C1F22",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "down": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "selected": {
-          "value": "transparent",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "down": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "selected": {
-          "value": "#E2FF7A",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "99em",
-        "type": "borderRadius"
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    },
-    "size": {
-      "md": {
-        "value": "48px",
-        "type": "sizing"
-      }
-    },
-    "spacing": {
-      "gap": {
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        }
-      }
-    }
-  },
-  "tooltip": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "12px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "default-reverse": {
-          "value": "#4D5358",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#B4E600",
-          "type": "color"
-        },
-        "default-reverse": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        },
-        "horizontal": {
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "12px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "2px",
-        "type": "borderRadius"
-      }
-    },
-    "shadow": {
-      "default": {
-        "value": [
-          {
-            "color": "#dde1e614",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 2,
-            "blur": 0,
-            "spread": 0
-          }
         ],
-        "type": "boxShadow"
-      }
-    }
-  },
-  "banner": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "24px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo--bold": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 600,
-          "lineHeight": "24px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "emphasis": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "success": {
-          "value": "#368442",
-          "type": "color"
-        },
-        "error": {
-          "value": "#b52a2a",
-          "type": "color"
-        },
-        "warning": {
-          "value": "#ba7609",
-          "type": "color"
-        },
-        "info": {
-          "value": "#98C200",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "vertical": {
-          "xsm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "12px",
-            "type": "spacing"
-          }
-        },
-        "horizontal": {
-          "sm": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "24px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "background": {
-      "color": {
-        "success": {
-          "value": "#e4f4e6",
-          "type": "color"
-        },
-        "error": {
-          "value": "#f7dede",
-          "type": "color"
-        },
-        "warning": {
-          "value": "#fef3e1",
-          "type": "color"
-        },
-        "info": {
-          "value": "#E8F0FC",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    }
-  },
-  "chip": {
-    "content": {
-      "typo": {
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "24px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "grey": {
-          "default": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#DDE1E6",
-            "type": "color"
-          }
-        },
-        "white": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F8F9FB",
-            "type": "color"
-          }
-        },
-        "phatic": {
-          "default": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "positive": {
-            "value": "#e4f4e6",
-            "type": "color"
-          },
-          "warning": {
-            "value": "#fef3e1",
-            "type": "color"
-          },
-          "negative": {
-            "value": "#f7dede",
-            "type": "color"
-          },
-          "empty": {
-            "value": "transparent",
-            "type": "color"
-          }
-        },
-        "default": {
-          "value": "#F2F4F8",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "hover--alt": {
-          "value": "#F8F9FB",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "hover--alt": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "empty": {
-          "value": "transparent",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "sm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "3xsm": {
-            "value": "2px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "sm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "3xsm": {
-            "value": "2px",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "avatar": {
-      "border": {
-        "radius": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      }
-    }
-  },
-  "chipSemantic": {
-    "border": {
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    }
-  },
-  "chipIcon": {
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    },
-    "content": {
-      "icon": {
-        "value": "#ffffff",
-        "type": "color"
-      }
-    },
-    "background": {
-      "color": {
-        "value": "#4D5358",
-        "type": "color"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "sm": {
-            "value": "2px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "sm": {
-            "value": "2px",
-            "type": "spacing"
-          }
-        }
-      }
-    }
+        type: 'boxShadow',
+      },
+    },
   },
-  "toast": {
-    "spacing": {
-      "padding": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    },
-    "content": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "default--alt--reverse": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "fontSize": "10px",
-            "lineHeight": "14px"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": 24,
-            "fontSize": 14
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#C1C7CD",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    }
+  buttonGhost: {
+    content: {
+      default: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 400,
+          lineHeight: '20px',
+          fontSize: '14px',
+          textDecoration: 'underline',
+        },
+        type: 'typography',
+      },
+      hover: {
+        value: {
+          fontFamily: 'Albert Sans',
+          fontWeight: 500,
+          lineHeight: '20px',
+          fontSize: '14px',
+          textDecoration: 'underline',
+        },
+        type: 'typography',
+      },
+    },
   },
-  "menu": {
-    "spacing": {
-      "padding": {
-        "xms": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "3xms": {
-          "value": "2px",
-          "type": "spacing"
-        },
-        "xsm": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "12px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlslg": {
-          "value": "28px",
-          "type": "spacing"
-        },
-        "xlgm": {
-          "value": "52px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "value": "12px",
-        "type": "spacing"
-      },
-      "gap--1xsm": {
-        "value": "2px",
-        "type": "spacing"
-      },
-      "gap-md": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "content": {
-      "color": {
-        "main": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "active": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "sub": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "active": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        }
-      },
-      "typo--regular": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo--medium": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo": {
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "fontSize": "14px",
-            "lineHeight": "20px"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "main": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "active": {
-            "value": "#E2FF7A",
-            "type": "color"
-          }
-        },
-        "sub": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "active": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "size": {
-      "md": {
-        "value": "48px",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "56px",
-        "type": "sizing"
-      }
-    },
-    "border": {
-      "color": {
-        "main": {
-          "active": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "default": {
-            "value": "#DDE1E6",
-            "type": "color"
-          }
-        }
-      },
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "shadow": {
-      "value": [
-        {
-          "color": "#21272a0d",
-          "type": "dropShadow",
-          "x": 32,
-          "y": 0,
-          "blur": 32,
-          "spread": 0
-        }
-      ],
-      "type": "boxShadow"
+  ChipIcon: {
+    content: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
     },
-    "footer": {
-      "value": [
-        {
-          "color": "#21272a1f",
-          "type": "dropShadow",
-          "x": 0,
-          "y": 10,
-          "blur": 36,
-          "spread": 0
-        }
-      ],
-      "type": "boxShadow"
+    background: {
+      color: {
+        default: {
+          value: '#4D5358',
+          type: 'color',
+        },
+      },
     },
-    "modal": {
-      "value": [
-        {
-          "color": "#21272a29",
-          "type": "dropShadow",
-          "x": 0,
-          "y": 10,
-          "blur": 36,
-          "spread": 0
-        }
-      ],
-      "type": "boxShadow"
-    }
-  },
-  "stepper": {
-    "content": {
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "typo-pending": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      },
-      "color": {
-        "default": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "active": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "completed": {
-          "value": "#0C1F22",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#0C1F22",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      },
-      "xsm": {
-        "value": "8px",
-        "type": "spacing"
-      },
-      "2xsm": {
-        "value": "4px",
-        "type": "spacing"
-      },
-      "padding": {
-        "xsm": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "active--reverse": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "completed": {
-          "value": "#B4E600",
-          "type": "color"
-        },
-        "active": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "active": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "transaparet": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "completed": {
-          "value": "#B4E600",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "value": "50%",
-        "type": "borderRadius"
-      },
-      "md": {
-        "value": "4px",
-        "type": "borderRadius"
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      }
-    },
-    "size": {
-      "xs": {
-        "value": "6px",
-        "type": "sizing"
-      },
-      "sm": {
-        "value": "12px",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "16px",
-        "type": "sizing"
-      },
-      "xlg": {
-        "value": "24px",
-        "type": "sizing"
-      }
-    }
-  },
-  "accordion": {
-    "content": {
-      "typo": {
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "24px",
-            "fontSize": "16px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "default--alt": {
-          "value": "#F8F9FB",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "value": "8px",
-        "type": "borderRadius"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      }
-    }
-  },
-  "table": {
-    "content": {
-      "typo": {
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "md--medium": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": 16,
-            "fontSize": 12
-          },
-          "type": "typography"
-        },
-        "md--bold": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": 20,
-            "fontSize": 14
-          },
-          "type": "typography"
-        }
-      },
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "subtext": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#2F463F",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "grey": {
-          "value": "#F8F9FB",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "emphasis": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "width": {
-        "value": "1px",
-        "type": "borderWidth"
-      },
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    },
-    "spacing": {
-      "padding": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      },
-      "gaps": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        }
-      }
-    }
-  },
-  "timeline": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 600,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "4px",
-        "type": "spacing"
-      },
-      "padding": {
-        "value": "24px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "default--reverse": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      },
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "md": {
-          "value": "2px",
-          "type": "borderWidth"
-        }
-      }
-    }
-  },
-  "swiper": {
-    "size": {
-      "md": {
-        "value": "48px",
-        "type": "sizing"
-      }
-    },
-    "content": {
-      "color": {
-        "default": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#F2F4F8",
-          "type": "color"
-        },
-        "hover": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "16px",
-        "type": "spacing"
-      },
-      "padding": {
-        "value": "48px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "2px",
-        "type": "borderRadius"
-      }
-    }
-  },
-  "menuLibrary": {
-    "content": {
-      "color": {
-        "main": {
-          "default": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "active": {
-            "value": "#B4E600",
-            "type": "color"
-          }
-        },
-        "sub": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "active": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "main": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "active": {
-            "value": "{global.background.color.primary.verySubtle}",
-            "type": "color",
-            "failedToResolve": true
-          }
-        },
-        "sub": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "active": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        }
-      }
-    }
-  },
-  "headerCreate": {
-    "spacing": {
-      "padding": {
-        "lg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        }
-      }
-    }
-  },
-  "HeaderCreate": {
-    "content": {
-      "color": {
-        "default": {
-          "value": "#343A3F",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "hover": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "cardLibrary": {
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "emphasis": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "subje": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "lg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "24px",
-            "fontSize": "18px"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": 20,
-            "fontSize": 14
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "cover": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "defaut": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "subtle": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "sm": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "circle": {
-          "value": "50%",
-          "type": "borderRadius"
-        }
-      },
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "lg": {
-          "value": "4px",
-          "type": "borderWidth"
-        }
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": [
-          {
-            "color": "#21272a14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
-        ],
-        "type": "boxShadow"
-      }
-    }
-  },
-  "buttonIconCard": {
-    "spacing": {
-      "padding": {
-        "sm": {
-          "value": "2px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "down": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#4D5358",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.4",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "hover": {
-            "value": "#4D5358",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.7",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "down": {
-            "value": "#4D5358",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        }
-      }
-    }
-  },
-  "ButtonIconCard": {
-    "blur": {
-      "default": {
-        "value": "4px",
-        "type": "dimension"
-      }
-    }
-  },
-  "buttonIconLike": {
-    "content": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "hover": {
-            "value": "#FF5470",
-            "type": "color"
-          },
-          "active": {
-            "value": "#FF5470",
-            "type": "color"
-          }
-        }
-      }
-    }
-  },
-  "cardAssignments": {
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "emphasis": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "subje": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "lg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "19 px",
-            "fontSize": 16
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        },
-        "sm--medium": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "xxl": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "40px",
-            "fontSize": "48px"
-          },
-          "type": "typography"
-        },
-        "xl": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "28px",
-            "fontSize": "24px"
-          },
-          "type": "typography"
-        }
-      },
-      "phatic": {
-        "positive": {
-          "value": "#5cbc6a",
-          "type": "color"
-        },
-        "alert": {
-          "value": "#f39c12",
-          "type": "color"
-        },
-        "danger": {
-          "value": "#d13b3b",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "top": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "subtle": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "sm": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "circle": {
-          "value": "50%",
-          "type": "borderRadius"
-        }
-      },
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "lg": {
-          "value": "4px",
-          "type": "borderWidth"
-        }
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": [
-          {
-            "color": "#21272a14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
-        ],
-        "type": "boxShadow"
-      }
-    }
-  },
-  "progress": {
-    "content": {
-      "color": {
-        "text": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "porcentage": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "mutted": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "phatic": {
-          "positive": {
-            "value": "#5cbc6a",
-            "type": "color"
-          },
-          "attention": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "negative": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "info": {
-            "value": "#307AE8",
-            "type": "color"
-          }
-        }
-      },
-      "typo": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "16px",
-          "fontSize": "12px"
-        },
-        "type": "typography"
-      },
-      "sm--medium": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px"
-        },
-        "type": "typography"
-      }
-    },
-    "background": {
-      "color": {
-        "primary": {
-          "default": {
-            "value": "#DDE1E6",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "value": "8px",
-        "type": "spacing"
-      }
-    },
-    "border": {
-      "radius": {
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        }
-      }
-    }
-  },
-  "ChipModule": {
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "sm": {
-            "value": "8px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "radius": {
-        "value": "4px",
-        "type": "borderRadius"
-      }
-    }
-  },
-  "cardEvaluation": {
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "emphasis": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "subje": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "phatic": {
-        "positive": {
-          "value": "#5cbc6a",
-          "type": "color"
-        },
-        "alert": {
-          "value": "#f39c12",
-          "type": "color"
-        },
-        "danger": {
-          "value": "#d13b3b",
-          "type": "color"
-        },
-        "info": {
-          "value": "#307AE8",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "lg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "19 px",
-            "fontSize": "16px"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        },
-        "xsm--semiBold": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 600,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        },
-        "sm--medium": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "xxl": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "32px",
-            "fontSize": "40 px"
-          },
-          "type": "typography"
-        },
-        "xl": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "fontSize": "24px",
-            "lineHeight": "23px"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "top": {
-          "value": "#F2F4F8",
-          "type": "color"
-        },
-        "circle": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "subtle": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      },
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "lg": {
-          "value": "4px",
-          "type": "borderWidth"
-        }
-      },
-      "radius": {
-        "sm": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "circle": {
-          "value": "50%",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": [
-          {
-            "color": "#21272a14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
-        ],
-        "type": "boxShadow"
-      }
-    }
-  },
-  "cardModule": {
-    "spacing": {
-      "padding": {
-        "horizontal": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          },
-          "lg": {
-            "value": "16px",
-            "type": "spacing"
-          }
-        },
-        "vertical": {
-          "xsm": {
-            "value": "8px",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "12px",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "16px",
-            "type": "spacing"
-          },
-          "2xsm": {
-            "value": "4px",
-            "type": "spacing"
-          }
-        }
-      },
-      "gap": {
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "24px",
-          "type": "spacing"
-        }
-      }
-    },
-    "content": {
-      "color": {
-        "emphasis": {
-          "value": "#2F463F",
-          "type": "color"
-        },
-        "default": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "subje": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "muted": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "icon": {
-          "value": "#878D96",
-          "type": "color"
-        }
-      },
-      "phatic": {
-        "positive": {
-          "value": "#5cbc6a",
-          "type": "color"
-        },
-        "alert": {
-          "value": "#f39c12",
-          "type": "color"
-        },
-        "danger": {
-          "value": "#d13b3b",
-          "type": "color"
-        }
-      },
-      "typo": {
-        "lg": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "19 px",
-            "fontSize": "16px"
-          },
-          "type": "typography"
-        },
-        "md": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "sm": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        },
-        "sm--medium": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "20px",
-            "fontSize": "14px"
-          },
-          "type": "typography"
-        },
-        "xxl": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "40px",
-            "fontSize": "48px"
-          },
-          "type": "typography"
-        },
-        "xl": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "lineHeight": "28px",
-            "fontSize": "24px"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "default": {
-          "value": "#ffffff",
-          "type": "color"
-        },
-        "top": {
-          "value": "#F2F4F8",
-          "type": "color"
-        }
-      }
-    },
-    "border": {
-      "color": {
-        "subtle": {
-          "value": "#DDE1E6",
-          "type": "color"
-        }
-      },
-      "radius": {
-        "sm": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "circle": {
-          "value": "50%",
-          "type": "borderRadius"
-        }
-      },
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "lg": {
-          "value": "4px",
-          "type": "borderWidth"
-        }
-      }
-    },
-    "shadow": {
-      "hover": {
-        "value": [
-          {
-            "color": "#21272a14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
-        ],
-        "type": "boxShadow"
-      }
-    }
   },
-  "buttonGhost": {
-    "content": {
-      "default": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 400,
-          "lineHeight": "20px",
-          "fontSize": "14px",
-          "textDecoration": "underline"
-        },
-        "type": "typography"
-      },
-      "hover": {
-        "value": {
-          "fontFamily": "Albert Sans",
-          "fontWeight": 500,
-          "lineHeight": "20px",
-          "fontSize": "14px",
-          "textDecoration": "underline"
-        },
-        "type": "typography"
-      }
-    }
-  },
-  "global": {
-    "focus": {
-      "default": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 0,
-          "spread": 2,
-          "color": "#98C200",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      },
-      "default-border": {
-        "value": {
-          "color": "#98C200",
-          "width": "2px",
-          "style": "solid"
-        },
-        "type": "border"
-      }
-    },
-    "content": {
-      "color": {
-        "text": {
-          "dark": {
-            "value": "#2F463F",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "default": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "deep": {
-            "value": "#0C1F22",
-            "type": "color"
-          }
-        },
-        "icon": {
-          "deep": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "dark": {
-            "value": "#2F463F",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "default": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "primary": {
-          "subtle": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "strong": {
-            "value": "#4A6000",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#F2F4F8",
-            "type": "color"
-          }
-        },
-        "negative": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#b52a2a",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#e07c7c",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        },
-        "positive": {
-          "default": {
-            "value": "#5cbc6a",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#368442",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#aedeb5",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#e4f4e6",
-            "type": "color"
-          }
-        },
-        "disabled": {
-          "value": "#697077",
-          "type": "color"
-        },
-        "transparent": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "attention": {
-          "default": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#ba7609",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#f8c16b",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#fef3e1",
-            "type": "color"
-          }
-        },
-        "tertiary": {
-          "default": {
-            "value": "#2F463F",
-            "type": "color"
-          }
-        },
-        "accent": {
-          "default": {
-            "value": "#FF5470",
-            "type": "color"
-          }
-        },
-        "info": {
-          "default": {
-            "value": "#307AE8",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#1867DC",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#7EACF1",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#E8F0FC",
-            "type": "color"
-          }
-        },
-        "neutral": {
-          "emphasis": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "default": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        }
-      },
-      "typo": {
-        "heading": {
-          "xlg": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "32px",
-              "fontSize": "26px"
+  global: {
+    focus: {
+      default: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 0,
+          spread: 2,
+          color: '#98C200',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+      'default-border': {
+        value: {
+          color: '#98C200',
+          width: '2px',
+          style: 'solid',
+        },
+        type: 'border',
+      },
+    },
+    content: {
+      color: {
+        text: {
+          dark: {
+            value: '#2F463F',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          default: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          muted: {
+            value: '#878D96',
+            type: 'color',
+          },
+          subtle: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+          deep: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+        },
+        icon: {
+          deep: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          dark: {
+            value: '#2F463F',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          default: {
+            value: '#878D96',
+            type: 'color',
+          },
+          muted: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        primary: {
+          subtle: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          muted: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#98C200',
+            type: 'color',
+          },
+          strong: {
+            value: '#4A6000',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          muted: {
+            value: '#878D96',
+            type: 'color',
+          },
+          subtle: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+        },
+        negative: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#b52a2a',
+            type: 'color',
+          },
+          muted: {
+            value: '#e07c7c',
+            type: 'color',
+          },
+          subtle: {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+        positive: {
+          default: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#368442',
+            type: 'color',
+          },
+          muted: {
+            value: '#aedeb5',
+            type: 'color',
+          },
+          subtle: {
+            value: '#e4f4e6',
+            type: 'color',
+          },
+        },
+        disabled: {
+          value: '#697077',
+          type: 'color',
+        },
+        transparent: {
+          value: 'transparent',
+          type: 'color',
+        },
+        attention: {
+          default: {
+            value: '#f39c12',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#ba7609',
+            type: 'color',
+          },
+          muted: {
+            value: '#f8c16b',
+            type: 'color',
+          },
+          subtle: {
+            value: '#fef3e1',
+            type: 'color',
+          },
+        },
+        tertiary: {
+          default: {
+            value: '#2F463F',
+            type: 'color',
+          },
+        },
+        accent: {
+          default: {
+            value: '#FF5470',
+            type: 'color',
+          },
+        },
+        info: {
+          default: {
+            value: '#307AE8',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#1867DC',
+            type: 'color',
+          },
+          muted: {
+            value: '#7EACF1',
+            type: 'color',
+          },
+          subtle: {
+            value: '#E8F0FC',
+            type: 'color',
+          },
+        },
+        neutral: {
+          emphasis: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          default: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          muted: {
+            value: '#878D96',
+            type: 'color',
+          },
+          subtle: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+      },
+      typo: {
+        heading: {
+          xlg: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '32px',
+              fontSize: '26px',
             },
-            "type": "typography"
-          },
-          "xlg--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "32px",
-              "fontSize": "26px"
+            type: 'typography',
+          },
+          'xlg--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '32px',
+              fontSize: '26px',
             },
-            "type": "typography"
-          },
-          "lg": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "28px",
-              "fontSize": "23px"
+            type: 'typography',
+          },
+          lg: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '28px',
+              fontSize: '23px',
             },
-            "type": "typography"
-          },
-          "lg--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "28px",
-              "fontSize": "23px"
+            type: 'typography',
+          },
+          'lg--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '28px',
+              fontSize: '23px',
             },
-            "type": "typography"
-          },
-          "md": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "20px"
+            type: 'typography',
+          },
+          md: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '20px',
             },
-            "type": "typography"
-          },
-          "md--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "24px",
-              "fontSize": "20px"
+            type: 'typography',
+          },
+          'md--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '24px',
+              fontSize: '20px',
             },
-            "type": "typography"
-          },
-          "sm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+          sm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "sm--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "24px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+          'sm--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '24px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "xsm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          xsm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          },
-          "xsm--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "24px",
-              "fontSize": 14
+            type: 'typography',
+          },
+          'xsm--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '24px',
+              fontSize: 14,
             },
-            "type": "typography"
-          }
-        },
-        "body": {
-          "lg": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "24px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+        },
+        body: {
+          lg: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '24px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "lg--medium": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+          'lg--medium': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "lg--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "24px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+          'lg--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '24px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "md": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "24px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+          md: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '24px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          },
-          "md--medium": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+          'md--medium': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          },
-          "md--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "24px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+          'md--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '24px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          },
-          "sm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          sm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          },
-          "sm--medium": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          'sm--medium': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          },
-          "sm--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          'sm--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          },
-          "xsm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "16px",
-              "fontSize": "12px"
+            type: 'typography',
+          },
+          xsm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '16px',
+              fontSize: '12px',
             },
-            "type": "typography"
-          },
-          "xsm--semiBold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "16px",
-              "fontSize": "12px"
+            type: 'typography',
+          },
+          'xsm--semiBold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '16px',
+              fontSize: '12px',
             },
-            "type": "typography"
-          },
-          "lg--bold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+          'lg--bold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "md--bold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+          'md--bold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          },
-          "sm--bold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          'sm--bold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          }
-        },
-        "caption": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 500,
-            "fontSize": "10px",
-            "lineHeight": "14px"
-          },
-          "type": "typography"
-        }
-      },
-      "typoMobile": {
-        "heading": {
-          "xlg": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "32px",
-              "fontSize": "26px"
+            type: 'typography',
+          },
+        },
+        caption: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 500,
+            fontSize: '10px',
+            lineHeight: '14px',
+          },
+          type: 'typography',
+        },
+      },
+      typoMobile: {
+        heading: {
+          xlg: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '32px',
+              fontSize: '26px',
             },
-            "type": "typography"
-          },
-          "lg": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "28px",
-              "fontSize": "23px"
+            type: 'typography',
+          },
+          lg: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '28px',
+              fontSize: '23px',
             },
-            "type": "typography"
-          },
-          "md": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "24px",
-              "fontSize": "20px"
+            type: 'typography',
+          },
+          md: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '24px',
+              fontSize: '20px',
             },
-            "type": "typography"
-          },
-          "sm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "20px",
-              "fontSize": "18px"
+            type: 'typography',
+          },
+          sm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '20px',
+              fontSize: '18px',
             },
-            "type": "typography"
-          },
-          "xsm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 600,
-              "lineHeight": "16px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+          xsm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 600,
+              lineHeight: '16px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          }
-        },
-        "body": {
-          "lg": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "24px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+        },
+        body: {
+          lg: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '24px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          },
-          "lg--bold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "24px",
-              "fontSize": "16px"
+            type: 'typography',
+          },
+          'lg--bold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '24px',
+              fontSize: '16px',
             },
-            "type": "typography"
-          },
-          "md": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          md: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          },
-          "md--bold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "20px",
-              "fontSize": "14px"
+            type: 'typography',
+          },
+          'md--bold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '20px',
+              fontSize: '14px',
             },
-            "type": "typography"
-          },
-          "sm": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 400,
-              "lineHeight": "16px",
-              "fontSize": "12px"
+            type: 'typography',
+          },
+          sm: {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 400,
+              lineHeight: '16px',
+              fontSize: '12px',
             },
-            "type": "typography"
-          },
-          "sm--bold": {
-            "value": {
-              "fontFamily": "Albert Sans",
-              "fontWeight": 500,
-              "lineHeight": "16px",
-              "fontSize": "12px"
+            type: 'typography',
+          },
+          'sm--bold': {
+            value: {
+              fontFamily: 'Albert Sans',
+              fontWeight: 500,
+              lineHeight: '16px',
+              fontSize: '12px',
             },
-            "type": "typography"
-          }
-        },
-        "caption": {
-          "value": {
-            "fontFamily": "Albert Sans",
-            "fontWeight": 400,
-            "lineHeight": "16px",
-            "fontSize": "12px"
-          },
-          "type": "typography"
-        }
-      }
-    },
-    "background": {
-      "color": {
-        "surface": {
-          "default": {
-            "value": "#ffffff",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#F2F4F8",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#F8F9FB",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#4D5358",
-            "type": "color"
-          }
-        },
-        "primary": {
-          "subtle": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "strong": {
-            "value": "#4A6000",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#F8F9FB",
-            "type": "color"
-          }
-        },
-        "accent": {
-          "default": {
-            "value": "#FF5470",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#ebeb00",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#ffffe0",
-            "type": "color"
-          }
-        },
-        "negative": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#b52a2a",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#f0bebe",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        },
-        "positive": {
-          "default": {
-            "value": "#5cbc6a",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#368442",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#c9e9cd",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#e4f4e6",
-            "type": "color"
-          }
-        },
-        "transparent": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "disabled": {
-          "value": "#F2F4F8",
-          "type": "color"
-        },
-        "overlay": {
-          "default": {
-            "value": "#C1C7CD",
-            "type": "color"
-          }
-        },
-        "attention": {
-          "default": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#ba7609",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#fbdaa6",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#fef3e1",
-            "type": "color"
-          }
-        },
-        "info": {
-          "default": {
-            "value": "#307AE8",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#155AC1",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#B1CDF6",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#E8F0FC",
-            "type": "color"
-          }
-        },
-        "tertiary": {
-          "default": {
-            "value": "#2F463F",
-            "type": "color"
-          }
-        },
-        "neutral": {
-          "emphasis": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "default": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "border": {
-      "width": {
-        "sm": {
-          "value": "1px",
-          "type": "borderWidth"
-        },
-        "md": {
-          "value": "2px",
-          "type": "borderWidth"
-        },
-        "lg": {
-          "value": "4px",
-          "type": "borderWidth"
-        }
-      },
-      "radius": {
-        "sm": {
-          "value": "2px",
-          "type": "borderRadius"
-        },
-        "md": {
-          "value": "4px",
-          "type": "borderRadius"
-        },
-        "lg": {
-          "value": "8px",
-          "type": "borderRadius"
-        },
-        "rounded": {
-          "value": "99em",
-          "type": "borderRadius"
-        },
-        "circle": {
-          "value": "50%",
-          "type": "borderRadius"
-        }
-      },
-      "color": {
-        "line": {
-          "default": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#4D5358",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#DDE1E6",
-            "type": "color"
-          },
-          "default--reverse": {
-            "value": "#ffffff",
-            "type": "color"
-          }
-        },
-        "primary": {
-          "subtle": {
-            "value": "#F1FFBD",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#E2FF7A",
-            "type": "color"
-          },
-          "default": {
-            "value": "#B4E600",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#98C200",
-            "type": "color"
-          },
-          "strong": {
-            "value": "#4A6000",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "default": {
-            "value": "#0C1F22",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#343A3F",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#878D96",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#F8F9FB",
-            "type": "color"
-          }
-        },
-        "negative": {
-          "default": {
-            "value": "#d13b3b",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#b52a2a",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#f0bebe",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#f7dede",
-            "type": "color"
-          }
-        },
-        "positive": {
-          "default": {
-            "value": "#5cbc6a",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#368442",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#c9e9cd",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#e4f4e6",
-            "type": "color"
-          }
-        },
-        "transparent": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "disabled": {
-          "default": {
-            "value": "#C1C7CD",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#f0f4f9",
-            "type": "color"
-          }
-        },
-        "overlay": {
-          "default": {
-            "value": "#f2f4f880",
-            "type": "color"
-          }
-        },
-        "attention": {
-          "default": {
-            "value": "#f39c12",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#ba7609",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#fbdaa6",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#fef3e1",
-            "type": "color"
-          }
-        },
-        "leemons": {
-          "default": {
-            "value": "{core.color.leemons.500}",
-            "type": "color",
-            "failedToResolve": true
-          }
-        },
-        "info": {
-          "default": {
-            "value": "#307AE8",
-            "type": "color"
-          },
-          "emphasis": {
-            "value": "#155AC1",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#B1CDF6",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "#E8F0FC",
-            "type": "color"
-          }
-        },
-        "tertiary": {
-          "default": {
-            "value": "#2F463F",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "spacing": {
-      "padding": {
-        "3xsm": {
-          "value": "2px",
-          "type": "spacing"
-        },
-        "2xsm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "1xsm": {
-          "value": "6px",
-          "type": "spacing"
-        },
-        "xsm": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "xmsm": {
-          "value": "10px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "12px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "24px",
-          "type": "spacing"
-        },
-        "xlslg": {
-          "value": "28px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "32px",
-          "type": "spacing"
-        },
-        "2xlg": {
-          "value": "40px",
-          "type": "spacing"
-        },
-        "3xlg": {
-          "value": "48px",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "none": {
-          "value": "0px",
-          "type": "spacing"
-        },
-        "1xsm": {
-          "value": "2px",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "4px",
-          "type": "spacing"
-        },
-        "xsm": {
-          "value": "6px",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "8px",
-          "type": "spacing"
-        },
-        "slg": {
-          "value": "12px",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "16px",
-          "type": "spacing"
-        },
-        "xlg": {
-          "value": "24px",
-          "type": "spacing"
-        },
-        "xxlg": {
-          "value": "32px",
-          "type": "spacing"
-        }
-      }
-    },
-    "icon": {
-      "size": {
-        "1xs": {
-          "value": 4,
-          "type": "sizing"
-        },
-        "xsm": {
-          "value": "8px",
-          "type": "sizing"
-        },
-        "sm": {
-          "value": "12px",
-          "type": "sizing"
-        },
-        "md": {
-          "value": "16px",
-          "type": "sizing"
-        },
-        "lg": {
-          "value": "20px",
-          "type": "sizing"
-        },
-        "xlg": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "2xlg": {
-          "value": "32px",
-          "type": "sizing"
-        }
-      }
-    },
-    "control": {
-      "size": {
-        "50": {
-          "value": "8 px",
-          "type": "sizing"
-        },
-        "100": {
-          "value": "16px",
-          "type": "sizing"
-        },
-        "200": {
-          "value": "20px",
-          "type": "sizing"
-        },
-        "300": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "400": {
-          "value": "28px",
-          "type": "sizing"
-        },
-        "500": {
-          "value": "32px",
-          "type": "sizing"
-        },
-        "600": {
-          "value": "36px",
-          "type": "sizing"
-        },
-        "700": {
-          "value": "40px",
-          "type": "sizing"
-        },
-        "800": {
-          "value": "44px",
-          "type": "sizing"
-        },
-        "900": {
-          "value": "48px",
-          "type": "sizing"
-        },
-        "1000": {
-          "value": "56px",
-          "type": "sizing"
-        }
-      }
-    },
-    "hover": {
-      "default": {
-        "value": {
-          "x": 0,
-          "y": 0,
-          "blur": 4,
-          "spread": 0,
-          "color": "#98c200cc",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    },
-    "shadow": {
-      "100": {
-        "value": [
+            type: 'typography',
+          },
+        },
+        caption: {
+          value: {
+            fontFamily: 'Albert Sans',
+            fontWeight: 400,
+            lineHeight: '16px',
+            fontSize: '12px',
+          },
+          type: 'typography',
+        },
+      },
+    },
+    background: {
+      color: {
+        surface: {
+          default: {
+            value: '#ffffff',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          muted: {
+            value: '#F2F4F8',
+            type: 'color',
+          },
+          subtle: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#4D5358',
+            type: 'color',
+          },
+        },
+        primary: {
+          subtle: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          muted: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#98C200',
+            type: 'color',
+          },
+          strong: {
+            value: '#4A6000',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          muted: {
+            value: '#878D96',
+            type: 'color',
+          },
+          subtle: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+        },
+        accent: {
+          default: {
+            value: '#FF5470',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#ebeb00',
+            type: 'color',
+          },
+          subtle: {
+            value: '#ffffe0',
+            type: 'color',
+          },
+        },
+        negative: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#b52a2a',
+            type: 'color',
+          },
+          muted: {
+            value: '#f0bebe',
+            type: 'color',
+          },
+          subtle: {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+        positive: {
+          default: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#368442',
+            type: 'color',
+          },
+          muted: {
+            value: '#c9e9cd',
+            type: 'color',
+          },
+          subtle: {
+            value: '#e4f4e6',
+            type: 'color',
+          },
+        },
+        transparent: {
+          value: 'transparent',
+          type: 'color',
+        },
+        disabled: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+        overlay: {
+          default: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+        },
+        attention: {
+          default: {
+            value: '#f39c12',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#ba7609',
+            type: 'color',
+          },
+          muted: {
+            value: '#fbdaa6',
+            type: 'color',
+          },
+          subtle: {
+            value: '#fef3e1',
+            type: 'color',
+          },
+        },
+        info: {
+          default: {
+            value: '#307AE8',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#155AC1',
+            type: 'color',
+          },
+          muted: {
+            value: '#B1CDF6',
+            type: 'color',
+          },
+          subtle: {
+            value: '#E8F0FC',
+            type: 'color',
+          },
+        },
+        tertiary: {
+          default: {
+            value: '#2F463F',
+            type: 'color',
+          },
+        },
+        neutral: {
+          emphasis: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          default: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          muted: {
+            value: '#878D96',
+            type: 'color',
+          },
+          subtle: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+      },
+    },
+    border: {
+      width: {
+        sm: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        md: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+        lg: {
+          value: '4px',
+          type: 'borderWidth',
+        },
+      },
+      radius: {
+        sm: {
+          value: '2px',
+          type: 'borderRadius',
+        },
+        md: {
+          value: '4px',
+          type: 'borderRadius',
+        },
+        lg: {
+          value: '8px',
+          type: 'borderRadius',
+        },
+        rounded: {
+          value: '99em',
+          type: 'borderRadius',
+        },
+        circle: {
+          value: '50%',
+          type: 'borderRadius',
+        },
+      },
+      color: {
+        line: {
+          default: {
+            value: '#878D96',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#4D5358',
+            type: 'color',
+          },
+          muted: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          subtle: {
+            value: '#DDE1E6',
+            type: 'color',
+          },
+          'default--reverse': {
+            value: '#ffffff',
+            type: 'color',
+          },
+        },
+        primary: {
+          subtle: {
+            value: '#F1FFBD',
+            type: 'color',
+          },
+          muted: {
+            value: '#E2FF7A',
+            type: 'color',
+          },
+          default: {
+            value: '#B4E600',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#98C200',
+            type: 'color',
+          },
+          strong: {
+            value: '#4A6000',
+            type: 'color',
+          },
+        },
+        secondary: {
+          default: {
+            value: '#0C1F22',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#343A3F',
+            type: 'color',
+          },
+          muted: {
+            value: '#878D96',
+            type: 'color',
+          },
+          subtle: {
+            value: '#F8F9FB',
+            type: 'color',
+          },
+        },
+        negative: {
+          default: {
+            value: '#d13b3b',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#b52a2a',
+            type: 'color',
+          },
+          muted: {
+            value: '#f0bebe',
+            type: 'color',
+          },
+          subtle: {
+            value: '#f7dede',
+            type: 'color',
+          },
+        },
+        positive: {
+          default: {
+            value: '#5cbc6a',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#368442',
+            type: 'color',
+          },
+          muted: {
+            value: '#c9e9cd',
+            type: 'color',
+          },
+          subtle: {
+            value: '#e4f4e6',
+            type: 'color',
+          },
+        },
+        transparent: {
+          value: 'transparent',
+          type: 'color',
+        },
+        disabled: {
+          default: {
+            value: '#C1C7CD',
+            type: 'color',
+          },
+          muted: {
+            value: '#f0f4f9',
+            type: 'color',
+          },
+        },
+        overlay: {
+          default: {
+            value: '#f2f4f880',
+            type: 'color',
+          },
+        },
+        attention: {
+          default: {
+            value: '#f39c12',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#ba7609',
+            type: 'color',
+          },
+          muted: {
+            value: '#fbdaa6',
+            type: 'color',
+          },
+          subtle: {
+            value: '#fef3e1',
+            type: 'color',
+          },
+        },
+        leemons: {
+          default: {
+            value: '{core.color.leemons.500}',
+            type: 'color',
+            failedToResolve: true,
+          },
+        },
+        info: {
+          default: {
+            value: '#307AE8',
+            type: 'color',
+          },
+          emphasis: {
+            value: '#155AC1',
+            type: 'color',
+          },
+          muted: {
+            value: '#B1CDF6',
+            type: 'color',
+          },
+          subtle: {
+            value: '#E8F0FC',
+            type: 'color',
+          },
+        },
+        tertiary: {
+          default: {
+            value: '#2F463F',
+            type: 'color',
+          },
+        },
+      },
+    },
+    spacing: {
+      padding: {
+        '3xsm': {
+          value: '2px',
+          type: 'spacing',
+        },
+        '2xsm': {
+          value: '4px',
+          type: 'spacing',
+        },
+        '1xsm': {
+          value: '6px',
+          type: 'spacing',
+        },
+        xsm: {
+          value: '8px',
+          type: 'spacing',
+        },
+        xmsm: {
+          value: '10px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '12px',
+          type: 'spacing',
+        },
+        md: {
+          value: '16px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '24px',
+          type: 'spacing',
+        },
+        xlslg: {
+          value: '28px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '32px',
+          type: 'spacing',
+        },
+        '2xlg': {
+          value: '40px',
+          type: 'spacing',
+        },
+        '3xlg': {
+          value: '48px',
+          type: 'spacing',
+        },
+      },
+      gap: {
+        none: {
+          value: '0px',
+          type: 'spacing',
+        },
+        '1xsm': {
+          value: '2px',
+          type: 'spacing',
+        },
+        sm: {
+          value: '4px',
+          type: 'spacing',
+        },
+        xsm: {
+          value: '6px',
+          type: 'spacing',
+        },
+        md: {
+          value: '8px',
+          type: 'spacing',
+        },
+        slg: {
+          value: '12px',
+          type: 'spacing',
+        },
+        lg: {
+          value: '16px',
+          type: 'spacing',
+        },
+        xlg: {
+          value: '24px',
+          type: 'spacing',
+        },
+        xxlg: {
+          value: '32px',
+          type: 'spacing',
+        },
+      },
+    },
+    icon: {
+      size: {
+        '1xs': {
+          value: 4,
+          type: 'sizing',
+        },
+        xsm: {
+          value: '8px',
+          type: 'sizing',
+        },
+        sm: {
+          value: '12px',
+          type: 'sizing',
+        },
+        md: {
+          value: '16px',
+          type: 'sizing',
+        },
+        lg: {
+          value: '20px',
+          type: 'sizing',
+        },
+        xlg: {
+          value: '24px',
+          type: 'sizing',
+        },
+        '2xlg': {
+          value: '32px',
+          type: 'sizing',
+        },
+      },
+    },
+    control: {
+      size: {
+        50: {
+          value: '8 px',
+          type: 'sizing',
+        },
+        100: {
+          value: '16px',
+          type: 'sizing',
+        },
+        200: {
+          value: '20px',
+          type: 'sizing',
+        },
+        300: {
+          value: '24px',
+          type: 'sizing',
+        },
+        400: {
+          value: '28px',
+          type: 'sizing',
+        },
+        500: {
+          value: '32px',
+          type: 'sizing',
+        },
+        600: {
+          value: '36px',
+          type: 'sizing',
+        },
+        700: {
+          value: '40px',
+          type: 'sizing',
+        },
+        800: {
+          value: '44px',
+          type: 'sizing',
+        },
+        900: {
+          value: '48px',
+          type: 'sizing',
+        },
+        1000: {
+          value: '56px',
+          type: 'sizing',
+        },
+      },
+    },
+    hover: {
+      default: {
+        value: {
+          x: 0,
+          y: 0,
+          blur: 4,
+          spread: 0,
+          color: '#98c200cc',
+          type: 'dropShadow',
+        },
+        type: 'boxShadow',
+      },
+    },
+    shadow: {
+      100: {
+        value: [
           {
-            "color": "#dde1e614",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 2,
-            "blur": 0,
-            "spread": 0
+            color: '#dde1e614',
+            type: 'dropShadow',
+            x: 0,
+            y: 2,
+            blur: 0,
+            spread: 0,
           },
           {
-            "color": "#1a202b14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
+            color: '#1a202b14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
       },
-      "200": {
-        "value": [
+      200: {
+        value: [
           {
-            "color": "#dde1e629",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 2,
-            "blur": 0,
-            "spread": 0
+            color: '#dde1e629',
+            type: 'dropShadow',
+            x: 0,
+            y: 2,
+            blur: 0,
+            spread: 0,
           },
           {
-            "color": "#1a202b1f",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
+            color: '#1a202b1f',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
       },
-      "300": {
-        "value": [
+      300: {
+        value: [
           {
-            "color": "#dde1e63d",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 2,
-            "blur": 0,
-            "spread": 0
+            color: '#dde1e63d',
+            type: 'dropShadow',
+            x: 0,
+            y: 2,
+            blur: 0,
+            spread: 0,
           },
           {
-            "color": "#1a202b29",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
+            color: '#1a202b29',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
       },
-      "400": {
-        "value": [
+      400: {
+        value: [
           {
-            "color": "#dde1e614",
-            "type": "dropShadow",
-            "x": -100,
-            "y": 0,
-            "blur": 60,
-            "spread": 0
+            color: '#dde1e614',
+            type: 'dropShadow',
+            x: -100,
+            y: 0,
+            blur: 60,
+            spread: 0,
           },
           {
-            "color": "#1a202b0d",
-            "type": "dropShadow",
-            "x": -32,
-            "y": 0,
-            "blur": 32,
-            "spread": 0
-          }
+            color: '#1a202b0d',
+            type: 'dropShadow',
+            x: -32,
+            y: 0,
+            blur: 32,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
-      }
-    }
+        type: 'boxShadow',
+      },
+    },
   },
-  "core": {
-    "color": {
-      "black": {
-        "value": "#1a202b",
-        "type": "color"
-      },
-      "white": {
-        "value": "#ffffff",
-        "type": "color"
-      },
-      "neutral": {
-        "50": {
-          "value": "#F8F9FB",
-          "type": "color"
-        },
-        "75": {
-          "value": "#f0f4f9",
-          "type": "color"
-        },
-        "100": {
-          "value": "#F2F4F8",
-          "type": "color"
-        },
-        "200": {
-          "value": "#DDE1E6",
-          "type": "color"
-        },
-        "300": {
-          "value": "#C1C7CD",
-          "type": "color"
-        },
-        "400": {
-          "value": "#A2A9B0",
-          "type": "color"
-        },
-        "500": {
-          "value": "#878D96",
-          "type": "color"
-        },
-        "600": {
-          "value": "#697077",
-          "type": "color"
-        },
-        "700": {
-          "value": "#4D5358",
-          "type": "color"
-        },
-        "800": {
-          "value": "#343A3F",
-          "type": "color"
-        },
-        "900": {
-          "value": "#21272A",
-          "type": "color"
-        }
-      },
-      "primary": {
-        "100": {
-          "value": "#F1FFBD",
-          "type": "color"
-        },
-        "200": {
-          "value": "#E2FF7A",
-          "type": "color"
-        },
-        "300": {
-          "value": "#B4E600",
-          "type": "color"
-        },
-        "400": {
-          "value": "#98C200",
-          "type": "color"
-        },
-        "500": {
-          "value": "#4A6000",
-          "type": "color"
-        },
-        "600": {
-          "value": "#1760cf",
-          "type": "color"
-        },
-        "700": {
-          "value": "#134faa",
-          "type": "color"
-        },
-        "800": {
-          "value": "#10428e",
-          "type": "color"
-        },
-        "900": {
-          "value": "#0d3877",
-          "type": "color"
-        }
-      },
-      "danger": {
-        "100": {
-          "value": "#f7dede",
-          "type": "color"
-        },
-        "200": {
-          "value": "#f0bebe",
-          "type": "color"
-        },
-        "300": {
-          "value": "#e07c7c",
-          "type": "color"
-        },
-        "400": {
-          "value": "#d95c5c",
-          "type": "color"
-        },
-        "500": {
-          "value": "#d13b3b",
-          "type": "color"
-        },
-        "600": {
-          "value": "#b52a2a",
-          "type": "color"
-        },
-        "700": {
-          "value": "#912222",
-          "type": "color"
-        },
-        "800": {
-          "value": "#6d1919",
-          "type": "color"
-        },
-        "900": {
-          "value": "#481111",
-          "type": "color"
-        }
-      },
-      "success": {
-        "100": {
-          "value": "#e4f4e6",
-          "type": "color"
-        },
-        "200": {
-          "value": "#c9e9cd",
-          "type": "color"
-        },
-        "300": {
-          "value": "#aedeb5",
-          "type": "color"
-        },
-        "400": {
-          "value": "#77c783",
-          "type": "color"
-        },
-        "500": {
-          "value": "#5cbc6a",
-          "type": "color"
-        },
-        "600": {
-          "value": "#44a552",
-          "type": "color"
-        },
-        "700": {
-          "value": "#368442",
-          "type": "color"
-        },
-        "800": {
-          "value": "#296331",
-          "type": "color"
-        },
-        "900": {
-          "value": "#1b4221",
-          "type": "color"
-        }
-      },
-      "attention": {
-        "100": {
-          "value": "#fef3e1",
-          "type": "color"
-        },
-        "200": {
-          "value": "#fbdaa6",
-          "type": "color"
-        },
-        "300": {
-          "value": "#f8c16b",
-          "type": "color"
-        },
-        "400": {
-          "value": "#f6b54d",
-          "type": "color"
-        },
-        "500": {
-          "value": "#f39c12",
-          "type": "color"
-        },
-        "600": {
-          "value": "#d98a0b",
-          "type": "color"
-        },
-        "700": {
-          "value": "#ba7609",
-          "type": "color"
-        },
-        "800": {
-          "value": "#9b6208",
-          "type": "color"
-        },
-        "900": {
-          "value": "#7c4f06",
-          "type": "color"
-        }
-      },
-      "info": {
-        "100": {
-          "value": "#E8F0FC",
-          "type": "color"
-        },
-        "200": {
-          "value": "#B1CDF6",
-          "type": "color"
-        },
-        "300": {
-          "value": "#7EACF1",
-          "type": "color"
-        },
-        "400": {
-          "value": "#5592EC",
-          "type": "color"
-        },
-        "500": {
-          "value": "#307AE8",
-          "type": "color"
-        },
-        "600": {
-          "value": "#1867DC",
-          "type": "color"
-        },
-        "700": {
-          "value": "#155AC1",
-          "type": "color"
-        },
-        "800": {
-          "value": "#134FAA",
-          "type": "color"
-        },
-        "900": {
-          "value": "#104593",
-          "type": "color"
-        }
-      },
-      "secondary": {
-        "100": {
-          "value": "#0C1F22",
-          "type": "color"
-        }
-      },
-      "tertiary": {
-        "100": {
-          "value": "#2F463F",
-          "type": "color"
-        }
-      },
-      "accent": {
-        "100": {
-          "value": "#FF5470",
-          "type": "color"
-        },
-        "200": {
-          "value": "hsla(60,100%,102%,1)",
-          "type": "color"
-        },
-        "300": {
-          "value": "#ffffe0",
-          "type": "color"
-        },
-        "400": {
-          "value": "#ffffb8",
-          "type": "color"
-        },
-        "500": {
-          "value": "#ffff8f",
-          "type": "color"
-        },
-        "600": {
-          "value": "#ffff66",
-          "type": "color"
-        },
-        "700": {
-          "value": "#ffff3d",
-          "type": "color"
-        },
-        "800": {
-          "value": "#ffff14",
-          "type": "color"
-        },
-        "900": {
-          "value": "#ebeb00",
-          "type": "color"
-        }
-      },
-      "customPrimary": {
-        "hue": {
-          "value": 216,
-          "type": "color"
-        },
-        "saturation": {
-          "value": 80,
-          "type": "color"
-        },
-        "lightness": {
-          "value": 55,
-          "type": "color"
-        },
-        "hsla": {
-          "value": "#307ae8",
-          "type": "color"
-        }
-      },
-      "customAccent": {
-        "hue": {
-          "value": 60,
-          "type": "color"
-        },
-        "saturation": {
-          "value": 100,
-          "type": "color"
-        },
-        "lightness": {
-          "value": 78,
-          "type": "color"
-        },
-        "hsla": {
-          "value": "#ffff8f",
-          "type": "color"
-        }
-      }
-    },
-    "dimension": {
-      "0": {
-        "value": 0,
-        "type": "sizing"
-      },
-      "50": {
-        "value": 4,
-        "type": "sizing"
-      },
-      "100": {
-        "value": 8,
-        "type": "sizing"
-      },
-      "150": {
-        "value": 12,
-        "type": "sizing"
-      },
-      "175": {
-        "value": 14,
-        "type": "sizing"
-      },
-      "200": {
-        "value": 16,
-        "type": "sizing"
-      },
-      "250": {
-        "value": 20,
-        "type": "sizing"
-      },
-      "300": {
-        "value": 24,
-        "type": "sizing"
-      },
-      "350": {
-        "value": 28,
-        "type": "sizing"
-      },
-      "400": {
-        "value": 32,
-        "type": "sizing"
-      },
-      "500": {
-        "value": 40,
-        "type": "sizing"
-      },
-      "600": {
-        "value": 48,
-        "type": "sizing"
-      },
-      "700": {
-        "value": 56,
-        "type": "sizing"
-      },
-      "800": {
-        "value": 64,
-        "type": "sizing"
-      },
-      "900": {
-        "value": 72,
-        "type": "sizing"
-      },
-      "1000": {
-        "value": 80,
-        "type": "sizing"
-      },
-      "static": {
-        "0": {
-          "value": 0,
-          "type": "sizing"
-        },
-        "10": {
-          "value": 1,
-          "type": "sizing"
-        },
-        "25": {
-          "value": 2,
-          "type": "sizing"
-        },
-        "50": {
-          "value": 4,
-          "type": "sizing"
-        },
-        "75": {
-          "value": 6,
-          "type": "sizing"
-        },
-        "100": {
-          "value": 8,
-          "type": "sizing"
-        },
-        "125": {
-          "value": 10,
-          "type": "sizing"
-        },
-        "150": {
-          "value": 12,
-          "type": "sizing"
-        },
-        "200": {
-          "value": 16,
-          "type": "sizing"
-        },
-        "250": {
-          "value": 20,
-          "type": "sizing"
-        },
-        "300": {
-          "value": 24,
-          "type": "sizing"
-        },
-        "350": {
-          "value": 28,
-          "type": "sizing"
-        },
-        "400": {
-          "value": 32,
-          "type": "sizing"
-        },
-        "450": {
-          "value": 36,
-          "type": "sizing"
-        },
-        "500": {
-          "value": 40,
-          "type": "sizing"
-        },
-        "550": {
-          "value": 44,
-          "type": "sizing"
-        },
-        "600": {
-          "value": 48,
-          "type": "sizing"
-        },
-        "700": {
-          "value": 56,
-          "type": "sizing"
-        },
-        "800": {
-          "value": 64,
-          "type": "sizing"
-        },
-        "900": {
-          "value": 72,
-          "type": "sizing"
-        },
-        "1000": {
-          "value": 80,
-          "type": "sizing"
-        }
-      },
-      "root": {
-        "value": 16,
-        "type": "sizing"
-      },
-      "percentage": {
-        "50": {
-          "value": "50%",
-          "type": "sizing"
-        },
-        "100": {
-          "value": "100%",
-          "type": "sizing"
-        }
-      },
-      "breakpoint": {
-        "xsm": {
-          "value": "320px",
-          "type": "sizing"
-        },
-        "sm": {
-          "value": "640px",
-          "type": "sizing"
-        },
-        "md": {
-          "value": "1007px",
-          "type": "sizing"
-        },
-        "lg": {
-          "value": "1440px",
-          "type": "sizing"
-        }
-      }
-    },
-    "font": {
-      "family": {
-        "main": {
-          "value": "Albert Sans",
-          "type": "fontFamilies"
-        },
-        "alt": {
-          "value": "Albert Sans",
-          "type": "fontFamilies"
-        },
-        "code": {
-          "value": "Courier new",
-          "type": "fontFamilies"
-        }
-      },
-      "weight": {
-        "regular": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "medium": {
-          "value": 500,
-          "type": "fontWeights"
-        },
-        "semiBold": {
-          "value": 600,
-          "type": "fontWeights"
-        },
-        "light": {
-          "value": 300,
-          "type": "fontWeights"
-        },
-        "bold": {
-          "value": 600,
-          "type": "fontWeights"
-        }
-      },
-      "lineHeight": {
-        "75": {
-          "value": 14,
-          "type": "lineHeights"
-        },
-        "100": {
-          "value": 16,
-          "type": "lineHeights"
-        },
-        "200": {
-          "value": 20,
-          "type": "lineHeights"
-        },
-        "300": {
-          "value": 24,
-          "type": "lineHeights"
-        },
-        "400": {
-          "value": 28,
-          "type": "lineHeights"
-        },
-        "500": {
-          "value": 32,
-          "type": "lineHeights"
-        },
-        "600": {
-          "value": 40,
-          "type": "lineHeights"
-        },
-        "700": {
-          "value": 48,
-          "type": "lineHeights"
-        }
-      },
-      "size": {
-        "25": {
-          "value": 8,
-          "type": "fontSizes"
-        },
-        "30": {
-          "value": 10,
-          "type": "fontSizes"
-        },
-        "50": {
-          "value": 12,
-          "type": "fontSizes"
-        },
-        "75": {
-          "value": 14,
-          "type": "fontSizes"
-        },
-        "100": {
-          "value": 16,
-          "type": "fontSizes"
-        },
-        "200": {
-          "value": 18,
-          "type": "fontSizes"
-        },
-        "300": {
-          "value": 20,
-          "type": "fontSizes"
-        },
-        "400": {
-          "value": 23,
-          "type": "fontSizes"
-        },
-        "500": {
-          "value": 26,
-          "type": "fontSizes"
-        },
-        "600": {
-          "value": 29,
-          "type": "fontSizes"
-        }
-      },
-      "uppercase": {
-        "value": "uppercase",
-        "type": "textCase"
-      }
-    },
-    "shadow": {
-      "100": {
-        "value": [
+  core: {
+    color: {
+      black: {
+        value: '#1a202b',
+        type: 'color',
+      },
+      white: {
+        value: '#ffffff',
+        type: 'color',
+      },
+      neutral: {
+        50: {
+          value: '#F8F9FB',
+          type: 'color',
+        },
+        75: {
+          value: '#f0f4f9',
+          type: 'color',
+        },
+        100: {
+          value: '#F2F4F8',
+          type: 'color',
+        },
+        200: {
+          value: '#DDE1E6',
+          type: 'color',
+        },
+        300: {
+          value: '#C1C7CD',
+          type: 'color',
+        },
+        400: {
+          value: '#A2A9B0',
+          type: 'color',
+        },
+        500: {
+          value: '#878D96',
+          type: 'color',
+        },
+        600: {
+          value: '#697077',
+          type: 'color',
+        },
+        700: {
+          value: '#4D5358',
+          type: 'color',
+        },
+        800: {
+          value: '#343A3F',
+          type: 'color',
+        },
+        900: {
+          value: '#21272A',
+          type: 'color',
+        },
+      },
+      primary: {
+        100: {
+          value: '#F1FFBD',
+          type: 'color',
+        },
+        200: {
+          value: '#E2FF7A',
+          type: 'color',
+        },
+        300: {
+          value: '#B4E600',
+          type: 'color',
+        },
+        400: {
+          value: '#98C200',
+          type: 'color',
+        },
+        500: {
+          value: '#4A6000',
+          type: 'color',
+        },
+        600: {
+          value: '#1760cf',
+          type: 'color',
+        },
+        700: {
+          value: '#134faa',
+          type: 'color',
+        },
+        800: {
+          value: '#10428e',
+          type: 'color',
+        },
+        900: {
+          value: '#0d3877',
+          type: 'color',
+        },
+      },
+      danger: {
+        100: {
+          value: '#f7dede',
+          type: 'color',
+        },
+        200: {
+          value: '#f0bebe',
+          type: 'color',
+        },
+        300: {
+          value: '#e07c7c',
+          type: 'color',
+        },
+        400: {
+          value: '#d95c5c',
+          type: 'color',
+        },
+        500: {
+          value: '#d13b3b',
+          type: 'color',
+        },
+        600: {
+          value: '#b52a2a',
+          type: 'color',
+        },
+        700: {
+          value: '#912222',
+          type: 'color',
+        },
+        800: {
+          value: '#6d1919',
+          type: 'color',
+        },
+        900: {
+          value: '#481111',
+          type: 'color',
+        },
+      },
+      success: {
+        100: {
+          value: '#e4f4e6',
+          type: 'color',
+        },
+        200: {
+          value: '#c9e9cd',
+          type: 'color',
+        },
+        300: {
+          value: '#aedeb5',
+          type: 'color',
+        },
+        400: {
+          value: '#77c783',
+          type: 'color',
+        },
+        500: {
+          value: '#5cbc6a',
+          type: 'color',
+        },
+        600: {
+          value: '#44a552',
+          type: 'color',
+        },
+        700: {
+          value: '#368442',
+          type: 'color',
+        },
+        800: {
+          value: '#296331',
+          type: 'color',
+        },
+        900: {
+          value: '#1b4221',
+          type: 'color',
+        },
+      },
+      attention: {
+        100: {
+          value: '#fef3e1',
+          type: 'color',
+        },
+        200: {
+          value: '#fbdaa6',
+          type: 'color',
+        },
+        300: {
+          value: '#f8c16b',
+          type: 'color',
+        },
+        400: {
+          value: '#f6b54d',
+          type: 'color',
+        },
+        500: {
+          value: '#f39c12',
+          type: 'color',
+        },
+        600: {
+          value: '#d98a0b',
+          type: 'color',
+        },
+        700: {
+          value: '#ba7609',
+          type: 'color',
+        },
+        800: {
+          value: '#9b6208',
+          type: 'color',
+        },
+        900: {
+          value: '#7c4f06',
+          type: 'color',
+        },
+      },
+      info: {
+        100: {
+          value: '#E8F0FC',
+          type: 'color',
+        },
+        200: {
+          value: '#B1CDF6',
+          type: 'color',
+        },
+        300: {
+          value: '#7EACF1',
+          type: 'color',
+        },
+        400: {
+          value: '#5592EC',
+          type: 'color',
+        },
+        500: {
+          value: '#307AE8',
+          type: 'color',
+        },
+        600: {
+          value: '#1867DC',
+          type: 'color',
+        },
+        700: {
+          value: '#155AC1',
+          type: 'color',
+        },
+        800: {
+          value: '#134FAA',
+          type: 'color',
+        },
+        900: {
+          value: '#104593',
+          type: 'color',
+        },
+      },
+      secondary: {
+        100: {
+          value: '#0C1F22',
+          type: 'color',
+        },
+      },
+      tertiary: {
+        100: {
+          value: '#2F463F',
+          type: 'color',
+        },
+      },
+      accent: {
+        100: {
+          value: '#FF5470',
+          type: 'color',
+        },
+        200: {
+          value: 'hsla(60,100%,102%,1)',
+          type: 'color',
+        },
+        300: {
+          value: '#ffffe0',
+          type: 'color',
+        },
+        400: {
+          value: '#ffffb8',
+          type: 'color',
+        },
+        500: {
+          value: '#ffff8f',
+          type: 'color',
+        },
+        600: {
+          value: '#ffff66',
+          type: 'color',
+        },
+        700: {
+          value: '#ffff3d',
+          type: 'color',
+        },
+        800: {
+          value: '#ffff14',
+          type: 'color',
+        },
+        900: {
+          value: '#ebeb00',
+          type: 'color',
+        },
+      },
+      customPrimary: {
+        hue: {
+          value: 216,
+          type: 'color',
+        },
+        saturation: {
+          value: 80,
+          type: 'color',
+        },
+        lightness: {
+          value: 55,
+          type: 'color',
+        },
+        hsla: {
+          value: '#307ae8',
+          type: 'color',
+        },
+      },
+      customAccent: {
+        hue: {
+          value: 60,
+          type: 'color',
+        },
+        saturation: {
+          value: 100,
+          type: 'color',
+        },
+        lightness: {
+          value: 78,
+          type: 'color',
+        },
+        hsla: {
+          value: '#ffff8f',
+          type: 'color',
+        },
+      },
+    },
+    dimension: {
+      0: {
+        value: 0,
+        type: 'sizing',
+      },
+      50: {
+        value: 4,
+        type: 'sizing',
+      },
+      100: {
+        value: 8,
+        type: 'sizing',
+      },
+      150: {
+        value: 12,
+        type: 'sizing',
+      },
+      175: {
+        value: 14,
+        type: 'sizing',
+      },
+      200: {
+        value: 16,
+        type: 'sizing',
+      },
+      250: {
+        value: 20,
+        type: 'sizing',
+      },
+      300: {
+        value: 24,
+        type: 'sizing',
+      },
+      350: {
+        value: 28,
+        type: 'sizing',
+      },
+      400: {
+        value: 32,
+        type: 'sizing',
+      },
+      500: {
+        value: 40,
+        type: 'sizing',
+      },
+      600: {
+        value: 48,
+        type: 'sizing',
+      },
+      700: {
+        value: 56,
+        type: 'sizing',
+      },
+      800: {
+        value: 64,
+        type: 'sizing',
+      },
+      900: {
+        value: 72,
+        type: 'sizing',
+      },
+      1000: {
+        value: 80,
+        type: 'sizing',
+      },
+      static: {
+        0: {
+          value: 0,
+          type: 'sizing',
+        },
+        10: {
+          value: 1,
+          type: 'sizing',
+        },
+        25: {
+          value: 2,
+          type: 'sizing',
+        },
+        50: {
+          value: 4,
+          type: 'sizing',
+        },
+        75: {
+          value: 6,
+          type: 'sizing',
+        },
+        100: {
+          value: 8,
+          type: 'sizing',
+        },
+        125: {
+          value: 10,
+          type: 'sizing',
+        },
+        150: {
+          value: 12,
+          type: 'sizing',
+        },
+        200: {
+          value: 16,
+          type: 'sizing',
+        },
+        250: {
+          value: 20,
+          type: 'sizing',
+        },
+        300: {
+          value: 24,
+          type: 'sizing',
+        },
+        350: {
+          value: 28,
+          type: 'sizing',
+        },
+        400: {
+          value: 32,
+          type: 'sizing',
+        },
+        450: {
+          value: 36,
+          type: 'sizing',
+        },
+        500: {
+          value: 40,
+          type: 'sizing',
+        },
+        550: {
+          value: 44,
+          type: 'sizing',
+        },
+        600: {
+          value: 48,
+          type: 'sizing',
+        },
+        700: {
+          value: 56,
+          type: 'sizing',
+        },
+        800: {
+          value: 64,
+          type: 'sizing',
+        },
+        900: {
+          value: 72,
+          type: 'sizing',
+        },
+        1000: {
+          value: 80,
+          type: 'sizing',
+        },
+      },
+      root: {
+        value: 16,
+        type: 'sizing',
+      },
+      percentage: {
+        50: {
+          value: '50%',
+          type: 'sizing',
+        },
+        100: {
+          value: '100%',
+          type: 'sizing',
+        },
+      },
+      breakpoint: {
+        xsm: {
+          value: '320px',
+          type: 'sizing',
+        },
+        sm: {
+          value: '640px',
+          type: 'sizing',
+        },
+        md: {
+          value: '1007px',
+          type: 'sizing',
+        },
+        lg: {
+          value: '1440px',
+          type: 'sizing',
+        },
+      },
+    },
+    font: {
+      family: {
+        main: {
+          value: 'Albert Sans',
+          type: 'fontFamilies',
+        },
+        alt: {
+          value: 'Albert Sans',
+          type: 'fontFamilies',
+        },
+        code: {
+          value: 'Courier new',
+          type: 'fontFamilies',
+        },
+      },
+      weight: {
+        regular: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        medium: {
+          value: 500,
+          type: 'fontWeights',
+        },
+        semiBold: {
+          value: 600,
+          type: 'fontWeights',
+        },
+        light: {
+          value: 300,
+          type: 'fontWeights',
+        },
+        bold: {
+          value: 600,
+          type: 'fontWeights',
+        },
+      },
+      lineHeight: {
+        75: {
+          value: 14,
+          type: 'lineHeights',
+        },
+        100: {
+          value: 16,
+          type: 'lineHeights',
+        },
+        200: {
+          value: 20,
+          type: 'lineHeights',
+        },
+        300: {
+          value: 24,
+          type: 'lineHeights',
+        },
+        400: {
+          value: 28,
+          type: 'lineHeights',
+        },
+        500: {
+          value: 32,
+          type: 'lineHeights',
+        },
+        600: {
+          value: 40,
+          type: 'lineHeights',
+        },
+        700: {
+          value: 48,
+          type: 'lineHeights',
+        },
+      },
+      size: {
+        25: {
+          value: 8,
+          type: 'fontSizes',
+        },
+        30: {
+          value: 10,
+          type: 'fontSizes',
+        },
+        50: {
+          value: 12,
+          type: 'fontSizes',
+        },
+        75: {
+          value: 14,
+          type: 'fontSizes',
+        },
+        100: {
+          value: 16,
+          type: 'fontSizes',
+        },
+        200: {
+          value: 18,
+          type: 'fontSizes',
+        },
+        300: {
+          value: 20,
+          type: 'fontSizes',
+        },
+        400: {
+          value: 23,
+          type: 'fontSizes',
+        },
+        500: {
+          value: 26,
+          type: 'fontSizes',
+        },
+        600: {
+          value: 29,
+          type: 'fontSizes',
+        },
+      },
+      uppercase: {
+        value: 'uppercase',
+        type: 'textCase',
+      },
+    },
+    shadow: {
+      100: {
+        value: [
           {
-            "color": "#21272a14",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
+            color: '#21272a14',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
       },
-      "200": {
-        "value": [
+      200: {
+        value: [
           {
-            "color": "#21272a1f",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
+            color: '#21272a1f',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
       },
-      "300": {
-        "value": [
+      300: {
+        value: [
           {
-            "color": "#21272a29",
-            "type": "dropShadow",
-            "x": 0,
-            "y": 10,
-            "blur": 36,
-            "spread": 0
-          }
+            color: '#21272a29',
+            type: 'dropShadow',
+            x: 0,
+            y: 10,
+            blur: 36,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
+        type: 'boxShadow',
       },
-      "400": {
-        "value": [
+      400: {
+        value: [
           {
-            "color": "#21272a0d",
-            "type": "dropShadow",
-            "x": -32,
-            "y": 0,
-            "blur": 32,
-            "spread": 0
-          }
+            color: '#21272a0d',
+            type: 'dropShadow',
+            x: -32,
+            y: 0,
+            blur: 32,
+            spread: 0,
+          },
         ],
-        "type": "boxShadow"
-      }
+        type: 'boxShadow',
+      },
+    },
+    blur: {
+      value: '4px',
+      type: 'dimension',
     },
-    "blur": {
-      "value": "4px",
-      "type": "dimension"
-    }
   },
-  "util": {
-    "color": {
-      "primary": {
-        "lightness": {
-          "scale": {
-            "value": 1.21,
-            "type": "other"
-          },
-          "up": {
-            "1": {
-              "value": 67,
-              "type": "other"
+  util: {
+    color: {
+      primary: {
+        lightness: {
+          scale: {
+            value: 1.21,
+            type: 'other',
+          },
+          up: {
+            1: {
+              value: 67,
+              type: 'other',
+            },
+            2: {
+              value: 81,
+              type: 'other',
+            },
+            3: {
+              value: 98,
+              type: 'other',
+            },
+            4: {
+              value: 119,
+              type: 'other',
+            },
+            5: {
+              value: 144,
+              type: 'other',
             },
-            "2": {
-              "value": 81,
-              "type": "other"
+          },
+          down: {
+            1: {
+              value: 45,
+              type: 'other',
             },
-            "3": {
-              "value": 98,
-              "type": "other"
+            2: {
+              value: 37,
+              type: 'other',
             },
-            "4": {
-              "value": 119,
-              "type": "other"
+            3: {
+              value: 31,
+              type: 'other',
             },
-            "5": {
-              "value": 144,
-              "type": "other"
-            }
-          },
-          "down": {
-            "1": {
-              "value": 45,
-              "type": "other"
+            4: {
+              value: 26,
+              type: 'other',
             },
-            "2": {
-              "value": 37,
-              "type": "other"
+            5: {
+              value: 21,
+              type: 'other',
             },
-            "3": {
-              "value": 31,
-              "type": "other"
+          },
+        },
+      },
+      accent: {
+        lightness: {
+          scale: {
+            value: 8,
+            type: 'other',
+          },
+          up: {
+            1: {
+              value: 86,
+              type: 'other',
             },
-            "4": {
-              "value": 26,
-              "type": "other"
+            2: {
+              value: 94,
+              type: 'other',
             },
-            "5": {
-              "value": 21,
-              "type": "other"
-            }
-          }
-        }
-      },
-      "accent": {
-        "lightness": {
-          "scale": {
-            "value": 8,
-            "type": "other"
-          },
-          "up": {
-            "1": {
-              "value": 86,
-              "type": "other"
+            3: {
+              value: 102,
+              type: 'other',
             },
-            "2": {
-              "value": 94,
-              "type": "other"
+            4: {
+              value: 110,
+              type: 'other',
             },
-            "3": {
-              "value": 102,
-              "type": "other"
+          },
+          down: {
+            1: {
+              value: 70,
+              type: 'other',
             },
-            "4": {
-              "value": 110,
-              "type": "other"
-            }
-          },
-          "down": {
-            "1": {
-              "value": 70,
-              "type": "other"
+            2: {
+              value: 62,
+              type: 'other',
             },
-            "2": {
-              "value": 62,
-              "type": "other"
+            3: {
+              value: 54,
+              type: 'other',
             },
-            "3": {
-              "value": 54,
-              "type": "other"
+            4: {
+              value: 46,
+              type: 'other',
             },
-            "4": {
-              "value": 46,
-              "type": "other"
-            }
-          }
-        }
-      },
-      "colorDebug": {
-        "value": "#9747FF",
-        "type": "color"
-      },
-      "debugColorContainer": {
-        "value": "#ebdcff",
-        "type": "color"
-      }
-    },
-    "font": {
-      "scale": {
-        "value": 1.125,
-        "type": "other"
-      },
-      "base": {
-        "value": 16,
-        "type": "other"
-      }
-    }
+          },
+        },
+      },
+      colorDebug: {
+        value: '#9747FF',
+        type: 'color',
+      },
+      debugColorContainer: {
+        value: '#ebdcff',
+        type: 'color',
+      },
+    },
+    font: {
+      scale: {
+        value: 1.125,
+        type: 'other',
+      },
+      base: {
+        value: 16,
+        type: 'other',
+      },
+    },
+  },
+  underline: {
+    value: 'underline',
+    type: 'textDecoration',
   },
-  "underline": {
-    "value": "underline",
-    "type": "textDecoration"
-  }
-}
\ No newline at end of file
+};
diff --git a/packages/icons/optimized/solid/archive.svg b/packages/icons/optimized/solid/archive.svg
index 5b51718e3..465a9386b 100644
--- a/packages/icons/optimized/solid/archive.svg
+++ b/packages/icons/optimized/solid/archive.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-  <path d="M17.917 2.083H2.083A1.667 1.667 0 0 0 .417 3.75v2.5a.833.833 0 0 0 .833.833h17.5a.833.833 0 0 0 .833-.833v-2.5a1.667 1.667 0 0 0-1.666-1.667ZM17.917 8.334H2.083a.833.833 0 0 0-.833.833v7.083a1.667 1.667 0 0 0 1.667 1.667h14.166a1.667 1.667 0 0 0 1.667-1.667V9.167a.833.833 0 0 0-.833-.833Zm-5.209 2.916a1.041 1.041 0 0 1-1.041 1.042H8.333a1.041 1.041 0 1 1 0-2.083h3.334a1.041 1.041 0 0 1 1.041 1.041Z"/>
+<svg viewBox="0 0 18 18" fill="currentColor" aria-hidden="true">
+  <path fill-rule="evenodd" d="M1.465.613A1.674 1.674 0 0 0 .02 1.969l-.016.08-.002 1.44C-.001 5.098-.004 4.986.05 5.095c.067.136.2.24.341.267.05.01 1.051.01 8.609.01 7.525 0 8.56 0 8.609-.01a.506.506 0 0 0 .377-.362.305.305 0 0 1 .015-.054c.003-.008.006-.579.006-1.407 0-1.497 0-1.515-.037-1.698a1.5 1.5 0 0 0-.816-1.073 1.629 1.629 0 0 0-.44-.143L16.637.61 9.079.608c-4.156 0-7.582.002-7.614.005Zm.043.99a.678.678 0 0 0-.284.144.676.676 0 0 0-.19.26c-.05.114-.048.049-.048 1.272v1.106h16.028l-.002-1.175-.002-1.176-.017-.053a.537.537 0 0 0-.37-.37l-.052-.016-7.506-.001c-6.607-.001-7.512 0-7.557.01ZM.003 3.532c0 .78.001 1.1.002.711V2.825c0-.391-.002-.073-.002.707Zm1.167 3.43a.448.448 0 0 0-.27.144.421.421 0 0 0-.092.123c-.057.114-.052-.265-.05 3.904.002 3.52.003 3.744.014 3.832.052.38.13.639.283.944.138.275.274.462.5.687.225.226.413.362.688.5.316.16.603.243.983.286.122.014 11.426.014 11.548 0a2.73 2.73 0 0 0 .983-.285 2.44 2.44 0 0 0 .688-.5c.226-.226.362-.413.5-.688.152-.301.233-.573.283-.944.011-.087.012-.329.014-3.832.002-4.168.007-3.79-.05-3.904a.415.415 0 0 0-.095-.126.447.447 0 0 0-.22-.13.643.643 0 0 0-.252 0 .516.516 0 0 0-.35.346c-.013.041-.014.194-.018 3.784-.004 4.062-.001 3.75-.04 3.93a1.72 1.72 0 0 1-1.522 1.365c-.146.016-11.244.016-11.39 0a1.719 1.719 0 0 1-1.523-1.364c-.038-.18-.035.13-.04-3.931-.003-3.59-.004-3.743-.017-3.784a.517.517 0 0 0-.347-.345.634.634 0 0 0-.208-.011Zm7.744.843a.51.51 0 0 0-.354.346c-.008.025-.01.491-.013 2.308l-.004 2.277-.803-.828c-.637-.658-.814-.835-.855-.863a.483.483 0 0 0-.62.073.435.435 0 0 0-.136.316.53.53 0 0 0 .008.134.52.52 0 0 0 .09.19c.03.038 2.289 2.37 2.43 2.51a.57.57 0 0 0 .152.123c.08.04.135.054.227.054.116 0 .208-.029.292-.093.06-.045 2.505-2.57 2.54-2.623a.499.499 0 0 0 .054-.438.492.492 0 0 0-.779-.21c-.02.017-.39.396-.822.841l-.785.81-.003-2.268c-.004-2.155-.005-2.269-.017-2.31a.464.464 0 0 0-.13-.216.4.4 0 0 0-.127-.096.582.582 0 0 0-.111-.04.58.58 0 0 0-.234.003Z" clip-rule="evenodd"/>
 </svg>
diff --git a/packages/icons/solid/ArchiveIcon.js b/packages/icons/solid/ArchiveIcon.js
index 470d0d6e2..b47e59184 100644
--- a/packages/icons/solid/ArchiveIcon.js
+++ b/packages/icons/solid/ArchiveIcon.js
@@ -1,13 +1,15 @@
 const React = require("react");
 function ArchiveIcon(props) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
-    viewBox: "0 0 20 20",
+    viewBox: "0 0 18 18",
     fill: "currentColor",
     "aria-hidden": "true",
     width: "1em",
     height: "1em"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M17.917 2.083H2.083A1.667 1.667 0 0 0 .417 3.75v2.5a.833.833 0 0 0 .833.833h17.5a.833.833 0 0 0 .833-.833v-2.5a1.667 1.667 0 0 0-1.666-1.667ZM17.917 8.334H2.083a.833.833 0 0 0-.833.833v7.083a1.667 1.667 0 0 0 1.667 1.667h14.166a1.667 1.667 0 0 0 1.667-1.667V9.167a.833.833 0 0 0-.833-.833Zm-5.209 2.916a1.041 1.041 0 0 1-1.041 1.042H8.333a1.041 1.041 0 1 1 0-2.083h3.334a1.041 1.041 0 0 1 1.041 1.041Z"
+    fillRule: "evenodd",
+    d: "M1.465.613A1.674 1.674 0 0 0 .02 1.969l-.016.08-.002 1.44C-.001 5.098-.004 4.986.05 5.095c.067.136.2.24.341.267.05.01 1.051.01 8.609.01 7.525 0 8.56 0 8.609-.01a.506.506 0 0 0 .377-.362.305.305 0 0 1 .015-.054c.003-.008.006-.579.006-1.407 0-1.497 0-1.515-.037-1.698a1.5 1.5 0 0 0-.816-1.073 1.629 1.629 0 0 0-.44-.143L16.637.61 9.079.608c-4.156 0-7.582.002-7.614.005Zm.043.99a.678.678 0 0 0-.284.144.676.676 0 0 0-.19.26c-.05.114-.048.049-.048 1.272v1.106h16.028l-.002-1.175-.002-1.176-.017-.053a.537.537 0 0 0-.37-.37l-.052-.016-7.506-.001c-6.607-.001-7.512 0-7.557.01ZM.003 3.532c0 .78.001 1.1.002.711V2.825c0-.391-.002-.073-.002.707Zm1.167 3.43a.448.448 0 0 0-.27.144.421.421 0 0 0-.092.123c-.057.114-.052-.265-.05 3.904.002 3.52.003 3.744.014 3.832.052.38.13.639.283.944.138.275.274.462.5.687.225.226.413.362.688.5.316.16.603.243.983.286.122.014 11.426.014 11.548 0a2.73 2.73 0 0 0 .983-.285 2.44 2.44 0 0 0 .688-.5c.226-.226.362-.413.5-.688.152-.301.233-.573.283-.944.011-.087.012-.329.014-3.832.002-4.168.007-3.79-.05-3.904a.415.415 0 0 0-.095-.126.447.447 0 0 0-.22-.13.643.643 0 0 0-.252 0 .516.516 0 0 0-.35.346c-.013.041-.014.194-.018 3.784-.004 4.062-.001 3.75-.04 3.93a1.72 1.72 0 0 1-1.522 1.365c-.146.016-11.244.016-11.39 0a1.719 1.719 0 0 1-1.523-1.364c-.038-.18-.035.13-.04-3.931-.003-3.59-.004-3.743-.017-3.784a.517.517 0 0 0-.347-.345.634.634 0 0 0-.208-.011Zm7.744.843a.51.51 0 0 0-.354.346c-.008.025-.01.491-.013 2.308l-.004 2.277-.803-.828c-.637-.658-.814-.835-.855-.863a.483.483 0 0 0-.62.073.435.435 0 0 0-.136.316.53.53 0 0 0 .008.134.52.52 0 0 0 .09.19c.03.038 2.289 2.37 2.43 2.51a.57.57 0 0 0 .152.123c.08.04.135.054.227.054.116 0 .208-.029.292-.093.06-.045 2.505-2.57 2.54-2.623a.499.499 0 0 0 .054-.438.492.492 0 0 0-.779-.21c-.02.017-.39.396-.822.841l-.785.81-.003-2.268c-.004-2.155-.005-2.269-.017-2.31a.464.464 0 0 0-.13-.216.4.4 0 0 0-.127-.096.582.582 0 0 0-.111-.04.58.58 0 0 0-.234.003Z",
+    clipRule: "evenodd"
   }));
 }
 module.exports = ArchiveIcon;
\ No newline at end of file
diff --git a/packages/icons/solid/esm/ArchiveIcon.js b/packages/icons/solid/esm/ArchiveIcon.js
index 279879aa9..4c73076ca 100644
--- a/packages/icons/solid/esm/ArchiveIcon.js
+++ b/packages/icons/solid/esm/ArchiveIcon.js
@@ -1,13 +1,15 @@
 import * as React from "react";
 function ArchiveIcon(props) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
-    viewBox: "0 0 20 20",
+    viewBox: "0 0 18 18",
     fill: "currentColor",
     "aria-hidden": "true",
     width: "1em",
     height: "1em"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M17.917 2.083H2.083A1.667 1.667 0 0 0 .417 3.75v2.5a.833.833 0 0 0 .833.833h17.5a.833.833 0 0 0 .833-.833v-2.5a1.667 1.667 0 0 0-1.666-1.667ZM17.917 8.334H2.083a.833.833 0 0 0-.833.833v7.083a1.667 1.667 0 0 0 1.667 1.667h14.166a1.667 1.667 0 0 0 1.667-1.667V9.167a.833.833 0 0 0-.833-.833Zm-5.209 2.916a1.041 1.041 0 0 1-1.041 1.042H8.333a1.041 1.041 0 1 1 0-2.083h3.334a1.041 1.041 0 0 1 1.041 1.041Z"
+    fillRule: "evenodd",
+    d: "M1.465.613A1.674 1.674 0 0 0 .02 1.969l-.016.08-.002 1.44C-.001 5.098-.004 4.986.05 5.095c.067.136.2.24.341.267.05.01 1.051.01 8.609.01 7.525 0 8.56 0 8.609-.01a.506.506 0 0 0 .377-.362.305.305 0 0 1 .015-.054c.003-.008.006-.579.006-1.407 0-1.497 0-1.515-.037-1.698a1.5 1.5 0 0 0-.816-1.073 1.629 1.629 0 0 0-.44-.143L16.637.61 9.079.608c-4.156 0-7.582.002-7.614.005Zm.043.99a.678.678 0 0 0-.284.144.676.676 0 0 0-.19.26c-.05.114-.048.049-.048 1.272v1.106h16.028l-.002-1.175-.002-1.176-.017-.053a.537.537 0 0 0-.37-.37l-.052-.016-7.506-.001c-6.607-.001-7.512 0-7.557.01ZM.003 3.532c0 .78.001 1.1.002.711V2.825c0-.391-.002-.073-.002.707Zm1.167 3.43a.448.448 0 0 0-.27.144.421.421 0 0 0-.092.123c-.057.114-.052-.265-.05 3.904.002 3.52.003 3.744.014 3.832.052.38.13.639.283.944.138.275.274.462.5.687.225.226.413.362.688.5.316.16.603.243.983.286.122.014 11.426.014 11.548 0a2.73 2.73 0 0 0 .983-.285 2.44 2.44 0 0 0 .688-.5c.226-.226.362-.413.5-.688.152-.301.233-.573.283-.944.011-.087.012-.329.014-3.832.002-4.168.007-3.79-.05-3.904a.415.415 0 0 0-.095-.126.447.447 0 0 0-.22-.13.643.643 0 0 0-.252 0 .516.516 0 0 0-.35.346c-.013.041-.014.194-.018 3.784-.004 4.062-.001 3.75-.04 3.93a1.72 1.72 0 0 1-1.522 1.365c-.146.016-11.244.016-11.39 0a1.719 1.719 0 0 1-1.523-1.364c-.038-.18-.035.13-.04-3.931-.003-3.59-.004-3.743-.017-3.784a.517.517 0 0 0-.347-.345.634.634 0 0 0-.208-.011Zm7.744.843a.51.51 0 0 0-.354.346c-.008.025-.01.491-.013 2.308l-.004 2.277-.803-.828c-.637-.658-.814-.835-.855-.863a.483.483 0 0 0-.62.073.435.435 0 0 0-.136.316.53.53 0 0 0 .008.134.52.52 0 0 0 .09.19c.03.038 2.289 2.37 2.43 2.51a.57.57 0 0 0 .152.123c.08.04.135.054.227.054.116 0 .208-.029.292-.093.06-.045 2.505-2.57 2.54-2.623a.499.499 0 0 0 .054-.438.492.492 0 0 0-.779-.21c-.02.017-.39.396-.822.841l-.785.81-.003-2.268c-.004-2.155-.005-2.269-.017-2.31a.464.464 0 0 0-.13-.216.4.4 0 0 0-.127-.096.582.582 0 0 0-.111-.04.58.58 0 0 0-.234.003Z",
+    clipRule: "evenodd"
   }));
 }
 export default ArchiveIcon;
\ No newline at end of file
diff --git a/packages/icons/solid/esm/index.d.ts b/packages/icons/solid/esm/index.d.ts
index 7b56cf8b6..e90223df1 100644
--- a/packages/icons/solid/esm/index.d.ts
+++ b/packages/icons/solid/esm/index.d.ts
@@ -154,9 +154,11 @@ export { default as PluginVirtualBlackboadIcon } from './PluginVirtualBlackboadI
 export { default as ProgramIcon } from './ProgramIcon'
 export { default as PunctuableIcon } from './PunctuableIcon'
 export { default as RatingStarIcon } from './RatingStarIcon'
+export { default as RedirectIcon } from './RedirectIcon'
 export { default as RefreshIcon } from './RefreshIcon'
 export { default as RemoveBoldIcon } from './RemoveBoldIcon'
 export { default as ReorderDownIcon } from './ReorderDownIcon'
+export { default as RestoreIcon } from './RestoreIcon'
 export { default as SearchPlusIcon } from './SearchPlusIcon'
 export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon'
 export { default as SettingMenuVerticalIcon } from './SettingMenuVerticalIcon'
diff --git a/packages/icons/solid/esm/index.js b/packages/icons/solid/esm/index.js
index ffccf4c97..dde5822d7 100644
--- a/packages/icons/solid/esm/index.js
+++ b/packages/icons/solid/esm/index.js
@@ -154,9 +154,11 @@ export { default as PluginVirtualBlackboadIcon } from './PluginVirtualBlackboadI
 export { default as ProgramIcon } from './ProgramIcon.js'
 export { default as PunctuableIcon } from './PunctuableIcon.js'
 export { default as RatingStarIcon } from './RatingStarIcon.js'
+export { default as RedirectIcon } from './RedirectIcon.js'
 export { default as RefreshIcon } from './RefreshIcon.js'
 export { default as RemoveBoldIcon } from './RemoveBoldIcon.js'
 export { default as ReorderDownIcon } from './ReorderDownIcon.js'
+export { default as RestoreIcon } from './RestoreIcon.js'
 export { default as SearchPlusIcon } from './SearchPlusIcon.js'
 export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon.js'
 export { default as SettingMenuVerticalIcon } from './SettingMenuVerticalIcon.js'
diff --git a/packages/icons/solid/index.d.ts b/packages/icons/solid/index.d.ts
index 7b56cf8b6..e90223df1 100644
--- a/packages/icons/solid/index.d.ts
+++ b/packages/icons/solid/index.d.ts
@@ -154,9 +154,11 @@ export { default as PluginVirtualBlackboadIcon } from './PluginVirtualBlackboadI
 export { default as ProgramIcon } from './ProgramIcon'
 export { default as PunctuableIcon } from './PunctuableIcon'
 export { default as RatingStarIcon } from './RatingStarIcon'
+export { default as RedirectIcon } from './RedirectIcon'
 export { default as RefreshIcon } from './RefreshIcon'
 export { default as RemoveBoldIcon } from './RemoveBoldIcon'
 export { default as ReorderDownIcon } from './ReorderDownIcon'
+export { default as RestoreIcon } from './RestoreIcon'
 export { default as SearchPlusIcon } from './SearchPlusIcon'
 export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon'
 export { default as SettingMenuVerticalIcon } from './SettingMenuVerticalIcon'
diff --git a/packages/icons/solid/index.js b/packages/icons/solid/index.js
index d46baaeb4..3b9ec3464 100644
--- a/packages/icons/solid/index.js
+++ b/packages/icons/solid/index.js
@@ -154,9 +154,11 @@ module.exports.PluginVirtualBlackboadIcon = require("./PluginVirtualBlackboadIco
 module.exports.ProgramIcon = require("./ProgramIcon.js")
 module.exports.PunctuableIcon = require("./PunctuableIcon.js")
 module.exports.RatingStarIcon = require("./RatingStarIcon.js")
+module.exports.RedirectIcon = require("./RedirectIcon.js")
 module.exports.RefreshIcon = require("./RefreshIcon.js")
 module.exports.RemoveBoldIcon = require("./RemoveBoldIcon.js")
 module.exports.ReorderDownIcon = require("./ReorderDownIcon.js")
+module.exports.RestoreIcon = require("./RestoreIcon.js")
 module.exports.SearchPlusIcon = require("./SearchPlusIcon.js")
 module.exports.SettingMenuHorizontalIcon = require("./SettingMenuHorizontalIcon.js")
 module.exports.SettingMenuVerticalIcon = require("./SettingMenuVerticalIcon.js")
diff --git a/packages/icons/src/solid/archive.svg b/packages/icons/src/solid/archive.svg
index ec688227d..e8bac4f41 100755
--- a/packages/icons/src/solid/archive.svg
+++ b/packages/icons/src/solid/archive.svg
@@ -1,4 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.9166 2.0835H2.08329C1.64127 2.0835 1.21734 2.25909 0.904781 2.57165C0.592221 2.88421 0.416626 3.30814 0.416626 3.75016V6.25016C0.416626 6.47118 0.504423 6.68314 0.660704 6.83942C0.816984 6.9957 1.02895 7.0835 1.24996 7.0835H18.75C18.971 7.0835 19.1829 6.9957 19.3392 6.83942C19.4955 6.68314 19.5833 6.47118 19.5833 6.25016V3.75016C19.5833 3.30814 19.4077 2.88421 19.0951 2.57165C18.7826 2.25909 18.3587 2.0835 17.9166 2.0835Z" fill="#212B3D"/>
-<path d="M17.9167 8.3335H2.08333C1.86232 8.3335 1.65036 8.42129 1.49408 8.57757C1.3378 8.73385 1.25 8.94582 1.25 9.16683V16.2502C1.25 16.6922 1.42559 17.1161 1.73816 17.4287C2.05072 17.7412 2.47464 17.9168 2.91667 17.9168H17.0833C17.5254 17.9168 17.9493 17.7412 18.2618 17.4287C18.5744 17.1161 18.75 16.6922 18.75 16.2502V9.16683C18.75 8.94582 18.6622 8.73385 18.5059 8.57757C18.3496 8.42129 18.1377 8.3335 17.9167 8.3335ZM12.7083 11.2502C12.7083 11.5264 12.5986 11.7914 12.4032 11.9867C12.2079 12.1821 11.9429 12.2918 11.6667 12.2918H8.33333C8.05707 12.2918 7.79211 12.1821 7.59676 11.9867C7.40141 11.7914 7.29167 11.5264 7.29167 11.2502C7.29167 10.9739 7.40141 10.7089 7.59676 10.5136C7.79211 10.3182 8.05707 10.2085 8.33333 10.2085H11.6667C11.9429 10.2085 12.2079 10.3182 12.4032 10.5136C12.5986 10.7089 12.7083 10.9739 12.7083 11.2502V11.2502Z" fill="#212B3D"/>
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.46516 0.612801C0.977362 0.663302 0.510585 0.960468 0.244063 1.39019C0.134789 1.56637 0.0625871 1.75297 0.0199415 1.96936L0.00433911 2.04856L0.00196311 3.48993C-0.000686488 5.09653 -0.00399129 4.9854 0.0497567 5.09416C0.117048 5.23032 0.249226 5.3334 0.391397 5.3606C0.441084 5.37011 1.44248 5.37136 8.99996 5.37136C16.5252 5.37136 17.5591 5.37008 17.6087 5.36069C17.783 5.32774 17.952 5.1656 17.9856 4.99912C17.9902 4.97615 17.997 4.95174 18.0006 4.94486C18.0045 4.93743 18.0072 4.36604 18.0072 3.53818C18.0072 2.04099 18.0068 2.02264 17.9702 1.83976C17.8749 1.36239 17.5805 0.9754 17.154 0.766917C17.0135 0.698272 16.8869 0.65716 16.7148 0.624321L16.6356 0.609216L9.07916 0.608028C4.92314 0.607372 1.49684 0.609525 1.46516 0.612801ZM1.50836 1.60318C1.41201 1.62357 1.30167 1.67951 1.22376 1.74746C1.1341 1.82566 1.07795 1.90198 1.03307 2.00666C0.983957 2.12121 0.986362 2.05572 0.986362 3.27946V4.38496H9.00011H17.0139L17.0118 3.20956L17.0098 2.03416L16.9935 1.98132C16.9361 1.79565 16.8096 1.66908 16.6236 1.61136L16.5708 1.59496L9.06476 1.59374C2.45827 1.59266 1.55272 1.59379 1.50836 1.60318ZM0.00348951 3.53176C0.00348951 4.31188 0.00433191 4.63209 0.00536151 4.24334C0.00639111 3.85458 0.00639111 3.2163 0.00536151 2.82494C0.00433191 2.43357 0.00348951 2.75164 0.00348951 3.53176ZM1.17022 6.96291C1.06134 6.97994 0.984065 7.02079 0.899818 7.10583C0.852154 7.15395 0.831641 7.18141 0.807823 7.22896C0.75072 7.34299 0.755566 6.96436 0.757819 11.1331C0.759713 14.6528 0.760577 14.8772 0.772485 14.9654C0.823764 15.3447 0.90125 15.6037 1.0547 15.9086C1.19313 16.1836 1.3294 16.3711 1.55483 16.5965C1.78027 16.8219 1.96771 16.9582 2.24276 17.0966C2.55868 17.2556 2.84581 17.3391 3.22556 17.3823C3.34822 17.3963 14.6517 17.3963 14.7744 17.3823C15.1541 17.3391 15.4412 17.2556 15.7572 17.0966C16.0322 16.9582 16.2197 16.8219 16.4451 16.5965C16.6705 16.3711 16.8067 16.1837 16.9452 15.9086C17.0966 15.6078 17.178 15.3358 17.2276 14.9654C17.2393 14.8777 17.2402 14.6362 17.2421 11.1331C17.2444 6.9648 17.2492 7.34316 17.1922 7.22896C17.1678 7.18002 17.1486 7.15474 17.0966 7.10277C17.0251 7.03129 16.963 6.99444 16.8768 6.97211C16.8132 6.95566 16.6871 6.95601 16.6248 6.97281C16.4619 7.01665 16.3253 7.1517 16.2745 7.31896C16.262 7.36042 16.2613 7.51318 16.2573 11.1026C16.2528 15.1645 16.2559 14.8535 16.2175 15.0338C16.0588 15.7794 15.4589 16.3172 14.6952 16.3985C14.5487 16.414 3.45122 16.414 3.30476 16.3985C2.54082 16.3172 1.94119 15.7797 1.7824 15.0338C1.74402 14.8535 1.74717 15.1645 1.74265 11.1026C1.73865 7.51318 1.73796 7.36042 1.72538 7.31896C1.67525 7.15364 1.53538 7.01468 1.37827 6.97412C1.32197 6.95959 1.2249 6.95436 1.17022 6.96291ZM8.91356 7.80536C8.74723 7.84848 8.60677 7.98553 8.55955 8.15076C8.55221 8.17646 8.54959 8.64239 8.54656 10.4593L8.54276 12.7357L7.74004 11.9077C7.1027 11.2503 6.9265 11.0725 6.88479 11.0446C6.75889 10.9604 6.58112 10.9426 6.43676 10.9997C6.3723 11.0252 6.31916 11.0615 6.26396 11.1176C6.17349 11.2095 6.13435 11.3013 6.12907 11.4338C6.12674 11.492 6.12904 11.5319 6.13681 11.5684C6.14958 11.6284 6.18889 11.7111 6.22682 11.7578C6.25749 11.7955 8.51598 14.1278 8.65679 14.2672C8.73449 14.3441 8.76194 14.3663 8.80916 14.3907C8.88867 14.4318 8.94446 14.4453 9.03596 14.4455C9.15151 14.4457 9.24369 14.4163 9.32848 14.3523C9.38875 14.3068 11.8329 11.7825 11.8685 11.729C11.9534 11.6014 11.9731 11.4409 11.9223 11.2906C11.8865 11.1846 11.7831 11.0696 11.6764 11.0172C11.5011 10.9311 11.2844 10.9567 11.1436 11.0802C11.1228 11.0984 10.7527 11.4775 10.3211 11.9225L9.53636 12.7316L9.53261 10.4645C9.52904 8.30946 9.52821 8.19522 9.51591 8.15416C9.48888 8.06395 9.45463 8.00709 9.38544 7.93757C9.33262 7.88449 9.30883 7.8665 9.25916 7.84204C9.2255 7.82547 9.17528 7.80716 9.14756 7.80135C9.07721 7.78664 8.9793 7.78831 8.91356 7.80536Z" fill="#2F463F"/>
 </svg>
diff --git a/packages/icons/src/solid/redirect.svg b/packages/icons/src/solid/redirect.svg
new file mode 100644
index 000000000..947d9468b
--- /dev/null
+++ b/packages/icons/src/solid/redirect.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M11.3474 0.0110879C11.2175 0.0390527 11.0856 0.141746 11.0209 0.265356C10.9792 0.34506 10.9697 0.387345 10.9701 0.493113C10.9703 0.574862 10.9728 0.594079 10.9896 0.644875C11.0405 0.798494 11.1679 0.920109 11.3294 0.969278C11.3708 0.981864 11.4773 0.982584 13.8359 0.986169L16.2992 0.989913L11.4356 5.77431C8.76062 8.40573 6.55644 10.5772 6.53742 10.5999C6.45997 10.6921 6.42594 10.7997 6.43202 10.9331C6.43826 11.0698 6.4778 11.1579 6.5775 11.2571C6.67579 11.355 6.78086 11.3977 6.92237 11.3973C7.03124 11.3971 7.09819 11.378 7.18505 11.3225C7.21859 11.3011 8.55691 9.98885 12.1206 6.48311L17.0102 1.67311L17.0138 4.09991C17.0172 6.39475 17.0181 6.52906 17.0302 6.56991C17.0689 6.70108 17.1574 6.81211 17.2773 6.87992C17.4027 6.95081 17.6035 6.95199 17.7337 6.88259C17.8623 6.81403 17.963 6.68462 17.9872 6.55648C17.995 6.51562 17.9972 7.4117 18.0002 11.7225L18.0038 16.9379L18.0046 11.1707C18.005 7.99875 18.0034 4.27437 18.001 2.89431L17.9966 0.385113L17.9773 0.332301C17.949 0.254815 17.9169 0.204948 17.856 0.144101C17.7952 0.0832462 17.7453 0.0511055 17.6678 0.0228023L17.615 0.00351346L14.5046 0.00226786C11.8634 0.00120226 11.3872 0.00253426 11.3474 0.0110879ZM1.03342 3.78782C0.628009 3.83026 0.268844 4.09002 0.103064 4.46067C0.0713772 4.53151 0.052218 4.58703 0.0274212 4.67991L0.0110844 4.74111L0.0088884 10.8575C0.00729 15.3338 0.0088596 16.9884 0.014742 17.0279C0.0495252 17.2616 0.165251 17.4878 0.338814 17.6613C0.506077 17.8286 0.698749 17.9303 0.950274 17.984C0.999961 17.9946 1.52358 17.9958 7.05982 17.998C11.4145 17.9998 13.1352 17.9983 13.187 17.9926C13.5768 17.9499 13.9103 17.7212 14.0897 17.3735C14.1624 17.2326 14.1987 17.1063 14.2131 16.9443C14.2184 16.8852 14.2201 15.6147 14.2187 12.8339L14.2166 8.80911L14.2004 8.76231C14.1425 8.5954 14.0198 8.47607 13.8602 8.43146C13.7854 8.41058 13.6686 8.41058 13.5939 8.43146C13.4304 8.47713 13.3008 8.60656 13.2499 8.77499C13.2381 8.81393 13.2372 9.04915 13.2338 12.8555L13.2302 16.8947L13.2142 16.9246C13.1948 16.9609 13.1527 16.9969 13.1186 17.0064C13.1024 17.0109 10.9678 17.0134 7.10459 17.0135C1.71044 17.0135 1.1131 17.0124 1.08899 17.0023C1.05359 16.9876 1.01681 16.9519 1.0003 16.9163C0.987318 16.8883 0.986929 16.717 0.986778 10.8915C0.986648 5.87714 0.988211 4.89166 0.996325 4.87228C1.01207 4.83472 1.04472 4.80143 1.08352 4.78336L1.11982 4.76646L5.12779 4.76639C9.58377 4.76631 9.19501 4.77094 9.30622 4.7166C9.48477 4.62936 9.58374 4.4712 9.58374 4.27311C9.58374 4.05091 9.45527 3.8751 9.23782 3.79973L9.19102 3.78351L5.14102 3.78265C2.91352 3.78217 1.0651 3.7845 1.03342 3.78782Z" fill="#0C1F22"/>
+</svg>
diff --git a/packages/icons/src/solid/restore.svg b/packages/icons/src/solid/restore.svg
new file mode 100644
index 000000000..be7eb282d
--- /dev/null
+++ b/packages/icons/src/solid/restore.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.79132 1.12812C1.22949 1.24851 0.765123 1.67277 0.596337 2.2199C0.528981 2.4382 0.519477 2.67623 0.525417 3.99626C0.530961 5.23241 0.531483 5.24822 0.569643 5.32826C0.614877 5.42316 0.676041 5.49055 0.778497 5.55836L0.852405 5.60726H9.00003H17.1477L17.2216 5.55836C17.324 5.49055 17.3852 5.42316 17.4304 5.32826C17.4686 5.24814 17.4691 5.23338 17.4745 3.96026C17.4779 3.15887 17.4729 2.59426 17.4611 2.46387C17.4309 2.13038 17.3404 1.88907 17.1601 1.66188C16.9224 1.36229 16.6046 1.17467 16.2388 1.11792C16.1487 1.10393 14.061 1.09869 9.01458 1.09974C2.78494 1.10102 1.90166 1.10449 1.79132 1.12812ZM1.99659 2.08844C1.82563 2.11739 1.64633 2.25681 1.56332 2.4254L1.52103 2.51126L1.51612 3.57776L1.51121 4.64426H8.99962H16.488L16.4872 3.55976C16.4864 2.40074 16.4872 2.41203 16.3955 2.27638C16.3337 2.18512 16.231 2.12088 16.1043 2.09433C16.0142 2.07545 14.668 2.07134 9.03603 2.07275C5.20968 2.07372 2.04194 2.08077 1.99659 2.08844ZM1.58481 7.11271C1.46795 7.1711 1.38207 7.26614 1.3379 7.38595C1.30426 7.47721 1.30581 14.4594 1.33952 14.6793C1.43015 15.2703 1.67627 15.7578 2.08962 16.1649C2.49156 16.5607 3.04414 16.8198 3.62183 16.8831C3.86616 16.9099 14.2059 16.9099 14.4502 16.8831C15.6012 16.7569 16.5005 15.9196 16.7179 14.7717C16.7468 14.6193 16.749 14.3448 16.749 11.0073C16.749 7.55452 16.7477 7.40454 16.7161 7.34104C16.6337 7.17539 16.4479 7.05675 16.2704 7.05644C16.0792 7.0561 15.8749 7.1988 15.8112 7.37711C15.7921 7.43079 15.7874 8.09121 15.7867 10.8813C15.7861 13.1172 15.7792 14.3759 15.7672 14.4813C15.7402 14.7168 15.7054 14.8371 15.6053 15.0393C15.3807 15.4933 14.9648 15.803 14.454 15.8965C14.2503 15.9339 3.79535 15.9334 3.60903 15.896C2.97727 15.7694 2.51237 15.3396 2.34272 14.7254L2.29516 14.5533L2.28609 10.9803C2.27725 7.49199 2.27621 7.40559 2.24217 7.33701C2.16102 7.17344 1.97645 7.05675 1.79841 7.05644C1.72141 7.0563 1.67126 7.06951 1.58481 7.11271ZM8.8813 7.86207C8.83085 7.8801 8.75795 7.92023 8.71931 7.95122C8.68066 7.98222 8.1372 8.52051 7.51165 9.14743C6.2555 10.4063 6.28176 10.3754 6.28301 10.5933C6.28412 10.7897 6.3687 10.9334 6.5372 11.0254C6.61678 11.0688 6.6544 11.0778 6.75903 11.0781C6.98266 11.0788 6.97775 11.0827 7.80661 10.256L8.54946 9.51522L8.55424 11.6562L8.55903 13.7973L8.59824 13.8705C8.65018 13.9675 8.75919 14.0638 8.86132 14.1028C8.98862 14.1514 9.1683 14.1358 9.28056 14.0664C9.38251 14.0034 9.47683 13.8873 9.5032 13.7923C9.51555 13.7479 9.52187 13.0147 9.52192 11.6199L9.52203 9.51465L10.2652 10.2557C11.0947 11.0831 11.0896 11.0791 11.313 11.0777C11.4934 11.0767 11.6214 11.0049 11.7217 10.8486C11.7697 10.7737 11.7792 10.7399 11.785 10.6229C11.7907 10.5072 11.7852 10.4716 11.7504 10.3996C11.6918 10.2784 9.35127 7.93252 9.23718 7.88073C9.12439 7.82952 8.99182 7.82258 8.8813 7.86207Z" fill="#2F463F"/>
+</svg>