diff --git a/merged_tokens.json b/merged_tokens.json
index ac48b28bc..59999c961 100644
--- a/merged_tokens.json
+++ b/merged_tokens.json
@@ -6663,6 +6663,10 @@
   },
   "$themes": [],
   "$metadata": {
-    "tokenSetOrder": ["core", "global", "component"]
+    "tokenSetOrder": [
+      "core",
+      "global",
+      "component"
+    ]
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 39ef3dee5..fe8bf84ff 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.22.15",
+    "@babel/plugin-transform-export-namespace-from": "^7.23.3",
     "better-spawn": "^1.0.4",
     "chalk": "^4.1.1",
     "chromatic": "^6.11.4",
diff --git a/packages/components/babel.config.js b/packages/components/babel.config.js
index 32057f3f3..d05715c3e 100644
--- a/packages/components/babel.config.js
+++ b/packages/components/babel.config.js
@@ -27,7 +27,7 @@ module.exports = {
     '@babel/plugin-syntax-dynamic-import',
     '@babel/plugin-syntax-import-meta',
     // '@babel/plugin-proposal-class-properties',
-    '@babel/plugin-proposal-export-namespace-from',
+    // '@babel/plugin-proposal-export-namespace-from',
     '@babel/plugin-proposal-export-default-from',
   ],
 };
diff --git a/packages/components/src/ThemeProvider.js b/packages/components/src/ThemeProvider.js
index a84f3a0ea..f42265241 100644
--- a/packages/components/src/ThemeProvider.js
+++ b/packages/components/src/ThemeProvider.js
@@ -2,9 +2,9 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { MantineProvider } from '@mantine/core';
 import { Helmet } from 'react-helmet';
+import { isEmpty, isObject } from 'lodash';
 import { COLORS, FONT_SIZES, SPACING, SHADOWS } from './theme.tokens';
 import figmaTokens from './tokens.compiled';
-import { isEmpty, isObject } from 'lodash';
 
 export const BUBBLES_THEME = {
   colorScheme: 'light',
@@ -67,9 +67,9 @@ const ThemeProvider = ({ children, theme }) => {
     <>
       <Helmet>
         <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
         <link
-          href="https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;300;400;500;600&display=swap"
+          href="https://fonts.bunny.net/css?family=albert-sans:100,300,400,500,600"
           rel="stylesheet"
         />
       </Helmet>
diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js
index ede2a2d5d..d1d09735d 100644
--- a/packages/components/src/tokens.compiled.js
+++ b/packages/components/src/tokens.compiled.js
@@ -1,6761 +1,6761 @@
 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: 400,
-          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: '8px',
-            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: '#b4e600cc',
-          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": 400,
+          "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": "8px",
+            "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": "#b4e600cc",
+          "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"
+      }
+    }
   },
-  buttonText: {
-    content: {
-      color: {
-        primary: {
-          default: {
-            value: '#B4E600',
-            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: 400,
-          lineHeight: '24px',
-          fontSize: '14px',
-          textDecoration: 'underline',
-        },
-        type: 'typography',
-      },
-      hover: {
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 500,
-          lineHeight: '24px',
-          fontSize: '14px',
-          textDecoration: 'underline',
-        },
-        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',
-      },
-    },
+  "buttonText": {
+    "content": {
+      "color": {
+        "primary": {
+          "default": {
+            "value": "#B4E600",
+            "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": 400,
+          "lineHeight": "24px",
+          "fontSize": "14px",
+          "textDecoration": "underline"
+        },
+        "type": "typography"
+      },
+      "hover": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 500,
+          "lineHeight": "24px",
+          "fontSize": "14px",
+          "textDecoration": "underline"
+        },
+        "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',
-          },
-        },
-        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',
+  "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"
+          }
+        },
+        "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": "#b4e600cc",
+          "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"
+          },
+          "down--reverse": {
+            "value": "#878D96",
+            "type": "color"
+          },
+          "hover--reverse-transparent": {
+            "value": "#ffffff26",
+            "type": "color"
+          },
+          "down": {
+            "value": "#F1FFBD",
+            "type": "color"
+          }
+        },
+        "phatic": {
+          "default": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#f7dede",
+            "type": "color"
+          },
+          "down": {
+            "value": "#f7dede",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "primary": {
+          "default": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#F1FFBD",
+            "type": "color"
+          },
+          "down": {
+            "value": "#B4E600",
+            "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"
+          }
+        }
+      },
+      "width": {
+        "value": "1px",
+        "type": "borderWidth"
+      },
+      "radius": {
+        "md": {
+          "value": "4px",
+          "type": "borderRadius"
+        },
+        "rounded": {
+          "value": "99em",
+          "type": "borderRadius"
+        }
+      }
+    },
+    "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"
+        },
+        "selected": {
+          "value": "#B4E600",
+          "type": "color"
+        },
+        "placeholder": {
+          "value": "#878D96",
+          "type": "color"
+        },
+        "icon": {
+          "value": "#4D5358",
+          "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"
+          },
+          "sm": {
+            "value": "3px",
+            "type": "spacing"
+          }
+        },
+        "horizontal": {
+          "sm": {
+            "value": "4px",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "8px",
+            "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": "20px",
+            "fontSize": "14px"
+          },
+          "type": "typography"
+        }
+      }
+    }
+  },
+  "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": {
+        "text": {
+          "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"
+        },
+        "hover": {
+          "value": "#2F463F",
+          "type": "color"
+        },
+        "selected": {
+          "value": "#2F463F",
+          "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": "#2f463fcc",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      }
+    },
+    "label": {
+      "content": {
+        "typo": {
+          "value": {
+            "fontFamily": "Albert Sans",
+            "fontWeight": 400,
+            "lineHeight": "20px",
+            "fontSize": "14px"
+          },
+          "type": "typography"
+        }
+      }
+    }
+  },
+  "checkbox": {
+    "size": {
+      "md": {
+        "value": "20px",
+        "type": "sizing"
+      }
+    },
+    "content": {
+      "color": {
+        "default": {
+          "value": "transparent",
+          "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"
+        },
+        "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"
+        }
+      }
+    }
+  },
+  "toggle": {
+    "size": {
+      "inner": {
+        "value": "8 px",
+        "type": "sizing"
+      },
+      "width": {
+        "value": "32px",
+        "type": "sizing"
+      }
+    },
+    "spacing": {
+      "padding": {
+        "value": "6px 4px",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "8px",
+        "type": "spacing"
+      }
+    },
+    "content": {
+      "color": {
+        "default": {
+          "value": "#B4E600",
+          "type": "color"
+        },
+        "selected": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#E2FF7A",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "color": {
+        "unselected": {
+          "default": {
+            "value": "#DDE1E6",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#E2FF7A",
+            "type": "color"
+          }
+        },
+        "selected": {
+          "default": {
+            "value": "#B4E600",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#98C200",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "border": {
+      "radius": {
+        "value": "99em",
+        "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": {
+          "default": {
+            "value": "#307AE8",
+            "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"
+      }
+    },
+    "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"
+        }
+      }
+    }
+  },
+  "avatar": {
+    "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"
+      }
+    },
+    "content": {
+      "typo": {
+        "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": {
+        "default": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "color": {
+        "10": {
+          "value": "#EC62D8",
+          "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"
+        }
+      }
+    },
+    "border": {
+      "radius": {
+        "circle": {
+          "value": "50%",
+          "type": "borderRadius"
+        },
+        "md": {
+          "value": "4px",
+          "type": "borderRadius"
+        }
+      }
+    }
+  },
+  "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": "24px",
+            "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"
+      }
+    }
+  },
+  "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"
       },
-      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',
+      "top": {
+        "value": [
+          {
+            "x": 0,
+            "y": 100,
+            "blur": 60,
+            "spread": 0,
+            "color": "#dde1e614",
+            "type": "dropShadow"
           },
-        },
-        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: '#b4e600cc',
-          type: 'dropShadow',
-        },
-        type: 'boxShadow',
-      },
-    },
+          {
+            "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"
+      }
+    }
   },
-  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',
-          },
-          'down--reverse': {
-            value: '#878D96',
-            type: 'color',
-          },
-          'hover--reverse-transparent': {
-            value: '#ffffff26',
-            type: 'color',
-          },
-          down: {
-            value: '#F1FFBD',
-            type: 'color',
-          },
-        },
-        phatic: {
-          default: {
-            value: 'transparent',
-            type: 'color',
-          },
-          hover: {
-            value: '#f7dede',
-            type: 'color',
-          },
-          down: {
-            value: '#f7dede',
-            type: 'color',
-          },
-        },
-      },
-    },
-    border: {
-      color: {
-        primary: {
-          default: {
-            value: 'transparent',
-            type: 'color',
-          },
-          hover: {
-            value: '#F1FFBD',
-            type: 'color',
-          },
-          down: {
-            value: '#B4E600',
-            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',
-          },
-        },
-      },
-      width: {
-        value: '1px',
-        type: 'borderWidth',
-      },
-      radius: {
-        md: {
-          value: '4px',
-          type: 'borderRadius',
-        },
-        rounded: {
-          value: '99em',
-          type: 'borderRadius',
-        },
-      },
-    },
-    spacing: {
-      padding: {
-        sm: {
-          value: '2px',
-          type: 'spacing',
-        },
-        md: {
-          value: '4px',
-          type: 'spacing',
-        },
-      },
-      gap: {
-        value: '4px',
-        type: 'spacing',
-      },
-    },
+  "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",
+          "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"
+      }
+    }
   },
-  input: {
-    content: {
-      color: {
-        default: {
-          value: '#343A3F',
-          type: 'color',
-        },
-        selected: {
-          value: '#B4E600',
-          type: 'color',
-        },
-        placeholder: {
-          value: '#878D96',
-          type: 'color',
-        },
-        icon: {
-          value: '#4D5358',
-          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',
-          },
-          sm: {
-            value: '3px',
-            type: 'spacing',
-          },
-        },
-        horizontal: {
-          sm: {
-            value: '4px',
-            type: 'spacing',
-          },
-          md: {
-            value: '8px',
-            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',
-        },
-      },
-    },
+  "divider": {
+    "size": {
+      "sm": {
+        "value": "1px",
+        "type": "sizing"
+      }
+    },
+    "background": {
+      "color": {
+        "default": {
+          "value": "#DDE1E6",
+          "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: '20px',
-            fontSize: '14px',
-          },
-          type: 'typography',
-        },
-      },
-    },
+  "tab": {
+    "content": {
+      "color": {
+        "default": {
+          "value": "#0C1F22",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#343A3F",
+          "type": "color"
+        },
+        "down": {
+          "value": "#B4E600",
+          "type": "color"
+        }
+      },
+      "typo": {
+        "sm": {
+          "value": "{global.content.typo.body.sm}",
+          "type": "typography"
+        },
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 400,
+          "lineHeight": "20px",
+          "fontSize": "14px"
+        },
+        "type": "typography"
+      }
+    },
+    "border": {
+      "color": {
+        "hover": {
+          "value": "#DDE1E6",
+          "type": "color"
+        },
+        "selected": {
+          "value": "#B4E600",
+          "type": "color"
+        },
+        "content": {
+          "value": "#DDE1E6",
+          "type": "color"
+        },
+        "default": {
+          "value": "transparent",
+          "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": "8px",
+          "type": "spacing"
+        }
+      }
+    }
   },
-  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',
-      },
-    },
+  "segmentedControl": {
+    "content": {
+      "typo": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 400,
+          "lineHeight": "20px",
+          "fontSize": "14px"
+        },
+        "type": "typography"
+      },
+      "color": {
+        "default": {
+          "value": "#4D5358",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#343A3F",
+          "type": "color"
+        },
+        "down": {
+          "value": "#B4E600",
+          "type": "color"
+        }
+      }
+    },
+    "spacing": {
+      "padding": {
+        "value": "16px",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "8px",
+        "type": "spacing"
+      }
+    },
+    "background": {
+      "color": {
+        "default": {
+          "value": "#F8F9FB",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#F1FFBD",
+          "type": "color"
+        },
+        "selected": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "radius": {
+        "value": "4px",
+        "type": "borderRadius"
+      },
+      "color": {
+        "default": {
+          "value": "#F8F9FB",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#C1C7CD",
+          "type": "color"
+        },
+        "selected": {
+          "value": "#B4E600",
+          "type": "color"
+        }
+      },
+      "width": {
+        "value": "1px",
+        "type": "borderWidth"
+      }
+    }
   },
-  radio: {
-    size: {
-      sm: {
-        value: '10px',
-        type: 'sizing',
-      },
-      md: {
-        value: '20px',
-        type: 'sizing',
-      },
-    },
-    content: {
-      color: {
-        text: {
-          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',
-        },
-        hover: {
-          value: '#2F463F',
-          type: 'color',
-        },
-        selected: {
-          value: '#2F463F',
-          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: '#2f463fcc',
-          type: 'dropShadow',
-        },
-        type: 'boxShadow',
-      },
-    },
-    label: {
-      content: {
-        typo: {
-          value: {
-            fontFamily: 'Albert Sans',
-            fontWeight: 400,
-            lineHeight: '20px',
-            fontSize: '14px',
-          },
-          type: 'typography',
-        },
-      },
-    },
+  "dropzone": {
+    "spacing": {
+      "padding": {
+        "value": "24px",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "8px",
+        "type": "spacing"
+      }
+    },
+    "content": {
+      "color": {
+        "default": {
+          "value": "#4D5358",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#98C200",
+          "type": "color"
+        },
+        "default--subtle": {
+          "value": "#878D96",
+          "type": "color"
+        },
+        "default--icon": {
+          "value": "#E2FF7A",
+          "type": "color"
+        },
+        "check--icon": {
+          "value": "#5cbc6a",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "color": {
+        "default": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#F1FFBD",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "default": {
+          "value": "#E2FF7A",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#98C200",
+          "type": "color"
+        }
+      },
+      "radius": {
+        "value": "4px",
+        "type": "borderRadius"
+      },
+      "width": {
+        "value": "1px",
+        "type": "borderWidth"
+      }
+    }
   },
-  checkbox: {
-    size: {
-      md: {
-        value: '20px',
-        type: 'sizing',
-      },
-    },
-    content: {
-      color: {
-        default: {
-          value: 'transparent',
-          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',
-        },
-        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',
-        },
-      },
-    },
+  "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"
+      }
+    }
   },
-  toggle: {
-    size: {
-      inner: {
-        value: '8 px',
-        type: 'sizing',
-      },
-      width: {
-        value: '32px',
-        type: 'sizing',
-      },
-    },
-    spacing: {
-      padding: {
-        value: '6px 4px',
-        type: 'spacing',
-      },
-      gap: {
-        value: '8px',
-        type: 'spacing',
-      },
-    },
-    content: {
-      color: {
-        default: {
-          value: '#B4E600',
-          type: 'color',
-        },
-        selected: {
-          value: '#ffffff',
-          type: 'color',
-        },
-        hover: {
-          value: '#E2FF7A',
-          type: 'color',
-        },
-      },
-    },
-    background: {
-      color: {
-        unselected: {
-          default: {
-            value: '#DDE1E6',
-            type: 'color',
-          },
-          hover: {
-            value: '#E2FF7A',
-            type: 'color',
-          },
-        },
-        selected: {
-          default: {
-            value: '#B4E600',
-            type: 'color',
-          },
-          hover: {
-            value: '#98C200',
-            type: 'color',
-          },
-        },
-      },
-    },
-    border: {
-      radius: {
-        value: '99em',
-        type: 'borderRadius',
-      },
-    },
+  "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"
+      }
+    }
   },
-  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: {
-          default: {
-            value: '#307AE8',
-            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',
-      },
-    },
-    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',
-        },
-      },
-    },
+  "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"
+      }
+    }
   },
-  avatar: {
-    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',
-      },
-    },
-    content: {
-      typo: {
-        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: {
-        default: {
-          value: '#ffffff',
-          type: 'color',
-        },
-      },
-    },
-    background: {
-      color: {
-        10: {
-          value: '#EC62D8',
-          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',
-        },
-      },
-    },
-    border: {
-      radius: {
-        circle: {
-          value: '50%',
-          type: 'borderRadius',
-        },
-        md: {
-          value: '4px',
-          type: 'borderRadius',
-        },
-      },
-    },
+  "tree": {
+    "content": {
+      "typo": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 400,
+          "fontSize": "14px",
+          "lineHeight": "24px"
+        },
+        "type": "typography"
+      },
+      "color": {
+        "default": {
+          "value": "#4D5358",
+          "type": "color"
+        }
+      }
+    },
+    "spacing": {
+      "gap": {
+        "sm": {
+          "value": "4px",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "8px",
+          "type": "spacing"
+        }
+      },
+      "padding": {
+        "vertical": {
+          "value": "3px",
+          "type": "spacing"
+        },
+        "horizontal": {
+          "value": "8px",
+          "type": "spacing"
+        }
+      }
+    },
+    "border": {
+      "width": {
+        "value": "1px",
+        "type": "borderWidth"
+      },
+      "color": {
+        "default": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#DDE1E6",
+          "type": "color"
+        },
+        "default-alt": {
+          "value": "#B4E600",
+          "type": "color"
+        },
+        "hover-alt": {
+          "value": "#878D96",
+          "type": "color"
+        }
+      },
+      "radius": {
+        "value": "4px",
+        "type": "borderRadius"
+      }
+    },
+    "background": {
+      "color": {
+        "default": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#F8F9FB",
+          "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',
-      },
-    },
+  "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"
+        }
+      }
+    }
   },
-  calendar: {
-    content: {
-      typo: {
-        md: {
-          value: {
-            fontFamily: 'Albert Sans',
-            fontWeight: 500,
-            lineHeight: '24px',
-            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',
-      },
-    },
+  "breadcrumb": {
+    "spacing": {
+      "gap": {
+        "value": "8px",
+        "type": "spacing"
+      }
+    }
   },
-  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',
-      },
-    },
+  "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"
+        }
+      }
+    }
   },
-  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',
-      },
-    },
+  "tooltip": {
+    "content": {
+      "typo": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 500,
+          "lineHeight": 20,
+          "fontSize": 14
+        },
+        "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": "#ffffff",
+          "type": "color"
+        }
+      }
+    },
+    "spacing": {
+      "padding": {
+        "vertical": {
+          "sm": {
+            "value": "4px",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "12px",
+            "type": "spacing"
+          }
+        },
+        "horizontal": {
+          "sm": {
+            "value": "8px",
+            "type": "spacing"
+          },
+          "md": {
+            "value": "12px",
+            "type": "spacing"
+          }
+        }
+      },
+      "gap": {
+        "value": "16px",
+        "type": "spacing"
+      }
+    },
+    "border": {
+      "radius": {
+        "value": "2px",
+        "type": "borderRadius"
+      }
+    }
   },
-  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',
-          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',
-      },
-    },
+  "banner": {
+    "content": {
+      "typo": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 500,
+          "lineHeight": "24px",
+          "fontSize": "14px"
+        },
+        "type": "typography"
+      },
+      "typo--bold": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 500,
+          "lineHeight": "24px",
+          "fontSize": "14px"
+        },
+        "type": "typography"
+      },
+      "color": {
+        "default": {
+          "value": "#4D5358",
+          "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": "16px",
+        "type": "spacing"
+      }
+    },
+    "background": {
+      "color": {
+        "success": {
+          "value": "#e4f4e6",
+          "type": "color"
+        },
+        "error": {
+          "value": "#f7dede",
+          "type": "color"
+        },
+        "warning": {
+          "value": "#fef3e1",
+          "type": "color"
+        },
+        "info": {
+          "value": "#F1FFBD",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "radius": {
+        "value": "4px",
+        "type": "borderRadius"
+      }
+    }
   },
-  divider: {
-    size: {
-      sm: {
-        value: '1px',
-        type: 'sizing',
-      },
-    },
-    background: {
-      color: {
-        default: {
-          value: '#DDE1E6',
-          type: 'color',
-        },
-      },
-    },
+  "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": {
+        "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": "99em",
+        "type": "borderRadius"
+      }
+    },
+    "spacing": {
+      "padding": {
+        "horizontal": {
+          "sm": {
+            "value": "8px",
+            "type": "spacing"
+          }
+        },
+        "vertical": {
+          "sm": {
+            "value": "3px",
+            "type": "spacing"
+          }
+        }
+      }
+    }
   },
-  tab: {
-    content: {
-      color: {
-        default: {
-          value: '#0C1F22',
-          type: 'color',
-        },
-        hover: {
-          value: '#343A3F',
-          type: 'color',
-        },
-        down: {
-          value: '#B4E600',
-          type: 'color',
-        },
-      },
-      typo: {
-        sm: {
-          value: '{global.content.typo.body.sm}',
-          type: 'typography',
-        },
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 400,
-          lineHeight: '20px',
-          fontSize: '14px',
-        },
-        type: 'typography',
-      },
-    },
-    border: {
-      color: {
-        hover: {
-          value: '#DDE1E6',
-          type: 'color',
-        },
-        selected: {
-          value: '#B4E600',
-          type: 'color',
-        },
-        content: {
-          value: '#DDE1E6',
-          type: 'color',
-        },
-        default: {
-          value: 'transparent',
-          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: '8px',
-          type: 'spacing',
-        },
-      },
-    },
+  "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"
+      }
+    }
   },
-  segmentedControl: {
-    content: {
-      typo: {
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 400,
-          lineHeight: '20px',
-          fontSize: '14px',
-        },
-        type: 'typography',
-      },
-      color: {
-        default: {
-          value: '#4D5358',
-          type: 'color',
-        },
-        hover: {
-          value: '#343A3F',
-          type: 'color',
-        },
-        down: {
-          value: '#B4E600',
-          type: 'color',
-        },
-      },
-    },
-    spacing: {
-      padding: {
-        value: '16px',
-        type: 'spacing',
-      },
-      gap: {
-        value: '8px',
-        type: 'spacing',
-      },
-    },
-    background: {
-      color: {
-        default: {
-          value: '#F8F9FB',
-          type: 'color',
-        },
-        hover: {
-          value: '#F1FFBD',
-          type: 'color',
-        },
-        selected: {
-          value: '#ffffff',
-          type: 'color',
-        },
-      },
-    },
-    border: {
-      radius: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      color: {
-        default: {
-          value: '#F8F9FB',
-          type: 'color',
-        },
-        hover: {
-          value: '#C1C7CD',
-          type: 'color',
-        },
-        selected: {
-          value: '#B4E600',
-          type: 'color',
-        },
-      },
-      width: {
-        value: '1px',
-        type: 'borderWidth',
-      },
-    },
-  },
-  dropzone: {
-    spacing: {
-      padding: {
-        value: '24px',
-        type: 'spacing',
-      },
-      gap: {
-        value: '8px',
-        type: 'spacing',
-      },
-    },
-    content: {
-      color: {
-        default: {
-          value: '#4D5358',
-          type: 'color',
-        },
-        hover: {
-          value: '#98C200',
-          type: 'color',
-        },
-        'default--subtle': {
-          value: '#878D96',
-          type: 'color',
-        },
-        'default--icon': {
-          value: '#E2FF7A',
-          type: 'color',
-        },
-        'check--icon': {
-          value: '#5cbc6a',
-          type: 'color',
-        },
-      },
-    },
-    background: {
-      color: {
-        default: {
-          value: '#ffffff',
-          type: 'color',
-        },
-        hover: {
-          value: '#F1FFBD',
-          type: 'color',
-        },
-      },
-    },
-    border: {
-      color: {
-        default: {
-          value: '#E2FF7A',
-          type: 'color',
-        },
-        hover: {
-          value: '#98C200',
-          type: 'color',
-        },
-      },
-      radius: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      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: '14px',
-          lineHeight: '24px',
-        },
-        type: 'typography',
-      },
-      color: {
-        default: {
-          value: '#4D5358',
-          type: 'color',
-        },
-      },
-    },
-    spacing: {
-      gap: {
-        sm: {
-          value: '4px',
-          type: 'spacing',
-        },
-        md: {
-          value: '8px',
-          type: 'spacing',
-        },
-      },
-      padding: {
-        vertical: {
-          value: '3px',
-          type: 'spacing',
-        },
-        horizontal: {
-          value: '8px',
-          type: 'spacing',
-        },
-      },
-    },
-    border: {
-      width: {
-        value: '1px',
-        type: 'borderWidth',
-      },
-      color: {
-        default: {
-          value: '#ffffff',
-          type: 'color',
-        },
-        hover: {
-          value: '#DDE1E6',
-          type: 'color',
-        },
-        'default-alt': {
-          value: '#B4E600',
-          type: 'color',
-        },
-        'hover-alt': {
-          value: '#878D96',
-          type: 'color',
-        },
-      },
-      radius: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-    },
-    background: {
-      color: {
-        default: {
-          value: '#ffffff',
-          type: 'color',
-        },
-        hover: {
-          value: '#F8F9FB',
-          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: 500,
-          lineHeight: 20,
-          fontSize: 14,
-        },
-        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: '#ffffff',
-          type: 'color',
-        },
-      },
-    },
-    spacing: {
-      padding: {
-        vertical: {
-          sm: {
-            value: '4px',
-            type: 'spacing',
-          },
-          md: {
-            value: '12px',
-            type: 'spacing',
-          },
-        },
-        horizontal: {
-          sm: {
-            value: '8px',
-            type: 'spacing',
-          },
-          md: {
-            value: '12px',
-            type: 'spacing',
-          },
-        },
-      },
-      gap: {
-        value: '16px',
-        type: 'spacing',
-      },
-    },
-    border: {
-      radius: {
-        value: '2px',
-        type: 'borderRadius',
-      },
-    },
-  },
-  banner: {
-    content: {
-      typo: {
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 500,
-          lineHeight: '24px',
-          fontSize: '14px',
-        },
-        type: 'typography',
-      },
-      'typo--bold': {
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 500,
-          lineHeight: '24px',
-          fontSize: '14px',
-        },
-        type: 'typography',
-      },
-      color: {
-        default: {
-          value: '#4D5358',
-          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: '16px',
-        type: 'spacing',
-      },
-    },
-    background: {
-      color: {
-        success: {
-          value: '#e4f4e6',
-          type: 'color',
-        },
-        error: {
-          value: '#f7dede',
-          type: 'color',
-        },
-        warning: {
-          value: '#fef3e1',
-          type: 'color',
-        },
-        info: {
-          value: '#F1FFBD',
-          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: {
-        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: '99em',
-        type: 'borderRadius',
-      },
-    },
-    spacing: {
-      padding: {
-        horizontal: {
-          sm: {
-            value: '8px',
-            type: 'spacing',
-          },
-        },
-        vertical: {
-          sm: {
-            value: '3px',
-            type: 'spacing',
-          },
-        },
-      },
-    },
-  },
-  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',
-      },
-    },
-  },
-  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',
-    },
-  },
-  stepper: {
-    content: {
-      typo: {
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 600,
-          fontSize: 14,
-          lineHeight: 20,
-        },
-        type: 'typography',
-      },
-      'typo-pending': {
-        value: {
-          fontFamily: 'Albert Sans',
-          fontWeight: 500,
-          fontSize: 14,
-          lineHeight: 20,
-        },
-        type: 'typography',
-      },
-      color: {
-        pending: {
-          value: '{global.content.color.secondary.mutedSuble}',
-          type: 'color',
-          failedToResolve: true,
-        },
-        'pending-text': {
-          value: '#0C1F22',
-          type: 'color',
-        },
-        active: {
-          value: '#B4E600',
-          type: 'color',
-        },
-        completed: {
-          value: '#343A3F',
-          type: 'color',
-        },
-        default: {
-          value: '#878D96',
-          type: 'color',
-        },
-      },
-    },
-    spacing: {
-      gap: {
-        value: '4px',
-        type: 'spacing',
-      },
-      xsm: {
-        value: '6px',
-        type: 'spacing',
-      },
-      padding: {
-        xsm: {
-          value: '8px',
-          type: 'spacing',
-        },
-        md: {
-          value: '16px',
-          type: 'spacing',
-        },
-      },
-    },
-    background: {
-      color: {
-        pending: {
-          value: '{global.background.color.primary.verySubtle}',
-          type: 'color',
-          failedToResolve: true,
-        },
-        active: {
-          value: '{global.background.color.primary.verySubtle}',
-          type: 'color',
-          failedToResolve: true,
-        },
-        'active--reverse': {
-          value: '#DDE1E6',
-          type: 'color',
-        },
-        completed: {
-          value: '#B4E600',
-          type: 'color',
-        },
-      },
-    },
-    border: {
-      color: {
-        default: {
-          value: '#C1C7CD',
-          type: 'color',
-        },
-        active: {
-          value: '#C1C7CD',
-          type: 'color',
-        },
-        'active--reverse': {
-          value: '#ffffff',
-          type: 'color',
-        },
-        completed: {
-          value: '#B4E600',
-          type: 'color',
-        },
-      },
-      radius: {
-        value: '50%',
-        type: 'borderRadius',
-      },
-      md: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      width: {
-        value: '1px',
-        type: 'borderWidth',
-      },
-    },
-    size: {
-      sm: {
-        value: '12px',
-        type: 'sizing',
-      },
-      md: {
-        value: '20px',
-        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: 20,
-            fontSize: 14,
-          },
-          type: 'typography',
-        },
-        'md--bold': {
-          value: {
-            fontFamily: 'Albert Sans',
-            fontWeight: 500,
-            lineHeight: 20,
-            fontSize: 14,
-          },
-          type: 'typography',
-        },
-        sm: {
-          value: {
-            fontFamily: 'Albert Sans',
-            fontWeight: 400,
-            lineHeight: 16,
-            fontSize: 12,
-          },
-          type: 'typography',
-        },
-      },
-      color: {
-        default: {
-          value: '#4D5358',
-          type: 'color',
-        },
-      },
-    },
-    background: {
-      color: {
-        default: {
-          value: '#ffffff',
-          type: 'color',
-        },
-      },
-    },
-    border: {
-      color: {
-        default: {
-          value: '#DDE1E6',
-          type: 'color',
-        },
-        emphasis: {
-          value: '#878D96',
-          type: 'color',
-        },
-      },
-      width: {
-        value: '2px',
-        type: 'borderWidth',
-      },
-      radius: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-    },
-    spacing: {
-      padding: {
-        sm: {
-          value: '4px',
-          type: 'spacing',
-        },
-        md: {
-          value: '8px',
-          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',
-      },
-    },
-  },
-  comunica: {
-    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',
-        },
-      },
-    },
-    border: {
-      color: {
-        default: {
-          value: '#C1C7CD',
-          type: 'color',
-        },
-        'default--alt': {
-          value: '#98C200',
-          type: 'color',
-        },
-      },
-      width: {
-        sm: {
-          value: '1px',
-          type: 'borderWidth',
-        },
-        md: {
-          value: '2px',
-          type: 'borderWidth',
-        },
-      },
-      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',
-        },
-      },
-    },
-  },
-  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: '2px',
-          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: '#4d535866',
-            type: 'color',
-          },
-          hover: {
-            value: '#4d5358b3',
-            type: 'color',
-          },
-          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',
-          },
-        },
-      },
-    },
-  },
-  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: {
-          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',
-          },
-        },
-        icon: {
-          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',
-          },
-        },
-        transparent: {
-          value: 'transparent',
-          type: 'color',
-        },
-        disabled: {
-          value: '#C1C7CD',
-          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',
-          },
-        },
-      },
-      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',
-          },
-          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',
-          },
-          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',
-          },
-          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',
-          },
-          xsm: {
-            value: {
-              fontFamily: 'Albert Sans',
-              fontWeight: 400,
-              lineHeight: '20px',
-              fontSize: '14px',
-            },
-            type: 'typography',
-          },
-          'xsm--semiBold': {
-            value: {
-              fontFamily: 'Albert Sans',
-              fontWeight: 600,
-              lineHeight: '24px',
-              fontSize: '16px',
-            },
-            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--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--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',
-          },
-          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--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--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',
-          },
-          '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',
-          },
-        },
-        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',
-          },
-          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',
-          },
-          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',
-          },
-          '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--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--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: '#f2f4f880',
-            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',
-          },
-        },
-      },
-    },
-    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',
-        },
-        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: {
-        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',
-      },
+  "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"
     },
-    shadow: {
-      100: {
-        value: [
+    "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"
+    }
+  },
+  "stepper": {
+    "content": {
+      "typo": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 600,
+          "fontSize": 14,
+          "lineHeight": 20
+        },
+        "type": "typography"
+      },
+      "typo-pending": {
+        "value": {
+          "fontFamily": "Albert Sans",
+          "fontWeight": 500,
+          "fontSize": 14,
+          "lineHeight": 20
+        },
+        "type": "typography"
+      },
+      "color": {
+        "pending": {
+          "value": "{global.content.color.secondary.mutedSuble}",
+          "type": "color",
+          "failedToResolve": true
+        },
+        "pending-text": {
+          "value": "#0C1F22",
+          "type": "color"
+        },
+        "active": {
+          "value": "#B4E600",
+          "type": "color"
+        },
+        "completed": {
+          "value": "#343A3F",
+          "type": "color"
+        },
+        "default": {
+          "value": "#878D96",
+          "type": "color"
+        }
+      }
+    },
+    "spacing": {
+      "gap": {
+        "value": "4px",
+        "type": "spacing"
+      },
+      "xsm": {
+        "value": "6px",
+        "type": "spacing"
+      },
+      "padding": {
+        "xsm": {
+          "value": "8px",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "16px",
+          "type": "spacing"
+        }
+      }
+    },
+    "background": {
+      "color": {
+        "pending": {
+          "value": "{global.background.color.primary.verySubtle}",
+          "type": "color",
+          "failedToResolve": true
+        },
+        "active": {
+          "value": "{global.background.color.primary.verySubtle}",
+          "type": "color",
+          "failedToResolve": true
+        },
+        "active--reverse": {
+          "value": "#DDE1E6",
+          "type": "color"
+        },
+        "completed": {
+          "value": "#B4E600",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "default": {
+          "value": "#C1C7CD",
+          "type": "color"
+        },
+        "active": {
+          "value": "#C1C7CD",
+          "type": "color"
+        },
+        "active--reverse": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "completed": {
+          "value": "#B4E600",
+          "type": "color"
+        }
+      },
+      "radius": {
+        "value": "50%",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "4px",
+        "type": "borderRadius"
+      },
+      "width": {
+        "value": "1px",
+        "type": "borderWidth"
+      }
+    },
+    "size": {
+      "sm": {
+        "value": "12px",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "20px",
+        "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": 20,
+            "fontSize": 14
+          },
+          "type": "typography"
+        },
+        "md--bold": {
+          "value": {
+            "fontFamily": "Albert Sans",
+            "fontWeight": 500,
+            "lineHeight": 20,
+            "fontSize": 14
+          },
+          "type": "typography"
+        },
+        "sm": {
+          "value": {
+            "fontFamily": "Albert Sans",
+            "fontWeight": 400,
+            "lineHeight": 16,
+            "fontSize": 12
+          },
+          "type": "typography"
+        }
+      },
+      "color": {
+        "default": {
+          "value": "#4D5358",
+          "type": "color"
+        }
+      }
+    },
+    "background": {
+      "color": {
+        "default": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "default": {
+          "value": "#DDE1E6",
+          "type": "color"
+        },
+        "emphasis": {
+          "value": "#878D96",
+          "type": "color"
+        }
+      },
+      "width": {
+        "value": "2px",
+        "type": "borderWidth"
+      },
+      "radius": {
+        "value": "4px",
+        "type": "borderRadius"
+      }
+    },
+    "spacing": {
+      "padding": {
+        "sm": {
+          "value": "4px",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "8px",
+          "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"
+      }
+    }
+  },
+  "comunica": {
+    "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"
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "default": {
+          "value": "#C1C7CD",
+          "type": "color"
+        },
+        "default--alt": {
+          "value": "#98C200",
+          "type": "color"
+        }
+      },
+      "width": {
+        "sm": {
+          "value": "1px",
+          "type": "borderWidth"
+        },
+        "md": {
+          "value": "2px",
+          "type": "borderWidth"
+        }
+      },
+      "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"
+        }
+      }
+    }
+  },
+  "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": "2px",
+          "type": "borderRadius"
+        },
+        "circle": {
+          "value": "50%",
+          "type": "borderRadius"
+        }
+      },
+      "width": {
+        "sm": {
+          "value": "1px",
+          "type": "borderWidth"
+        },
+        "lg": {
+          "value": "4px",
+          "type": "borderWidth"
+        }
+      }
+    },
+    "shadow": {
+      "hover": {
+        "value": [
           {
-            color: '#dde1e614',
-            type: 'dropShadow',
-            x: 0,
-            y: 2,
-            blur: 0,
-            spread: 0,
-          },
+            "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": "#4d535866",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#4d5358b3",
+            "type": "color"
+          },
+          "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"
+          }
+        }
+      }
+    }
+  },
+  "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": {
+          "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"
+          }
+        },
+        "icon": {
+          "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"
+          }
+        },
+        "transparent": {
+          "value": "transparent",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "#C1C7CD",
+          "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"
+          }
+        }
+      },
+      "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"
+          },
+          "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"
+          },
+          "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"
+          },
+          "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"
+          },
+          "xsm": {
+            "value": {
+              "fontFamily": "Albert Sans",
+              "fontWeight": 400,
+              "lineHeight": "20px",
+              "fontSize": "14px"
+            },
+            "type": "typography"
+          },
+          "xsm--semiBold": {
+            "value": {
+              "fontFamily": "Albert Sans",
+              "fontWeight": 600,
+              "lineHeight": "24px",
+              "fontSize": "16px"
+            },
+            "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--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--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"
+          },
+          "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--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--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"
+          },
+          "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"
+          }
+        },
+        "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"
+          },
+          "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"
+          },
+          "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"
+          },
+          "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--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--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": "#f2f4f880",
+            "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"
+          }
+        }
+      }
+    },
+    "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"
+        },
+        "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": {
+        "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: '#1a202b14',
-            type: 'dropShadow',
-            x: 0,
-            y: 10,
-            blur: 36,
-            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
+          }
         ],
-        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',
-        },
-        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"
+        },
+        "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',
-      },
-    },
-    blur: {
-      value: '4px',
-      type: 'dimension',
+        "type": "boxShadow"
+      }
     },
+    "blur": {
+      "value": "4px",
+      "type": "dimension"
+    }
   },
-  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',
+  "util": {
+    "color": {
+      "primary": {
+        "lightness": {
+          "scale": {
+            "value": 1.21,
+            "type": "other"
+          },
+          "up": {
+            "1": {
+              "value": 67,
+              "type": "other"
             },
-          },
-          down: {
-            1: {
-              value: 45,
-              type: 'other',
+            "2": {
+              "value": 81,
+              "type": "other"
             },
-            2: {
-              value: 37,
-              type: 'other',
+            "3": {
+              "value": 98,
+              "type": "other"
             },
-            3: {
-              value: 31,
-              type: 'other',
+            "4": {
+              "value": 119,
+              "type": "other"
             },
-            4: {
-              value: 26,
-              type: 'other',
+            "5": {
+              "value": 144,
+              "type": "other"
+            }
+          },
+          "down": {
+            "1": {
+              "value": 45,
+              "type": "other"
             },
-            5: {
-              value: 21,
-              type: 'other',
+            "2": {
+              "value": 37,
+              "type": "other"
             },
-          },
-        },
-      },
-      accent: {
-        lightness: {
-          scale: {
-            value: 8,
-            type: 'other',
-          },
-          up: {
-            1: {
-              value: 86,
-              type: 'other',
+            "3": {
+              "value": 31,
+              "type": "other"
             },
-            2: {
-              value: 94,
-              type: 'other',
+            "4": {
+              "value": 26,
+              "type": "other"
             },
-            3: {
-              value: 102,
-              type: 'other',
+            "5": {
+              "value": 21,
+              "type": "other"
+            }
+          }
+        }
+      },
+      "accent": {
+        "lightness": {
+          "scale": {
+            "value": 8,
+            "type": "other"
+          },
+          "up": {
+            "1": {
+              "value": 86,
+              "type": "other"
             },
-            4: {
-              value: 110,
-              type: 'other',
+            "2": {
+              "value": 94,
+              "type": "other"
             },
-          },
-          down: {
-            1: {
-              value: 70,
-              type: 'other',
+            "3": {
+              "value": 102,
+              "type": "other"
             },
-            2: {
-              value: 62,
-              type: 'other',
+            "4": {
+              "value": 110,
+              "type": "other"
+            }
+          },
+          "down": {
+            "1": {
+              "value": 70,
+              "type": "other"
             },
-            3: {
-              value: 54,
-              type: 'other',
+            "2": {
+              "value": 62,
+              "type": "other"
             },
-            4: {
-              value: 46,
-              type: 'other',
+            "3": {
+              "value": 54,
+              "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',
+            "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"
+      }
+    }
   },
-};
+  "underline": {
+    "value": "underline",
+    "type": "textDecoration"
+  }
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index b51b6311d..5bc4ee552 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -726,6 +726,14 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
+"@babel/plugin-transform-export-namespace-from@^7.23.3":
+  version "7.23.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.3.tgz#dcd066d995f6ac6077e5a4ccb68322a01e23ac49"
+  integrity sha512-yCLhW34wpJWRdTxxWtFZASJisihrfyMOTOQexhVzA78jlU+dH7Dw+zQgcPepQ5F3C6bAIiblZZ+qBggJdHiBAg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
 "@babel/plugin-transform-flow-strip-types@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2"
@@ -1576,9 +1584,9 @@
     eslint-visitor-keys "^3.3.0"
 
 "@eslint-community/regexpp@^4.6.1":
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
-  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4"
+  integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==
 
 "@eslint/eslintrc@^2.1.2":
   version "2.1.2"
@@ -1595,27 +1603,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.52.0":
-  version "8.52.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.52.0.tgz#78fe5f117840f69dc4a353adf9b9cd926353378c"
-  integrity sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==
-
-"@eslint-community/eslint-utils@^4.2.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
-  dependencies:
-    eslint-visitor-keys "^3.3.0"
-
-"@eslint-community/regexpp@^4.6.1":
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4"
-  integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==
-
-"@eslint/eslintrc@^2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396"
-  integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==
+"@eslint/eslintrc@^2.1.3":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.3.tgz#797470a75fe0fbd5a53350ee715e85e87baff22d"
+  integrity sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
@@ -1632,6 +1623,11 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.52.0.tgz#78fe5f117840f69dc4a353adf9b9cd926353378c"
   integrity sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==
 
+"@eslint/js@8.53.0":
+  version "8.53.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.53.0.tgz#bea56f2ed2b5baea164348ff4d5a879f6f81f20d"
+  integrity sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==
+
 "@figspec/components@^1.0.1":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@figspec/components/-/components-1.0.2.tgz#00f697b37cfb45862563d0bd15d7f633caa4bc29"
@@ -3964,15 +3960,7 @@
     "@types/eslint" "*"
     "@types/estree" "*"
 
-"@types/eslint@*":
-  version "8.44.6"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603"
-  integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw==
-  dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
-
-"@types/eslint@^8.4.2":
+"@types/eslint@*", "@types/eslint@^8.4.2":
   version "8.44.6"
   resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603"
   integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw==
@@ -4366,6 +4354,14 @@
     "@typescript-eslint/types" "4.33.0"
     eslint-visitor-keys "^2.0.0"
 
+"@typescript-eslint/visitor-keys@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
+  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    eslint-visitor-keys "^3.3.0"
+
 "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
@@ -4685,7 +4681,7 @@ acorn@^7.4.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
+acorn@^8.7.1, acorn@^8.8.2:
   version "8.11.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b"
   integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
@@ -4931,17 +4927,6 @@ array-includes@^3.0.3, array-includes@^3.1.6, array-includes@^3.1.7:
     get-intrinsic "^1.2.1"
     is-string "^1.0.7"
 
-array-includes@^3.1.6, array-includes@^3.1.7:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.7.tgz#8cd2e01b26f7a3086cbc87271593fe921c62abda"
-  integrity sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-    is-string "^1.0.7"
-
 array-union@^1.0.1, array-union@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
@@ -4995,16 +4980,6 @@ array.prototype.flatmap@^1.2.1, array.prototype.flatmap@^1.3.1, array.prototype.
     es-abstract "^1.22.1"
     es-shim-unscopables "^1.0.0"
 
-array.prototype.flatmap@^1.3.1, array.prototype.flatmap@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
-  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
 array.prototype.map@^1.0.5:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/array.prototype.map/-/array.prototype.map-1.0.6.tgz#6a3d23f7192b2066eb97666ccc34118cb8163950"
@@ -5130,13 +5105,6 @@ asynciterator.prototype@^1.0.0:
   dependencies:
     has-symbols "^1.0.3"
 
-asynciterator.prototype@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
-  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
-  dependencies:
-    has-symbols "^1.0.3"
-
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -5766,15 +5734,6 @@ call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5:
     get-intrinsic "^1.2.1"
     set-function-length "^1.1.1"
 
-call-bind@^1.0.4, call-bind@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
-  integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
-  dependencies:
-    function-bind "^1.1.2"
-    get-intrinsic "^1.2.1"
-    set-function-length "^1.1.1"
-
 call-me-maybe@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.2.tgz#03f964f19522ba643b1b0693acb9152fe2074baa"
@@ -5901,6 +5860,17 @@ ccount@^1.0.0:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.1.0.tgz#246687debb6014735131be8abab2d93898f8d043"
   integrity sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg==
 
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -6919,7 +6889,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.5.2:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3:
+debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -7045,15 +7015,6 @@ define-properties@^1.1.2, define-properties@^1.1.3, define-properties@^1.1.4, de
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
-define-properties@^1.2.0, define-properties@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
-  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
-  dependencies:
-    define-data-property "^1.0.1"
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
-
 define-property@^0.2.5:
   version "0.2.5"
   resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
@@ -7592,51 +7553,6 @@ es-abstract@^1.17.2, es-abstract@^1.22.1:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.13"
 
-es-abstract@^1.22.1:
-  version "1.22.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32"
-  integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    arraybuffer.prototype.slice "^1.0.2"
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.5"
-    es-set-tostringtag "^2.0.1"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.6"
-    get-intrinsic "^1.2.2"
-    get-symbol-description "^1.0.0"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    hasown "^2.0.0"
-    internal-slot "^1.0.5"
-    is-array-buffer "^3.0.2"
-    is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.12"
-    is-weakref "^1.0.2"
-    object-inspect "^1.13.1"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.5.1"
-    safe-array-concat "^1.0.1"
-    safe-regex-test "^1.0.0"
-    string.prototype.trim "^1.2.8"
-    string.prototype.trimend "^1.0.7"
-    string.prototype.trimstart "^1.0.7"
-    typed-array-buffer "^1.0.0"
-    typed-array-byte-length "^1.0.0"
-    typed-array-byte-offset "^1.0.0"
-    typed-array-length "^1.0.4"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.13"
-
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
@@ -7691,15 +7607,6 @@ es-set-tostringtag@^2.0.1:
     has-tostringtag "^1.0.0"
     hasown "^2.0.0"
 
-es-set-tostringtag@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz#11f7cc9f63376930a5f20be4915834f4bc74f9c9"
-  integrity sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==
-  dependencies:
-    get-intrinsic "^1.2.2"
-    has-tostringtag "^1.0.0"
-    hasown "^2.0.0"
-
 es-shim-unscopables@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
@@ -7862,7 +7769,7 @@ eslint-scope@^4.0.3:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.2.2:
+eslint-scope@^7.0.0, eslint-scope@^7.2.2:
   version "7.2.2"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
   integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
@@ -7875,7 +7782,7 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
@@ -7924,7 +7831,51 @@ eslint@^8.50.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-espree@^9.6.0, espree@^9.6.1:
+eslint@^8.7.0:
+  version "8.53.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.53.0.tgz#14f2c8244298fcae1f46945459577413ba2697ce"
+  integrity sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.3"
+    "@eslint/js" "8.53.0"
+    "@humanwhocodes/config-array" "^0.11.13"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.0.0, espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
@@ -7938,7 +7889,7 @@ esprima@^4.0.0, esprima@^4.0.1:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.2:
+esquery@^1.4.0, esquery@^1.4.2:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
@@ -8723,16 +8674,6 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@
     has-symbols "^1.0.3"
     hasown "^2.0.0"
 
-get-intrinsic@^1.2.0, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
-  integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==
-  dependencies:
-    function-bind "^1.1.2"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    hasown "^2.0.0"
-
 get-own-enumerable-property-symbols@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
@@ -8996,11 +8937,6 @@ has-proto@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
-has-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
-  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
-
 has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
@@ -9470,15 +9406,6 @@ internal-slot@^1.0.4, internal-slot@^1.0.5:
     hasown "^2.0.0"
     side-channel "^1.0.4"
 
-internal-slot@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.6.tgz#37e756098c4911c5e912b8edbf71ed3aa116f930"
-  integrity sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==
-  dependencies:
-    get-intrinsic "^1.2.2"
-    hasown "^2.0.0"
-    side-channel "^1.0.4"
-
 internmap@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/internmap/-/internmap-1.0.1.tgz#0017cc8a3b99605f0302f2b198d272e015e5df95"
@@ -10588,7 +10515,7 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
 
-lodash.merge@^4.6.2:
+lodash.merge@^4.6.0, lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
@@ -11533,11 +11460,6 @@ object-inspect@^1.13.1, object-inspect@^1.9.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
   integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
 
-object-inspect@^1.13.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
-  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
-
 object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
@@ -11578,15 +11500,6 @@ object.entries@^1.1.0, object.entries@^1.1.5, object.entries@^1.1.6:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-object.fromentries@^2.0.6, object.fromentries@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.7.tgz#71e95f441e9a0ea6baf682ecaaf37fa2a8d7e616"
-  integrity sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
 object.getownpropertydescriptors@^2.0.3, object.getownpropertydescriptors@^2.1.0, object.getownpropertydescriptors@^2.1.2:
   version "2.1.7"
   resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.7.tgz#7a466a356cd7da4ba8b9e94ff6d35c3eeab5d56a"
@@ -11616,24 +11529,6 @@ object.hasown@^1.1.2:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-object.groupby@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.1.tgz#d41d9f3c8d6c778d9cbac86b4ee9f5af103152ee"
-  integrity sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-
-object.hasown@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.3.tgz#6a5f2897bb4d3668b8e79364f98ccf971bda55ae"
-  integrity sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==
-  dependencies:
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
 object.omit@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-3.0.0.tgz#0e3edc2fce2ba54df5577ff529f6d97bd8a522af"
@@ -11657,15 +11552,6 @@ object.values@^1.1.0, object.values@^1.1.6, object.values@^1.1.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-object.values@^1.1.6, object.values@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.7.tgz#617ed13272e7e1071b43973aa1655d9291b8442a"
-  integrity sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
 objectorarray@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.5.tgz#2c05248bbefabd8f43ad13b41085951aac5e68a5"
@@ -11743,18 +11629,6 @@ optionator@^0.9.3:
     prelude-ls "^1.2.1"
     type-check "^0.4.0"
 
-optionator@^0.9.3:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
-  integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
-  dependencies:
-    "@aashutoshrathi/word-wrap" "^1.2.3"
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-
 ora@^5.4.1:
   version "5.4.1"
   resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
@@ -12675,13 +12549,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
 prettier-eslint@^15.0.1:
   version "15.0.1"
   resolved "https://registry.yarnpkg.com/prettier-eslint/-/prettier-eslint-15.0.1.tgz#2543a43e9acec2a9767ad6458165ce81f353db9c"
@@ -12714,12 +12581,7 @@ prettier-linter-helpers@^1.0.0:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18"
   integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w==
 
-prettier@^2.5.1, prettier@^2.8.8:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
-
-prettier@^2.7.1:
+prettier@^2.5.1, prettier@^2.7.1:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
@@ -13944,24 +13806,6 @@ resolve@^2.0.0-next.4:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.22.4:
-  version "1.22.8"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
-  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-resolve@^2.0.0-next.4:
-  version "2.0.0-next.5"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
-  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
 restore-cursor@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
@@ -14260,14 +14104,7 @@ semver@^6.0.0, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.5.3:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
-  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
-  dependencies:
-    lru-cache "^6.0.0"
-
-semver@^7.3.7:
+semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.5.3:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
@@ -14790,21 +14627,6 @@ strict-uri-encode@^2.0.0:
     set-function-name "^2.0.0"
     side-channel "^1.0.4"
 
-string.prototype.matchall@^4.0.8:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz#a1553eb532221d4180c51581d6072cd65d1ee100"
-  integrity sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.5"
-    regexp.prototype.flags "^1.5.0"
-    set-function-name "^2.0.0"
-    side-channel "^1.0.4"
-
 string.prototype.padend@^3.0.0:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.1.5.tgz#311ef3a4e3c557dd999cdf88fbdde223f2ac0f95"
@@ -14850,15 +14672,6 @@ string.prototype.trimstart@^1.0.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-string.prototype.trimstart@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298"
-  integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -15468,16 +15281,6 @@ tsconfig-paths@^3.10.1, tsconfig-paths@^3.14.2:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tsconfig-paths@^3.14.2:
-  version "3.14.2"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz#6e32f1f79412decd261f92d633a9dc1cfa99f088"
-  integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==
-  dependencies:
-    "@types/json5" "^0.0.29"
-    json5 "^1.0.2"
-    minimist "^1.2.6"
-    strip-bom "^3.0.0"
-
 tslib@^1.8.1:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
@@ -15626,12 +15429,7 @@ typescript@^3.9.10, typescript@^3.9.5, typescript@^3.9.7:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.10.tgz#70f3910ac7a51ed6bef79da7800690b19bf778b8"
   integrity sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==
 
-typescript@^4.5.4:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
-typescript@^4.7.3:
+typescript@^4.5.4, typescript@^4.7.3:
   version "4.9.5"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
   integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==